plataforma-fundacao-componentes 2.22.22 → 2.22.25

package/dist/index.js

@@ -457,34 +457,61 @@ Aconteceu.defaultProps = {
   }
 };
 
-var rootClassName$7 = 'component-advanced-semi-header';
+(function (ActionCardThemes) {
+  ActionCardThemes["Primary"] = "primary";
+  ActionCardThemes["Secondary"] = "secondary";
+  ActionCardThemes["Danger"] = "danger";
+  ActionCardThemes["Darker"] = "darker";
+})(exports.ActionCardThemes || (exports.ActionCardThemes = {}));
+
+var rootClassName$7 = 'action-card';
+
+function ActionCard(props) {
+  return React__default.createElement("div", {
+    className: getMergedClassNames([rootClassName$7, props.theme])
+  }, React__default.createElement("div", {
+    className: 'bar'
+  }), React__default.createElement("div", {
+    className: 'text nunito'
+  }, props.text), props.element ? React__default.createElement("div", {
+    className: 'action'
+  }, props.element) : undefined);
+}
+
+ActionCard.defaultProps = {
+  theme: exports.ActionCardThemes.Primary,
+  text: ''
+};
+var ActionCard$1 = React.memo(ActionCard);
+
+var rootClassName$8 = 'component-advanced-semi-header';
 function AdvancedSemiHeader(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: rootClassName$7
+    className: rootClassName$8
   }, React__default.createElement("div", {
-    className: rootClassName$7 + "-linha linha-um"
+    className: rootClassName$8 + "-linha linha-um"
   }, React__default.createElement("div", {
-    className: rootClassName$7 + "-left-content"
+    className: rootClassName$8 + "-left-content"
   }, React__default.createElement("div", {
-    className: rootClassName$7 + "-left-button"
+    className: rootClassName$8 + "-left-button"
   }, props.leftButton), React__default.createElement("div", {
-    className: rootClassName$7 + "-logo logo-lg"
+    className: rootClassName$8 + "-logo logo-lg"
   }, props.logo)), React__default.createElement("div", {
-    className: rootClassName$7 + "-logo logo-xs"
+    className: rootClassName$8 + "-logo logo-xs"
   }, props.logo), props.searchField && React__default.createElement("div", {
-    className: rootClassName$7 + "-search-field "
+    className: rootClassName$8 + "-search-field "
   }, props.searchField), React__default.createElement("div", {
-    className: rootClassName$7 + "-right-content"
+    className: rootClassName$8 + "-right-content"
   }, props.rightContent)), React__default.createElement("div", {
-    className: rootClassName$7 + "-linha linha-dois"
+    className: rootClassName$8 + "-linha linha-dois"
   }, props.searchField)), React__default.createElement("div", {
-    className: rootClassName$7 + "-clearfix"
+    className: rootClassName$8 + "-clearfix"
   }), React__default.createElement("div", {
-    className: rootClassName$7 + "-semi-clear"
+    className: rootClassName$8 + "-semi-clear"
   }));
 }
 
-var rootClassName$8 = 'component-animated-link';
+var rootClassName$9 = 'component-animated-link';
 
 function AnimatedLink(props) {
   var _useState = React.useState(props.id ? props.id : getUniqueKey()),
@@ -492,7 +519,7 @@ function AnimatedLink(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$8, props.className || '', props.animated ? 'animated' : ''])
+      className: getMergedClassNames([rootClassName$9, props.className || '', props.animated ? 'animated' : ''])
     });
 
     delete p.animated;
@@ -509,10 +536,10 @@ AnimatedLink.defaultProps = {
 };
 var AnimatedLink$1 = React.memo(AnimatedLink);
 
-var rootClassName$9 = 'icon-component';
+var rootClassName$a = 'icon-component';
 var ChevronArrowRightIcon = function ChevronArrowRightIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$9,
+    className: rootClassName$a,
     viewBox: '0 0 11 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -521,7 +548,7 @@ var ChevronArrowRightIcon = function ChevronArrowRightIcon() {
   }));
 };
 
-var rootClassName$a = 'assembleia-item';
+var rootClassName$b = 'assembleia-item';
 var AssembleiaModo;
 
 (function (AssembleiaModo) {
@@ -535,63 +562,63 @@ function AssembleiaItem(props) {
   var _props$presencial;
 
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$a, props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
+    className: getMergedClassNames([rootClassName$b, props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
   }, React__default.createElement("div", {
     onClick: props.onClick,
-    className: getMergedClassNames([rootClassName$a + "-first", props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
+    className: getMergedClassNames([rootClassName$b + "-first", props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-left"
+    className: rootClassName$b + "-left"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-coop"
+    className: rootClassName$b + "-coop"
   }, props.nomeCooperativa, props.modo === AssembleiaModo.Presencial ? " - " + props.language.presencial : ''), React__default.createElement("div", {
-    className: rootClassName$a + "-endereco nunito"
+    className: rootClassName$b + "-endereco nunito"
   }, props.modo === AssembleiaModo.Presencial ? (_props$presencial = props.presencial) === null || _props$presencial === void 0 ? void 0 : _props$presencial.endereco : props.language.enderecoDigital)), React__default.createElement("div", {
-    className: rootClassName$a + "-right"
+    className: rootClassName$b + "-right"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataInicio), React__default.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.dataInicio)), React__default.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataTermino), React__default.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.dataTermino)), React__default.createElement("div", {
-    className: rootClassName$a + "-icon"
+    className: rootClassName$b + "-icon"
   }, React__default.createElement(ChevronArrowRightIcon, null)))), props.presencial && props.modo !== AssembleiaModo.Presencial && React__default.createElement("div", {
-    className: rootClassName$a + "-second"
+    className: rootClassName$b + "-second"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-left"
+    className: rootClassName$b + "-left"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-coop"
+    className: rootClassName$b + "-coop"
   }, props.language.presencial), React__default.createElement("div", {
-    className: rootClassName$a + "-endereco nunito"
+    className: rootClassName$b + "-endereco nunito"
   }, props.presencial.endereco)), React__default.createElement("div", {
-    className: rootClassName$a + "-right"
+    className: rootClassName$b + "-right"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataInicio), React__default.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.presencial.dataInicio)), React__default.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React__default.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataTermino), React__default.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.presencial.dataTermino)))));
 }
 
 var AssembleiaItem$1 = React.memo(AssembleiaItem);
 
-var rootClassName$b = 'icon-component';
+var rootClassName$c = 'icon-component';
 var CheckCircleIcon = function CheckCircleIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$b,
+    className: rootClassName$c,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -602,10 +629,10 @@ var CheckCircleIcon = function CheckCircleIcon() {
   }));
 };
 
-var rootClassName$c = 'icon-component';
+var rootClassName$d = 'icon-component';
 var CloseIcon = function CloseIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$c,
+    className: rootClassName$d,
     viewBox: '-2 -2 26 26',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React__default.createElement("path", {
@@ -619,10 +646,10 @@ var CloseIcon = function CloseIcon() {
   }));
 };
 
-var rootClassName$d = 'icon-component';
+var rootClassName$e = 'icon-component';
 var LockIcon = function LockIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$d,
+    className: rootClassName$e,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -633,10 +660,10 @@ var LockIcon = function LockIcon() {
   }));
 };
 
-var rootClassName$e = 'icon-component';
+var rootClassName$f = 'icon-component';
 var TimesCircleIcon = function TimesCircleIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$e,
+    className: rootClassName$f,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -691,11 +718,15 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
 
 (function (ButtonThemes) {
   ButtonThemes["Primary"] = "primary";
+  ButtonThemes["PrimaryDark"] = "primary-dark";
   ButtonThemes["PrimaryLight"] = "primary-light";
   ButtonThemes["Secondary"] = "secondary";
   ButtonThemes["SecondaryWhiteBackground"] = "secondary-white-background";
   ButtonThemes["Danger"] = "danger";
+  ButtonThemes["DangerDarker"] = "danger-darker";
+  ButtonThemes["DangerDarkerOutline"] = "danger-darker-outline";
   ButtonThemes["Default"] = "default";
+  ButtonThemes["Black"] = "black";
   ButtonThemes["DefaultPrimary"] = "default-primary";
   ButtonThemes["Blue"] = "blue";
   ButtonThemes["Pauta"] = "pauta";
@@ -790,7 +821,7 @@ var secondsToHours = function secondsToHours(seconds) {
   return hh.concat(':').concat(mm).concat(':').concat(s);
 };
 
-var rootClassName$f = 'component-button';
+var rootClassName$g = 'component-button';
 
 function Button(props) {
   var handleClick = function handleClick(evt) {
@@ -802,7 +833,7 @@ function Button(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames(['nunito', rootClassName$f, props.className, rootClassName$f + "-" + props.theme, props.w100 ? rootClassName$f + "-w100" : '', props.mobileBottomPage ? rootClassName$f + "-bottom-mobile" : ''])
+      className: getMergedClassNames(['nunito', rootClassName$g, props.className, rootClassName$g + "-" + props.theme, props.w100 ? rootClassName$g + "-w100" : '', props.mobileBottomPage ? rootClassName$g + "-bottom-mobile" : ''])
     });
 
     delete p.mobileBottomPage;
@@ -816,13 +847,13 @@ function Button(props) {
   };
 
   return React__default.createElement("button", Object.assign({}, getProps()), props.leftIcon && React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$f + "-icon", rootClassName$f + "-left-icon", props.loader && props.loader.loading ? rootClassName$f + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$g + "-icon", rootClassName$g + "-left-icon", props.loader && props.loader.loading ? rootClassName$g + "-hide" : ''])
   }, props.leftIcon), React__default.createElement("div", {
-    className: rootClassName$f + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$f + "-hide" : '')
+    className: rootClassName$g + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$g + "-hide" : '')
   }, props.children), props.rightIcon && React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$f + "-icon", rootClassName$f + "-right-icon", props.loader && props.loader.loading ? rootClassName$f + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$g + "-icon", rootClassName$g + "-right-icon", props.loader && props.loader.loading ? rootClassName$g + "-hide" : ''])
   }, props.rightIcon), props.loader && props.loader.loading ? React__default.createElement("div", {
-    className: rootClassName$f + "-loader"
+    className: rootClassName$g + "-loader"
   }, React__default.createElement(ThreeDotsLoader, {
     theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
     size: props.loader.loaderSize ? props.loader.loaderSize : undefined
@@ -845,7 +876,7 @@ Button.defaultProps = {
 };
 var Button$1 = React.memo(Button);
 
-var rootClassName$g = 'component-icon-button';
+var rootClassName$h = 'component-icon-button';
 
 function IconButton(props) {
   var handleClick = function handleClick(evt) {
@@ -857,7 +888,7 @@ function IconButton(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$g, props.className, rootClassName$g + "-" + props.theme])
+      className: getMergedClassNames([rootClassName$h, props.className, rootClassName$h + "-" + props.theme])
     });
 
     delete p.icon;
@@ -878,12 +909,12 @@ IconButton.defaultProps = {
 };
 var IconButton$1 = React.memo(IconButton);
 
-var rootClassName$h = 'component-radio-button';
+var rootClassName$i = 'component-radio-button';
 
 function RadioButton(props) {
   var buttonProps = React.useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$h, props.theme, props.className, rootClassName$h + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$i, props.theme, props.className, rootClassName$i + "-" + (props.value ? 'checked' : 'not')]),
       onClick: function onClick() {
         if (!props.disabled) {
           props.onChange(!props.value);
@@ -906,7 +937,7 @@ RadioButton.defaultProps = {
 };
 var RadioButton$1 = React.memo(RadioButton);
 
-var rootClassName$i = 'component-assembleia-pauta';
+var rootClassName$j = 'component-assembleia-pauta';
 AssembleiaPauta.defaultProps = {
   tempo: 0,
   status: STATUS_PAUTA_BLOQUEADA,
@@ -985,30 +1016,30 @@ function AssembleiaPauta(props) {
   };
 
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$i, getStatusClassName(props.status), props.votos && props.votos.length ? 'tem-voto' : 'sem-voto', props.opened ? 'opened' : ''])
+    className: getMergedClassNames([rootClassName$j, getStatusClassName(props.status), props.votos && props.votos.length ? 'tem-voto' : 'sem-voto', props.opened ? 'opened' : ''])
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-header",
+    className: rootClassName$j + "-header",
     onClick: handleToggle
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-first-line"
+    className: rootClassName$j + "-first-line"
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-first-col"
+    className: rootClassName$j + "-first-col"
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-timer nunito"
+    className: rootClassName$j + "-timer nunito"
   }, secondsToHours(timeLeft)), React__default.createElement("div", {
-    className: rootClassName$i + "-etiqueta"
+    className: rootClassName$j + "-etiqueta"
   }, React__default.createElement("span", {
     className: 'icon'
   }, getStatusIcon()), React__default.createElement("span", {
     className: 'label nunito'
   }, captalizeFirtLetter((_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.getStatusLabel(props.status))))), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$i + "-arrow", props.opened ? 'cima' : ''])
+    className: getMergedClassNames([rootClassName$j + "-arrow", props.opened ? 'cima' : ''])
   }, React__default.createElement(ChevronArrowDownIcon, null))), React__default.createElement("div", {
-    className: rootClassName$i + "-titulo"
+    className: rootClassName$j + "-titulo"
   }, captalizeFirtLetter(props.titulo))), React__default.createElement(Collapse$1, {
     opened: Boolean(((_props$votos2 = props.votos) === null || _props$votos2 === void 0 ? void 0 : _props$votos2.length) && !props.opened)
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-voto-atual nunito",
+    className: rootClassName$j + "-voto-atual nunito",
     onClick: handleToggle
   }, React__default.createElement(RadioButton$1, {
     theme: exports.RadioButtonType.Classic,
@@ -1019,19 +1050,19 @@ function AssembleiaPauta(props) {
   })))), React__default.createElement(Collapse$1, {
     opened: props.opened
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-corpo-pauta"
+    className: rootClassName$j + "-corpo-pauta"
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-descricao"
+    className: rootClassName$j + "-descricao"
   }, captalizeFirtLetter(props.descricao)), React__default.createElement("div", {
-    className: rootClassName$i + "-opcoes-label nunito"
+    className: rootClassName$j + "-opcoes-label nunito"
   }, captalizeFirtLetter((_props$language3 = props.language) === null || _props$language3 === void 0 ? void 0 : _props$language3.opcoesDeVotoLabel)), React__default.createElement("div", {
-    className: rootClassName$i + "-opcoes-de-voto"
+    className: rootClassName$j + "-opcoes-de-voto"
   }, (_props$itens2 = props.itens) === null || _props$itens2 === void 0 ? void 0 : _props$itens2.sort(function (a, b) {
     return a.ordem - b.ordem;
   }).map(function (it, index) {
     return React__default.createElement("button", {
       key: index,
-      className: rootClassName$i + "-opcao-de-voto",
+      className: rootClassName$j + "-opcao-de-voto",
       onClick: function onClick() {
         return setVotoAtual(it.idItemPauta);
       },
@@ -1042,9 +1073,9 @@ function AssembleiaPauta(props) {
       className: 'nome nunito'
     }, getItemPautaName(it)));
   })), (_props$votos3 = props.votos) !== null && _props$votos3 !== void 0 && _props$votos3.length && props.status === STATUS_PAUTA_LIBERADA ? React__default.createElement("div", {
-    className: rootClassName$i + "-se-tiver-votos nunito"
+    className: rootClassName$j + "-se-tiver-votos nunito"
   }, (_props$language4 = props.language) === null || _props$language4 === void 0 ? void 0 : _props$language4.seTiverVotosLabel) : undefined, React__default.createElement("div", {
-    className: rootClassName$i + "-actions-line"
+    className: rootClassName$j + "-actions-line"
   }, props.showMostrarResultadosButton ? React__default.createElement(Button$1, {
     disabled: props.mostrarResultadosDisabled,
     leftIcon: props.mostrarResultadosIcon,
@@ -1073,7 +1104,7 @@ function AssembleiaPauta(props) {
   }, "Votar") : undefined))), React__default.createElement(Collapse$1, {
     opened: !props.opened
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-bottom-bar",
+    className: rootClassName$j + "-bottom-bar",
     onClick: handleToggle
   }, React__default.createElement("span", {
     className: 'icon'
@@ -1086,31 +1117,31 @@ function AssembleiaPauta(props) {
     mountOnEnter: true,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$i + "-voto-enviado"
+    className: rootClassName$j + "-voto-enviado"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(CloseIcon, null),
-    className: rootClassName$i + "-close-icon",
+    className: rootClassName$j + "-close-icon",
     onClick: function onClick() {
       setMostrarVotoEnviado(false);
       props.toggleOpened(false);
       if (timeoutFecharSucesso) clearTimeout(timeoutFecharSucesso);
     }
   }), React__default.createElement("div", {
-    className: rootClassName$i + "-icon"
+    className: rootClassName$j + "-icon"
   }, React__default.createElement(CheckCircleIcon, null)), React__default.createElement("div", {
-    className: rootClassName$i + "-label"
+    className: rootClassName$j + "-label"
   }, captalizeFirtLetter((_props$language7 = props.language) === null || _props$language7 === void 0 ? void 0 : _props$language7.votoEnviadoLabel)))));
 }
 
 var AssembleiaPauta$1 = React.memo(AssembleiaPauta);
 
-var rootClassName$j = 'component-banner';
+var rootClassName$k = 'component-banner';
 function Banner(props) {
   var _useState = React.useState("text" + getUniqueKey()),
       id = _useState[0];
 
   React.useEffect(function () {
-    var text = document.querySelector("#" + id + " .text ." + rootClassName$j + "-text");
+    var text = document.querySelector("#" + id + " .text ." + rootClassName$k + "-text");
 
     if (text && props.text && !String(props.text).match(/(<script>|<\/script>)/g)) {
       text.innerHTML = props.text;
@@ -1118,29 +1149,29 @@ function Banner(props) {
   }, [id, props.text]);
   return React__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$j, typeof props.onClick === 'function' ? 'clickable' : '']),
+    className: getMergedClassNames([rootClassName$k, typeof props.onClick === 'function' ? 'clickable' : '']),
     onClick: function onClick() {
       if (typeof props.onClick === 'function') {
         props.onClick();
       }
     }
   }, React__default.createElement("div", {
-    className: rootClassName$j + "-side img"
+    className: rootClassName$k + "-side img"
   }, React__default.createElement("img", {
     src: props.imgUrl,
     alt: 'img-banner',
     draggable: false
   })), React__default.createElement("div", {
-    className: rootClassName$j + "-side text"
+    className: rootClassName$k + "-side text"
   }, React__default.createElement("div", {
-    className: rootClassName$j + "-text"
+    className: rootClassName$k + "-text"
   })));
 }
 
-var rootClassName$k = 'icon-component';
+var rootClassName$l = 'icon-component';
 var ArrowRightIcon = function ArrowRightIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$k,
+    className: rootClassName$l,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1151,25 +1182,25 @@ var ArrowRightIcon = function ArrowRightIcon() {
   }));
 };
 
-var rootClassName$l = 'banner-assembleia';
+var rootClassName$m = 'banner-assembleia';
 
 function BannerAssembleia(props) {
   return React__default.createElement("div", {
-    className: rootClassName$l
+    className: rootClassName$m
   }, React__default.createElement("div", {
-    className: rootClassName$l + "-left"
+    className: rootClassName$m + "-left"
   }, React__default.createElement("div", {
-    className: rootClassName$l + "-bread-crumb"
+    className: rootClassName$m + "-bread-crumb"
   }, props.breadCrumb), React__default.createElement("div", {
-    className: rootClassName$l + "-text"
+    className: rootClassName$m + "-text"
   }, props.text), React__default.createElement("div", {
-    className: rootClassName$l + "-button"
+    className: rootClassName$m + "-button"
   }, React__default.createElement(Button$1, {
     onClick: props.onButtonClick,
     theme: exports.ButtonThemes.DefaultPrimary,
     rightIcon: React__default.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React__default.createElement("div", {
-    className: rootClassName$l + "-imagem",
+    className: rootClassName$m + "-imagem",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
@@ -1181,13 +1212,13 @@ function BannerAssembleia(props) {
 
 var BannerAssembleia$1 = React.memo(BannerAssembleia);
 
-var rootClassName$m = 'component-input';
+var rootClassName$n = 'component-input';
 
 function Input(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: props.id ? props.id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$m + "-input", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$n + "-input", props.className || ''])
     });
 
     delete p.loading;
@@ -1202,24 +1233,24 @@ function Input(props) {
   };
 
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$m, props.error ? rootClassName$m + "-error" : '', props.loading ? rootClassName$m + "-loading" : '', props.disabled ? rootClassName$m + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$n, props.error ? rootClassName$n + "-error" : '', props.loading ? rootClassName$n + "-loading" : '', props.disabled ? rootClassName$n + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
 
   return React__default.createElement("div", {
     id: props.id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React__default.createElement("div", {
-    className: rootClassName$m + "-label nunito"
+    className: rootClassName$n + "-label nunito"
   }, props.label || ''), React__default.createElement("div", {
-    className: rootClassName$m + "-input-container"
+    className: rootClassName$n + "-input-container"
   }, React__default.createElement("input", Object.assign({}, getProps())), props.rightObject && React__default.createElement("div", {
-    className: rootClassName$m + "-right-object"
+    className: rootClassName$n + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React__default.createElement("div", {
-    className: rootClassName$m + "-helper-and-counter"
+    className: rootClassName$n + "-helper-and-counter"
   }, React__default.createElement("div", {
-    className: rootClassName$m + "-helper-text nunito"
+    className: rootClassName$n + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React__default.createElement("div", {
-    className: rootClassName$m + "-counter"
+    className: rootClassName$n + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 
@@ -1236,23 +1267,23 @@ Input.defaultProps = {
 };
 var Input$1 = React.memo(Input);
 
-var rootClassName$n = 'banner-pesquisa-cpf-cnpj';
+var rootClassName$o = 'banner-pesquisa-cpf-cnpj';
 
 function BannerPesquisaCpfCnpj(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$n, props.theme])
+    className: getMergedClassNames([rootClassName$o, props.theme])
   }, React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$n + "-left", props.captcha ? 'plus' : ''])
+    className: getMergedClassNames([rootClassName$o + "-left", props.captcha ? 'plus' : ''])
   }, React__default.createElement("div", {
-    className: rootClassName$n + "-title"
+    className: rootClassName$o + "-title"
   }, props.title), React__default.createElement("div", {
-    className: rootClassName$n + "-sub-title nunito"
+    className: rootClassName$o + "-sub-title nunito"
   }, props.subtitle), props.inputProps ? React__default.createElement("div", {
-    className: rootClassName$n + "-input"
+    className: rootClassName$o + "-input"
   }, React__default.createElement(Input$1, Object.assign({}, props.inputProps))) : undefined, props.captcha ? React__default.createElement("div", {
-    className: rootClassName$n + "-captcha"
+    className: rootClassName$o + "-captcha"
   }, props.captcha) : undefined), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$n + "-image", props.captcha ? 'plus' : '']),
+    className: getMergedClassNames([rootClassName$o + "-image", props.captcha ? 'plus' : '']),
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -1267,11 +1298,11 @@ BannerPesquisaCpfCnpj.defaultProps = {
 };
 var BannerPesquisaCpfCnpj$1 = React.memo(BannerPesquisaCpfCnpj);
 
-var rootClassName$o = 'component-big-block-button';
+var rootClassName$p = 'component-big-block-button';
 function BigBlockButton(props) {
   return React__default.createElement("button", {
     id: props.id ? props.id : getUniqueKey(),
-    className: rootClassName$o,
+    className: rootClassName$p,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
         props.onClick(evt);
@@ -1279,16 +1310,16 @@ function BigBlockButton(props) {
     },
     disabled: props.disabled || false
   }, React__default.createElement("div", {
-    className: rootClassName$o + "-icon"
+    className: rootClassName$p + "-icon"
   }, props.icon), React__default.createElement("div", {
-    className: rootClassName$o + "-label"
+    className: rootClassName$p + "-label"
   }, props.label));
 }
 
-var rootClassName$p = 'icon-component';
+var rootClassName$q = 'icon-component';
 var AddIcon = function AddIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$p,
+    className: rootClassName$q,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1299,10 +1330,10 @@ var AddIcon = function AddIcon() {
   }));
 };
 
-var rootClassName$q = 'icon-component';
+var rootClassName$r = 'icon-component';
 var EditIcon = function EditIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$q,
+    className: rootClassName$r,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1313,10 +1344,10 @@ var EditIcon = function EditIcon() {
   }));
 };
 
-var rootClassName$r = 'icon-component';
+var rootClassName$s = 'icon-component';
 var TrashIcon = function TrashIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$r,
+    className: rootClassName$s,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1334,7 +1365,7 @@ var TrashIcon = function TrashIcon() {
   CheckboxThemes["Blue"] = "blue";
 })(exports.CheckboxThemes || (exports.CheckboxThemes = {}));
 
-var rootClassName$s = 'component-checkbox';
+var rootClassName$t = 'component-checkbox';
 
 function Checkbox(props) {
   var fProps = React.useMemo(function () {
@@ -1346,7 +1377,7 @@ function Checkbox(props) {
     };
 
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$s, rootClassName$s + "-" + props.theme, rootClassName$s + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$t, rootClassName$t + "-" + props.theme, rootClassName$t + "-" + (props.value ? 'checked' : 'not')]),
       'aria-disabled': props.disabled || props['aria-disabled'],
       onClick: handleClick
     });
@@ -1373,11 +1404,11 @@ Checkbox.defaultProps = {
 };
 var Checkbox$1 = React.memo(Checkbox);
 
-var rootClassName$t = 'component-bloco-de-notas';
+var rootClassName$u = 'component-bloco-de-notas';
 function BlocoDeNotas(props) {
   var filteredProps = React.useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$t, props.className || ''])
+      className: getMergedClassNames([rootClassName$u, props.className || ''])
     });
 
     delete p.title;
@@ -1402,11 +1433,11 @@ function BlocoDeNotas(props) {
     return p;
   }, [props]);
   return React__default.createElement("div", Object.assign({}, filteredProps), React__default.createElement("div", {
-    className: rootClassName$t + "-header"
+    className: rootClassName$u + "-header"
   }, React__default.createElement("div", {
-    className: rootClassName$t + "-left-content"
+    className: rootClassName$u + "-left-content"
   }, React__default.createElement("div", {
-    className: rootClassName$t + "-checkbox"
+    className: rootClassName$u + "-checkbox"
   }, React__default.createElement(Checkbox$1, {
     disabled: props.loading || !props.notas || !props.notas.length,
     theme: exports.CheckboxThemes.Blue,
@@ -1424,9 +1455,9 @@ function BlocoDeNotas(props) {
       }
     }
   })), React__default.createElement("div", {
-    className: rootClassName$t + "-titulo nunito"
+    className: rootClassName$u + "-titulo nunito"
   }, props.title)), React__default.createElement("div", {
-    className: rootClassName$t + "-actions"
+    className: rootClassName$u + "-actions"
   }, !props.hideAdd ? React__default.createElement(IconButton$1, {
     disabled: props.loading,
     icon: React__default.createElement(AddIcon, null),
@@ -1455,11 +1486,11 @@ function BlocoDeNotas(props) {
       }
     }
   }) : undefined)), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$t + "-lista", 'scroll-white'])
+    className: getMergedClassNames([rootClassName$u + "-lista", 'scroll-white'])
   }, props.notas ? props.notas.map(function (nota) {
     var dataFormatada = nota.dataEdicao ? moment(nota.dataEdicao, 'DD/MM/YYYY hh:mm:ss') : '';
     return React__default.createElement("div", {
-      className: getMergedClassNames([rootClassName$t + "-nota", String(props.highlightId) === String(nota.id) ? 'highlight' : '']),
+      className: getMergedClassNames([rootClassName$u + "-nota", String(props.highlightId) === String(nota.id) ? 'highlight' : '']),
       key: nota.id,
       onDoubleClick: function onDoubleClick() {
         if (typeof props.onDbClickNota === 'function') {
@@ -1472,9 +1503,9 @@ function BlocoDeNotas(props) {
         }
       }
     }, React__default.createElement("div", {
-      className: rootClassName$t + "-nota-left-content"
+      className: rootClassName$u + "-nota-left-content"
     }, React__default.createElement("div", {
-      className: rootClassName$t + "-checkbox"
+      className: rootClassName$u + "-checkbox"
     }, React__default.createElement(Checkbox$1, {
       theme: exports.CheckboxThemes.Blue,
       value: nota.id ? props.selected.indexOf(nota.id) > -1 : false,
@@ -1488,12 +1519,12 @@ function BlocoDeNotas(props) {
         }
       }
     })), React__default.createElement("div", {
-      className: rootClassName$t + "-titulo nunito"
+      className: rootClassName$u + "-titulo nunito"
     }, nota.titulo)), !props.hideDataEdicao ? React__default.createElement("div", {
-      className: rootClassName$t + "-data"
+      className: rootClassName$u + "-data"
     }, typeof dataFormatada.format === 'function' ? dataFormatada.format('DD/MM/YYYY') : dataFormatada) : undefined);
   }) : undefined), !props.hideSeeMore ? React__default.createElement("div", {
-    className: rootClassName$t + "-see-more"
+    className: rootClassName$u + "-see-more"
   }, React__default.createElement("button", {
     onClick: function onClick() {
       if (typeof props.onSeeMoreClick === 'function') {
@@ -1506,7 +1537,7 @@ function BlocoDeNotas(props) {
     unmountOnExit: true,
     classNames: 'fade'
   }, React__default.createElement("div", {
-    className: rootClassName$t + "-loader"
+    className: rootClassName$u + "-loader"
   }, React__default.createElement(ThreeDotsLoader, {
     theme: 'dark'
   }))));
@@ -1518,10 +1549,10 @@ BlocoDeNotas.defaultProps = {
   seeMoreLabel: 'ver mais notas'
 };
 
-var rootClassName$u = 'icon-component';
+var rootClassName$v = 'icon-component';
 var AssembleiasIcon = function AssembleiasIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$u,
+    className: rootClassName$v,
     viewBox: '0 0 20 19',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1532,10 +1563,10 @@ var AssembleiasIcon = function AssembleiasIcon() {
   }));
 };
 
-var rootClassName$v = 'icon-component';
+var rootClassName$w = 'icon-component';
 var CircleArrowRight = function CircleArrowRight() {
   return React__default.createElement("svg", {
-    className: rootClassName$v,
+    className: rootClassName$w,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1550,11 +1581,11 @@ var CircleArrowRight = function CircleArrowRight() {
   }));
 };
 
-var rootClassName$w = 'bloco-minhas-assembleias';
+var rootClassName$x = 'bloco-minhas-assembleias';
 
 function BlocoMinhasAssembleias(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$w, props.showNotFound ? 'disabled' : '', props.className]),
+    className: getMergedClassNames([rootClassName$x, props.showNotFound ? 'disabled' : '', props.className]),
     onClick: props.onClick
   }, React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.showNotFound,
@@ -1563,17 +1594,17 @@ function BlocoMinhasAssembleias(props) {
     mountOnEnter: true,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$w + "-not-found"
+    className: rootClassName$x + "-not-found"
   }, props.notFound)), React__default.createElement("div", {
-    className: rootClassName$w + "-first-line"
+    className: rootClassName$x + "-first-line"
   }, React__default.createElement("div", {
-    className: rootClassName$w + "-icon"
+    className: rootClassName$x + "-icon"
   }, props.leftIcon), React__default.createElement("div", {
-    className: rootClassName$w + "-icon"
+    className: rootClassName$x + "-icon"
   }, props.rightIcon)), React__default.createElement("div", null, React__default.createElement("div", {
-    className: rootClassName$w + "-title"
+    className: rootClassName$x + "-title"
   }, props.title), React__default.createElement("div", {
-    className: rootClassName$w + "-sub-title"
+    className: rootClassName$x + "-sub-title"
   }, React__default.createElement("span", null, props.linked), props.subtitle)));
 }
 
@@ -1598,11 +1629,11 @@ var BlocoMinhasAssembleias$1 = React.memo(BlocoMinhasAssembleias);
   NotificationType["Default"] = "default";
 })(exports.NotificationType || (exports.NotificationType = {}));
 
-var rootClassName$x = 'component-notification';
+var rootClassName$y = 'component-notification';
 function Notification(props) {
   var getProps = function getProps() {
     var p = {
-      className: getMergedClassNames([rootClassName$x + "-outer", props.className])
+      className: getMergedClassNames([rootClassName$y + "-outer", props.className])
     };
     return p;
   };
@@ -1615,11 +1646,11 @@ function Notification(props) {
 
   return React__default.createElement("div", Object.assign({}, getProps()), props.children, React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": getLabel() !== 0,
-    classNames: rootClassName$x,
+    classNames: rootClassName$y,
     timeout: 300,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$x + " " + rootClassName$x + "-" + props.position + " " + rootClassName$x + "-" + props.type,
+    className: rootClassName$y + " " + rootClassName$y + "-" + props.position + " " + rootClassName$y + "-" + props.type,
     style: {
       top: String(props.position).match(/top/) ? 0 - (props.verticalOuter || 0) + "px" : 'unset',
       right: String(props.position).match(/right/) ? 0 - (props.horizontalOuter || 0) + "px" : 'unset',
@@ -1635,22 +1666,22 @@ Notification.defaultProps = {
   horizontalOuter: 10
 };
 
-var rootClassName$y = 'bottom-navigation';
+var rootClassName$z = 'bottom-navigation';
 
 function BottomNavigation(props) {
   var _props$itens;
 
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$y, props.theme])
+    className: getMergedClassNames([rootClassName$z, props.theme])
   }, (_props$itens = props.itens) === null || _props$itens === void 0 ? void 0 : _props$itens.map(function (item, index) {
     return React__default.createElement("button", {
       key: index,
-      className: getMergedClassNames([rootClassName$y + "-item", index === props.atual ? 'atual' : '']),
+      className: getMergedClassNames([rootClassName$z + "-item", index === props.atual ? 'atual' : '']),
       onClick: function onClick() {
         if (props.atual !== index) props.setAtual(index);
       }
     }, React__default.createElement("div", {
-      className: rootClassName$y + "-icon"
+      className: rootClassName$z + "-icon"
     }, React__default.createElement(Notification, {
       count: item.notificationCount || 0,
       position: exports.NotificationPosition.TopRight,
@@ -1658,7 +1689,7 @@ function BottomNavigation(props) {
       horizontalOuter: 12,
       verticalOuter: 6
     }, item.icon)), React__default.createElement("div", {
-      className: rootClassName$y + "-label"
+      className: rootClassName$z + "-label"
     }, item.label));
   }));
 }
@@ -1668,19 +1699,19 @@ BottomNavigation.defaultProps = {
 };
 var BottomNavigation$1 = React.memo(BottomNavigation);
 
-var rootClassName$z = 'component-bread-crumb';
+var rootClassName$A = 'component-bread-crumb';
 function BreadCrumb(props) {
   return React__default.createElement("div", {
-    className: rootClassName$z
+    className: rootClassName$A
   }, props.path && props.path.length ? props.path.map(function (p, index) {
     return React__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$z + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$z + "-active" : '']),
+      className: getMergedClassNames([rootClassName$A + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$A + "-active" : '']),
       onClick: p.onClick
     }, index > 0 ? React__default.createElement("div", {
-      className: rootClassName$z + "-arrow"
+      className: rootClassName$A + "-arrow"
     }, React__default.createElement(ChevronArrowRightIcon, null)) : undefined, React__default.createElement("div", {
-      className: rootClassName$z + "-label nunito"
+      className: rootClassName$A + "-label nunito"
     }, p.label));
   }) : undefined);
 }
@@ -1714,7 +1745,7 @@ BreadCrumb.defaultProps = {
   ImageTypes["JPEG"] = ".jpeg";
 })(exports.ImageTypes || (exports.ImageTypes = {}));
 
-var rootClassName$A = 'component-button-file-upload';
+var rootClassName$B = 'component-button-file-upload';
 
 function ButtonFileUpload(props) {
   var _useState = React.useState(getUniqueKey()),
@@ -1754,7 +1785,7 @@ function ButtonFileUpload(props) {
   };
 
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$A, props.w100 ? 'w100' : '']),
+    className: getMergedClassNames([rootClassName$B, props.w100 ? 'w100' : '']),
     id: id
   }, React__default.createElement("input", {
     type: 'file',
@@ -1798,26 +1829,26 @@ var ButtonFileUpload$1 = React.memo(ButtonFileUpload);
   CardTypes["Green"] = "green";
 })(exports.CardTypes || (exports.CardTypes = {}));
 
-var rootClassName$B = 'component-card';
+var rootClassName$C = 'component-card';
 function Card(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$B, rootClassName$B + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$C, rootClassName$C + "-" + props.theme])
   }, React__default.createElement("div", {
-    className: rootClassName$B + "-caption"
+    className: rootClassName$C + "-caption"
   }, props.caption), React__default.createElement("div", {
-    className: rootClassName$B + "-label"
+    className: rootClassName$C + "-label"
   }, props.label), React__default.createElement("div", {
-    className: rootClassName$B + "-helper-text"
+    className: rootClassName$C + "-helper-text"
   }, props.helperText));
 }
 Card.defaultProps = {
   theme: exports.CardTypes.White
 };
 
-var rootClassName$C = 'icon-component';
+var rootClassName$D = 'icon-component';
 var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$C,
+    className: rootClassName$D,
     viewBox: '0 0 11 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1826,7 +1857,7 @@ var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   }));
 };
 
-var rootClassName$D = 'component-carousel';
+var rootClassName$E = 'component-carousel';
 function Carousel(props) {
   var _useState = React.useState(0),
       atual = _useState[0],
@@ -1900,9 +1931,9 @@ function Carousel(props) {
     }
   }, [props.loading]);
   return React__default.createElement("div", {
-    className: rootClassName$D
+    className: rootClassName$E
   }, React__default.createElement("div", {
-    className: rootClassName$D + "-banners",
+    className: rootClassName$E + "-banners",
     onMouseEnter: function onMouseEnter() {
       if (timerRef.current) {
         timerRef.current.pause();
@@ -1916,10 +1947,10 @@ function Carousel(props) {
   }, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
     return React__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$D + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
+      className: getMergedClassNames([rootClassName$E + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
     }, React__default.createElement(Banner, Object.assign({}, banner)));
   }) : undefined, props.banners.length > 1 && React__default.createElement("div", {
-    className: rootClassName$D + "-control prev",
+    className: rootClassName$E + "-control prev",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -1933,11 +1964,11 @@ function Carousel(props) {
       changeBanner(atual - 1);
     }
   }, React__default.createElement("div", {
-    className: rootClassName$D + "-icon"
+    className: rootClassName$E + "-icon"
   }, React__default.createElement(ChevronArrowLeftIcon, null)), React__default.createElement("div", {
-    className: rootClassName$D + "-shadow"
+    className: rootClassName$E + "-shadow"
   })), props.banners.length > 1 && React__default.createElement("div", {
-    className: rootClassName$D + "-control next",
+    className: rootClassName$E + "-control next",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -1946,22 +1977,22 @@ function Carousel(props) {
       changeBanner();
     }
   }, React__default.createElement("div", {
-    className: rootClassName$D + "-icon"
+    className: rootClassName$E + "-icon"
   }, React__default.createElement(ChevronArrowRightIcon, null)), React__default.createElement("div", {
-    className: rootClassName$D + "-shadow"
+    className: rootClassName$E + "-shadow"
   })), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.loading,
     classNames: 'fade',
     timeout: 300,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$D + "-loader-mask"
+    className: rootClassName$E + "-loader-mask"
   }, React__default.createElement(ThreeDotsLoader, null)))), React__default.createElement("div", {
-    className: rootClassName$D + "-balls"
+    className: rootClassName$E + "-balls"
   }, props.banners.map(function (_banner, index) {
     return React__default.createElement("div", {
       key: changedCount + index,
-      className: getMergedClassNames([rootClassName$D + "-ball", atual === index ? rootClassName$D + "-atual" : '']),
+      className: getMergedClassNames([rootClassName$E + "-ball", atual === index ? rootClassName$E + "-atual" : '']),
       onClick: function onClick() {
         if (!props.loading) {
           changeBanner(index);
@@ -2109,7 +2140,7 @@ function useDraggableContainer(queryContainer, size) {
   }, []);
 }
 
-var rootClassName$E = 'carousel-behaviour';
+var rootClassName$F = 'carousel-behaviour';
 
 function useCarouselBehaviour(props) {
   var _props$slides, _props$slides4;
@@ -2117,7 +2148,7 @@ function useCarouselBehaviour(props) {
   var _useState = React.useState(getUniqueKey()),
       id = _useState[0];
 
-  useDraggableContainer("#" + id + " ." + rootClassName$E + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
+  useDraggableContainer("#" + id + " ." + rootClassName$F + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
 
   var handleChange = function handleChange(newAtual, onScroll) {
     if (onScroll === void 0) {
@@ -2127,7 +2158,7 @@ function useCarouselBehaviour(props) {
     if (!onScroll) {
       var _props$slides2;
 
-      var el = document.querySelector("#" + id + " ." + rootClassName$E + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$F + "-content");
       var width = el.scrollWidth / (((_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.length) || 1);
       scrollSmooth({
         top: 0,
@@ -2164,30 +2195,30 @@ function useCarouselBehaviour(props) {
     }
   }, [props.newAtual]);
   return [React__default.createElement("div", {
-    className: rootClassName$E,
+    className: rootClassName$F,
     id: id
   }, React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$E + "-content", props.draggable ? 'draggable' : '']),
+    className: getMergedClassNames([rootClassName$F + "-content", props.draggable ? 'draggable' : '']),
     onScroll: function onScroll() {
       var _props$slides3;
 
-      var el = document.querySelector("#" + id + " ." + rootClassName$E + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$F + "-content");
       var width = el.scrollWidth / (((_props$slides3 = props.slides) === null || _props$slides3 === void 0 ? void 0 : _props$slides3.length) || 1);
       var newAtual = Math.round(el.scrollLeft / width);
       handleChange(newAtual, true);
     }
   }, (_props$slides4 = props.slides) === null || _props$slides4 === void 0 ? void 0 : _props$slides4.map(function (slide, index) {
     return React__default.createElement("div", {
-      className: rootClassName$E + "-slide",
+      className: rootClassName$F + "-slide",
       key: index
     }, slide);
   }))), handleChange];
 }
 
-var rootClassName$F = 'icon-component';
+var rootClassName$G = 'icon-component';
 var ArrowLeftIcon = function ArrowLeftIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$F,
+    className: rootClassName$G,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2196,7 +2227,7 @@ var ArrowLeftIcon = function ArrowLeftIcon() {
   }));
 };
 
-var rootClassName$G = 'element-paginator';
+var rootClassName$H = 'element-paginator';
 
 function ElementPaginator(props) {
   var handleChange = function handleChange(num) {
@@ -2210,16 +2241,16 @@ function ElementPaginator(props) {
   };
 
   return React__default.createElement("div", {
-    className: rootClassName$G
+    className: rootClassName$H
   }, props.hideArrows ? undefined : React__default.createElement("div", null, React__default.createElement(IconButton$1, {
-    className: rootClassName$G + "-buttons",
+    className: rootClassName$H + "-buttons",
     icon: React__default.createElement(ArrowLeftIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual - 1);
     },
     disabled: !props.infinite && props.atual === 1
   })), React__default.createElement("div", {
-    className: rootClassName$G + "-indexes"
+    className: rootClassName$H + "-indexes"
   }, Array.from({
     length: props.size
   }).map(function (_, i) {
@@ -2231,7 +2262,7 @@ function ElementPaginator(props) {
       }
     }, React__default.createElement("span", null));
   })), props.hideArrows ? undefined : React__default.createElement("div", null, React__default.createElement(IconButton$1, {
-    className: rootClassName$G + "-buttons",
+    className: rootClassName$H + "-buttons",
     icon: React__default.createElement(ArrowRightIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual + 1);
@@ -2245,7 +2276,7 @@ ElementPaginator.defaultProps = {
 };
 var ElementPaginator$1 = React.memo(ElementPaginator);
 
-var rootClassName$H = 'carousel-persona';
+var rootClassName$I = 'carousel-persona';
 
 function CarouselPersona(props) {
   var _props$personas2;
@@ -2259,17 +2290,17 @@ function CarouselPersona(props) {
 
     return (_props$personas = props.personas) === null || _props$personas === void 0 ? void 0 : _props$personas.map(function (persona, index) {
       return React__default.createElement("div", {
-        className: rootClassName$H + "-persona",
+        className: rootClassName$I + "-persona",
         key: index
       }, React__default.createElement("div", {
-        className: rootClassName$H + "-image",
+        className: rootClassName$I + "-image",
         style: {
           backgroundImage: "url(" + persona.imgUrl + ")"
         }
       }), React__default.createElement("div", {
-        className: rootClassName$H + "-name"
+        className: rootClassName$I + "-name"
       }, persona.name), React__default.createElement("div", {
-        className: rootClassName$H + "-description nunito"
+        className: rootClassName$I + "-description nunito"
       }, persona.description));
     });
   }, [props.personas]);
@@ -2283,13 +2314,13 @@ function CarouselPersona(props) {
       handleChange = _useCarouselBehaviour[1];
 
   return React__default.createElement("div", {
-    className: rootClassName$H
+    className: rootClassName$I
   }, React__default.createElement("div", {
-    className: rootClassName$H + "-personas"
+    className: rootClassName$I + "-personas"
   }, personas), React__default.createElement("div", {
-    className: rootClassName$H + "-carousel"
+    className: rootClassName$I + "-carousel"
   }, CarouselBehaviour, React__default.createElement("div", {
-    className: rootClassName$H + "-paginator"
+    className: rootClassName$I + "-paginator"
   }, React__default.createElement(ElementPaginator$1, {
     infinite: true,
     size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
@@ -2388,7 +2419,7 @@ function useControlledTimer(props) {
   return [dispatchAction, status];
 }
 
-var rootClassName$I = 'component-carousel-touch-frendly';
+var rootClassName$J = 'component-carousel-touch-frendly';
 
 function CarouselTouchFrendly(props) {
   var _props$slides, _props$slides2;
@@ -2409,7 +2440,7 @@ function CarouselTouchFrendly(props) {
     slides: (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.map(function (slide, index) {
       return React__default.createElement("div", {
         key: index,
-        className: rootClassName$I + "-slide"
+        className: rootClassName$J + "-slide"
       }, slide);
     })
   }),
@@ -2426,9 +2457,9 @@ function CarouselTouchFrendly(props) {
 
   return React__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$I, props.className])
+    className: getMergedClassNames([rootClassName$J, props.className])
   }, React__default.createElement("div", {
-    className: rootClassName$I + "-outside-content",
+    className: rootClassName$J + "-outside-content",
     onMouseEnter: function onMouseEnter() {
       dispatchActionsToTimer('pause');
     },
@@ -2436,27 +2467,27 @@ function CarouselTouchFrendly(props) {
       dispatchActionsToTimer('play');
     }
   }, props.slides.length > 1 && React__default.createElement("div", {
-    className: rootClassName$I + "-control prev",
+    className: rootClassName$J + "-control prev",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual > 0 ? atual - 1 : props.slides.length - 1, false);
     }
   }, React__default.createElement("div", {
-    className: rootClassName$I + "-icon"
+    className: rootClassName$J + "-icon"
   }, React__default.createElement(ChevronArrowLeftIcon, null)), React__default.createElement("div", {
-    className: rootClassName$I + "-shadow"
+    className: rootClassName$J + "-shadow"
   })), props.slides.length > 1 && React__default.createElement("div", {
-    className: rootClassName$I + "-control next",
+    className: rootClassName$J + "-control next",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual < props.slides.length - 1 ? atual + 1 : 0, false);
     }
   }, React__default.createElement("div", {
-    className: rootClassName$I + "-icon"
+    className: rootClassName$J + "-icon"
   }, React__default.createElement(ChevronArrowRightIcon, null)), React__default.createElement("div", {
-    className: rootClassName$I + "-shadow"
+    className: rootClassName$J + "-shadow"
   })), CarouselBehaviour), React__default.createElement("div", {
-    className: rootClassName$I + "-balls"
+    className: rootClassName$J + "-balls"
   }, (_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.map(function (_slide, index) {
     return React__default.createElement("div", {
       key: index,
@@ -2464,7 +2495,7 @@ function CarouselTouchFrendly(props) {
         dispatchActionsToTimer('restart');
         handleChange(index, false);
       },
-      className: getMergedClassNames([rootClassName$I + "-ball", index === atual ? 'atual' : ''])
+      className: getMergedClassNames([rootClassName$J + "-ball", index === atual ? 'atual' : ''])
     });
   })));
 }
@@ -3881,7 +3912,7 @@ function useProgressiveCount(initialValue) {
   return [value, changeNumber];
 }
 
-var rootClassName$J = 'component-doughnut-square';
+var rootClassName$K = 'component-doughnut-square';
 function DoughnutSquare(props) {
   var _useProgressiveCount = useProgressiveCount(0),
       val = _useProgressiveCount[0],
@@ -3895,11 +3926,11 @@ function DoughnutSquare(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React__default.createElement("div", {
-    className: rootClassName$J
+    className: rootClassName$K
   }, React__default.createElement("div", {
-    className: rootClassName$J + "-caption " + rootClassName$J + "-caption-left"
+    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-left"
   }, props.leftCaption), React__default.createElement("div", {
-    className: rootClassName$J + "-chart"
+    className: rootClassName$K + "-chart"
   }, React__default.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React__default.createElement("circle", {
@@ -3912,24 +3943,24 @@ function DoughnutSquare(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), React__default.createElement("div", {
-    className: rootClassName$J + "-center-caption"
+    className: rootClassName$K + "-center-caption"
   }, val + "%"), React__default.createElement("div", {
-    className: rootClassName$J + "-label-bottom"
+    className: rootClassName$K + "-label-bottom"
   }, React__default.createElement("div", {
-    className: rootClassName$J + "-text"
+    className: rootClassName$K + "-text"
   }, props.bottomCaption)));
 }
 
-var rootClassName$K = 'component-money-by-month';
+var rootClassName$L = 'component-money-by-month';
 function MoneyByMonth(props) {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$K
+    className: rootClassName$L
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-left"
+    className: rootClassName$L + "-caption " + rootClassName$L + "-caption-left"
   }, props.leftCaption), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-right"
+    className: rootClassName$L + "-caption " + rootClassName$L + "-caption-right"
   }, props.rightCaption), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$K + "-chart"
+    className: rootClassName$L + "-chart"
   }, /*#__PURE__*/React__default.createElement(MoneyMonthLineChart, {
     data: props.data,
     labels: props.labels
@@ -3946,18 +3977,18 @@ MoneyByMonth.defaultProps = {
   labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
 };
 
-var rootClassName$L = 'component-col';
+var rootClassName$M = 'component-col';
 
 function Col(props) {
   var p = React.useMemo(function () {
     var cols = props.cols ? props.cols : [12, 12, 12, 12, 12];
     var size = ['xs', 'sm', 'md', 'lg', 'xl'];
     var getSizes = cols.map(function (n, index) {
-      return rootClassName$L + "-" + size[index] + "-" + n;
+      return rootClassName$M + "-" + size[index] + "-" + n;
     });
 
     var rp = _extends({}, props, {
-      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
+      className: getMergedClassNames([props.className, rootClassName$M].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
     });
 
     delete rp.noPadding;
@@ -3980,14 +4011,18 @@ Col.defaultProps = {
 };
 var Col$1 = React.memo(Col);
 
-var rootClassName$M = 'component-container';
+var rootClassName$N = 'component-container';
 
 function Container(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$M, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : ''])
+      className: getMergedClassNames([rootClassName$N, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : '']),
+      style: _extends({}, props.style, {
+        position: props.position
+      })
     });
 
+    delete p.position;
     delete p.fluid;
     delete p.verticalPadding;
     delete p.hasMobileButton;
@@ -3997,7 +4032,7 @@ function Container(props) {
   };
 
   return React__default.createElement("div", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$M + "-insider"
+    className: rootClassName$N + "-insider"
   }, props.children));
 }
 
@@ -4010,10 +4045,10 @@ Container.defaultProps = {
 };
 var Container$1 = React.memo(Container);
 
-var rootClassName$N = 'icon-component';
+var rootClassName$O = 'icon-component';
 var CalendarIcon = function CalendarIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$N,
+    className: rootClassName$O,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React__default.createElement("path", {
@@ -4023,7 +4058,7 @@ var CalendarIcon = function CalendarIcon() {
   }));
 };
 
-var rootClassName$O = 'component-date-picker-calendar';
+var rootClassName$P = 'component-date-picker-calendar';
 
 function DatePickerCalendar(props) {
   var _useState = React.useState(new Date()),
@@ -4083,14 +4118,14 @@ function DatePickerCalendar(props) {
       setMonthPage = _useState4[1];
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$O
+    className: rootClassName$P
   }, /*#__PURE__*/React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": monthPage,
-    classNames: rootClassName$O + "-month-picker",
+    classNames: rootClassName$P + "-month-picker",
     timeout: 300,
     unmountOnExit: true
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$O + "-month-picker"
+    className: rootClassName$P + "-month-picker"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "header"
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -4107,7 +4142,7 @@ function DatePickerCalendar(props) {
       setYear(year + 1);
     }
   }, /*#__PURE__*/React__default.createElement(ChevronArrowRightIcon, null))), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$O + "-months"
+    className: rootClassName$P + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
     return /*#__PURE__*/React__default.createElement("button", {
       key: index,
@@ -4115,14 +4150,14 @@ function DatePickerCalendar(props) {
         setMonth(index);
         setMonthPage(false);
       },
-      className: getMergedClassNames([rootClassName$O + "-month", index === month ? 'selected' : ''])
+      className: getMergedClassNames([rootClassName$P + "-month", index === month ? 'selected' : ''])
     }, mes);
   })))), /*#__PURE__*/React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": !monthPage,
     timeout: 300,
-    classNames: rootClassName$O + "-bottom-page"
+    classNames: rootClassName$P + "-bottom-page"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$O + "-first-page"
+    className: rootClassName$P + "-first-page"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "header"
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -4184,7 +4219,7 @@ DatePickerCalendar.propTypes = {
 };
 var DatePickerCalendar$1 = React.memo(DatePickerCalendar);
 
-var rootClassName$P = 'component-date-picker';
+var rootClassName$Q = 'component-date-picker';
 
 function DatePicker(props) {
   var _useState = React.useState(getUniqueKey()),
@@ -4197,13 +4232,13 @@ function DatePicker(props) {
   React.useEffect(function () {
     var func = function func(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + "." + rootClassName$P + "-panel." + rootClassName$P + "-panel-enter-done") && !evt.path.includes(document.querySelector("#" + id))) setOpened(false);
+        if (document.querySelector("#" + id + "." + rootClassName$Q + "-panel." + rootClassName$Q + "-panel-enter-done") && !evt.path.includes(document.querySelector("#" + id))) 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$P + "-panel")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$Q + "-panel")) {
             deveFechar = false;
             break;
           }
@@ -4254,7 +4289,7 @@ function DatePicker(props) {
 
     var position = function position() {
       var element = document.querySelector(props.queryToAppend);
-      var panel = document.querySelector("#" + id + "." + rootClassName$P + "-panel");
+      var panel = document.querySelector("#" + id + "." + rootClassName$Q + "-panel");
       if (!element || !panel) return;
       var elementBound = element.getBoundingClientRect();
       var windowHeight = parseFloat(String(window.innerHeight));
@@ -4308,10 +4343,10 @@ function DatePicker(props) {
     vd();
   }, [props.initialValue]);
   return React__default.createElement("div", {
-    className: rootClassName$P
+    className: rootClassName$Q
   }, props.initialValue ? React__default.createElement(IconButton$1, {
     disabled: props.disabled,
-    className: rootClassName$P + "-clear-button",
+    className: rootClassName$Q + "-clear-button",
     icon: React__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onChange === 'function') {
@@ -4326,11 +4361,11 @@ function DatePicker(props) {
   }), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": opened,
     timeout: 300,
-    classNames: rootClassName$P + "-panel",
+    classNames: rootClassName$Q + "-panel",
     unmountOnExit: true
   }, React__default.createElement("div", {
     id: id,
-    className: rootClassName$P + "-panel"
+    className: rootClassName$Q + "-panel"
   }, React__default.createElement(DatePickerCalendar$1, {
     language: props.language,
     value: value,
@@ -4360,7 +4395,7 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = React.memo(DatePicker);
 
-var rootClassName$Q = 'component-doughnut';
+var rootClassName$R = 'component-doughnut';
 
 function Doughnut(props) {
   var _useProgressiveCount = useProgressiveCount(0),
@@ -4375,9 +4410,9 @@ function Doughnut(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React__default.createElement("div", {
-    className: rootClassName$Q
+    className: rootClassName$R
   }, React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$Q + "-chart", props.red ? 'red' : ''])
+    className: getMergedClassNames([rootClassName$R + "-chart", props.red ? 'red' : ''])
   }, React__default.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React__default.createElement("circle", {
@@ -4390,7 +4425,7 @@ function Doughnut(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), props.showLabel ? React__default.createElement("div", {
-    className: rootClassName$Q + "-label nunito"
+    className: rootClassName$R + "-label nunito"
   }, val + "%") : undefined);
 }
 
@@ -4399,31 +4434,31 @@ Doughnut.defaultProps = {
 };
 var Doughnut$1 = React.memo(Doughnut);
 
-var rootClassName$R = 'component-dropdown-item';
+var rootClassName$S = 'component-dropdown-item';
 
 function DropdownItem(props) {
   return React__default.createElement("button", {
     id: props.id,
     disabled: props.disabled,
     "aria-disabled": props.disabled,
-    className: getMergedClassNames([rootClassName$R, props.alignRight ? 'align-right' : '']),
+    className: getMergedClassNames([rootClassName$S, props.alignRight ? 'align-right' : '']),
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function' && !props.disabled) {
         props.onClick(evt);
       }
     }
   }, props.icon && !props.alignRight ? React__default.createElement("div", {
-    className: rootClassName$R + "-icon"
+    className: rootClassName$S + "-icon"
   }, props.icon) : undefined, React__default.createElement("div", {
-    className: rootClassName$R + "-label"
+    className: rootClassName$S + "-label"
   }, props.label), props.icon && props.alignRight ? React__default.createElement("div", {
-    className: rootClassName$R + "-icon right"
+    className: rootClassName$S + "-icon right"
   }, props.icon) : undefined);
 }
 
 var DropdownItem$1 = React.memo(DropdownItem);
 
-var rootClassName$S = 'component-dropdown-menu';
+var rootClassName$T = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = React.useMemo(function () {
     return props.id ? props.id : getUniqueKey();
@@ -4444,9 +4479,9 @@ function DropdownMenu(props) {
     }
 
     var position = function position() {
-      var painel = document.querySelector("#" + id + " ." + rootClassName$S + "-panel");
+      var painel = document.querySelector("#" + id + " ." + rootClassName$T + "-panel");
       if (!painel) return;
-      var trigger = document.querySelector("#" + id + " ." + rootClassName$S + "-children > *");
+      var trigger = document.querySelector("#" + id + " ." + rootClassName$T + "-children > *");
       var bound = trigger.getBoundingClientRect();
       var pontoCentralX = bound.x + bound.width / 2;
       var pontoCentralY = bound.y + bound.height / 2;
@@ -4490,13 +4525,13 @@ function DropdownMenu(props) {
   React.useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$S + "-panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$T + "-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$S)) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$T)) {
             deveFechar = false;
             break;
           }
@@ -4541,7 +4576,7 @@ function DropdownMenu(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$S, props.className || ''])
+      className: getMergedClassNames([rootClassName$T, props.className || ''])
     });
 
     delete p.opened;
@@ -4553,14 +4588,14 @@ function DropdownMenu(props) {
   };
 
   return React__default.createElement("div", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$S + "-children"
+    className: rootClassName$T + "-children"
   }, props.children), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.opened,
     timeout: 300,
-    classNames: rootClassName$S + "-panel-fade",
+    classNames: rootClassName$T + "-panel-fade",
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$S + "-panel scroll-white"
+    className: rootClassName$T + "-panel scroll-white"
   }, props.content)));
 }
 DropdownMenu.defaultProps = {
@@ -4568,10 +4603,10 @@ DropdownMenu.defaultProps = {
   closeOnEsc: true
 };
 
-var rootClassName$T = 'icon-component';
+var rootClassName$U = 'icon-component';
 var CheckIcon = function CheckIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$T,
+    className: rootClassName$U,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4580,10 +4615,10 @@ var CheckIcon = function CheckIcon() {
   }));
 };
 
-var rootClassName$U = 'icon-component';
+var rootClassName$V = 'icon-component';
 var PlayIcon = function PlayIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$U,
+    className: rootClassName$V,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4594,10 +4629,10 @@ var PlayIcon = function PlayIcon() {
   }));
 };
 
-var rootClassName$V = 'refresh-icon';
+var rootClassName$W = 'refresh-icon';
 var RefreshIcon = function RefreshIcon(props) {
   return React__default.createElement("svg", {
-    className: getMergedClassNames([rootClassName$V, props.animate ? 'animate' : '']),
+    className: getMergedClassNames([rootClassName$W, props.animate ? 'animate' : '']),
     viewBox: '0 0 24 20',
     fill: 'none',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4611,7 +4646,7 @@ RefreshIcon.defaultProps = {
   animate: true
 };
 
-var rootClassName$W = 'component-editable-video-item';
+var rootClassName$X = 'component-editable-video-item';
 
 function EditableVideoItem(props) {
   var _props$titleProps2, _props$titleProps3, _props$urlProps2, _props$urlProps3;
@@ -4658,14 +4693,14 @@ function EditableVideoItem(props) {
     setErrorUrl(editable && typeof finded === 'function' ? finded(url) : null);
   }, [url, editable, props.urlProps]);
   return React__default.createElement("div", {
-    className: rootClassName$W
+    className: rootClassName$X
   }, React__default.createElement("div", {
-    className: rootClassName$W + "-play-icon"
+    className: rootClassName$X + "-play-icon"
   }, React__default.createElement(PlayIcon, null)), React__default.createElement("div", {
-    className: rootClassName$W + "-content"
+    className: rootClassName$X + "-content"
   }, React__default.createElement("div", null, React__default.createElement("input", {
     title: title,
-    className: getMergedClassNames([rootClassName$W + "-input", errorTitle !== null && errorTitle !== void 0 && errorTitle.error ? 'error' : '', editable ? 'editable' : '']),
+    className: getMergedClassNames([rootClassName$X + "-input", errorTitle !== null && errorTitle !== void 0 && errorTitle.error ? 'error' : '', editable ? 'editable' : '']),
     type: 'text',
     value: title,
     disabled: loading,
@@ -4678,9 +4713,9 @@ function EditableVideoItem(props) {
   }), React__default.createElement(Collapse$1, {
     opened: editable
   }, React__default.createElement("span", {
-    className: rootClassName$W + "-input-error"
+    className: rootClassName$X + "-input-error"
   }, errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.helperText))), React__default.createElement("div", null, React__default.createElement("input", {
-    className: getMergedClassNames([rootClassName$W + "-input", errorUrl !== null && errorUrl !== void 0 && errorUrl.error ? 'error' : '', editable ? 'editable' : '']),
+    className: getMergedClassNames([rootClassName$X + "-input", errorUrl !== null && errorUrl !== void 0 && errorUrl.error ? 'error' : '', editable ? 'editable' : '']),
     title: url,
     type: 'text',
     value: url,
@@ -4694,9 +4729,9 @@ function EditableVideoItem(props) {
   }), React__default.createElement(Collapse$1, {
     opened: editable
   }, React__default.createElement("span", {
-    className: rootClassName$W + "-input-error"
+    className: rootClassName$X + "-input-error"
   }, errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.helperText)))), React__default.createElement("div", {
-    className: rootClassName$W + "-actions"
+    className: rootClassName$X + "-actions"
   }, loading ? React__default.createElement(RefreshIcon, null) : editable ? React__default.createElement(IconButton$1, {
     icon: React__default.createElement(CheckIcon, null),
     disabled: (errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.error) || (errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.error),
@@ -4708,7 +4743,7 @@ function EditableVideoItem(props) {
       });
     }
   }) : React__default.createElement("div", {
-    className: rootClassName$W + "-actions-inside"
+    className: rootClassName$X + "-actions-inside"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(EditIcon, null),
     onClick: function onClick() {
@@ -4729,10 +4764,10 @@ function EditableVideoItem(props) {
 
 var EditableVideoItem$1 = React.memo(EditableVideoItem);
 
-var rootClassName$X = 'icon-component';
+var rootClassName$Y = 'icon-component';
 var ExclamationIcon = function ExclamationIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$X,
+    className: rootClassName$Y,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'currentColor'
@@ -4743,7 +4778,7 @@ var ExclamationIcon = function ExclamationIcon() {
   }));
 };
 
-var rootClassName$Y = 'component-etapas';
+var rootClassName$Z = 'component-etapas';
 
 function Etapas(props) {
   var _useState = React.useState(props.id || getUniqueKey()),
@@ -4799,17 +4834,17 @@ function Etapas(props) {
   }, []);
   React.useEffect(function () {
     var larguras = [];
-    document.querySelectorAll("#" + id + " ." + rootClassName$Y + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$Z + "-etapa").forEach(function (etapa) {
       larguras.push(parseInt(window.getComputedStyle(etapa).width));
     });
     var maior = Math.max.apply(Math, larguras);
-    document.querySelectorAll("#" + id + " ." + rootClassName$Y + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$Z + "-etapa").forEach(function (etapa) {
       etapa.style.width = maior + "px";
     });
   });
   React.useEffect(function () {
     var outerComponent = document.querySelector("#" + id);
-    var atual = document.querySelector("#" + id + " ." + rootClassName$Y + "-etapa.atual");
+    var atual = document.querySelector("#" + id + " ." + rootClassName$Z + "-etapa.atual");
 
     if (props.scrollOnChange && outerComponent && atual) {
       atual.scrollIntoView({
@@ -4820,13 +4855,13 @@ function Etapas(props) {
     }
   }, [props.atual]);
   return React__default.createElement("div", {
-    className: rootClassName$Y,
+    className: rootClassName$Z,
     id: id
   }, React__default.createElement("div", {
-    className: rootClassName$Y + "-etapas"
+    className: rootClassName$Z + "-etapas"
   }, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
     var p = _extends({}, etapa, {
-      className: getMergedClassNames([rootClassName$Y + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
+      className: getMergedClassNames([rootClassName$Z + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
     });
 
     delete p.disabled;
@@ -4843,18 +4878,18 @@ function Etapas(props) {
       }
     }), React__default.createElement("div", {
       id: etapa.id || undefined,
-      className: getMergedClassNames([rootClassName$Y + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
+      className: getMergedClassNames([rootClassName$Z + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
     }, etapa.icon), React__default.createElement("div", {
-      className: getMergedClassNames([rootClassName$Y + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
+      className: getMergedClassNames([rootClassName$Z + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
     }, React__default.createElement(reactTransitionGroup.CSSTransition, {
       "in": etapa.error,
       timeout: 300,
-      classNames: rootClassName$Y + "-appear",
+      classNames: rootClassName$Z + "-appear",
       unmountOnExit: true
     }, React__default.createElement(ExclamationIcon, null)), React__default.createElement(reactTransitionGroup.CSSTransition, {
       "in": etapa.completed,
       timeout: 300,
-      classNames: rootClassName$Y + "-appear",
+      classNames: rootClassName$Z + "-appear",
       unmountOnExit: true
     }, React__default.createElement(CheckCircleIcon, null)), etapa.name));
   }) : undefined));
@@ -4878,25 +4913,25 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Cancelado"] = "cancelado";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
 
-var rootClassName$Z = 'component-etiqueta';
+var rootClassName$_ = 'component-etiqueta';
 function Etiqueta(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$Z, props.theme])
+    className: getMergedClassNames([rootClassName$_, props.theme])
   }, props.icon ? React__default.createElement("div", {
-    className: rootClassName$Z + "-icon"
+    className: rootClassName$_ + "-icon"
   }, props.icon) : undefined, React__default.createElement("div", {
-    className: rootClassName$Z + "-text"
+    className: rootClassName$_ + "-text"
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: exports.EtiquetasStyle.Programas
 };
 
-var rootClassName$_ = 'component-file-loader';
+var rootClassName$$ = 'component-file-loader';
 function FileLoader(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([props.className || '', rootClassName$_])
+      className: getMergedClassNames([props.className || '', rootClassName$$])
     });
 
     delete p.percent;
@@ -4920,24 +4955,24 @@ function FileLoader(props) {
   };
 
   return React__default.createElement("div", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$_ + "-percent-line"
+    className: rootClassName$$ + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React__default.createElement("span", {
-    className: rootClassName$_ + "-downloaded-percent"
+    className: rootClassName$$ + "-downloaded-percent"
   }, getPercent(), "%")), React__default.createElement("div", {
-    className: rootClassName$_ + "-loader-bar"
+    className: rootClassName$$ + "-loader-bar"
   }, React__default.createElement("div", {
-    className: rootClassName$_ + "-loader-progress",
+    className: rootClassName$$ + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React__default.createElement("div", {
-    className: rootClassName$_ + "-progress-info"
+    className: rootClassName$$ + "-progress-info"
   }, React__default.createElement("div", {
-    className: rootClassName$_ + "-downloaded-size"
+    className: rootClassName$$ + "-downloaded-size"
   }, getSizeDownloaded()), React__default.createElement("div", {
-    className: rootClassName$_ + "-bar"
+    className: rootClassName$$ + "-bar"
   }, "/"), React__default.createElement("div", {
-    className: rootClassName$_ + "-total-size"
+    className: rootClassName$$ + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -4945,10 +4980,10 @@ FileLoader.defaultProps = {
   percent: 0
 };
 
-var rootClassName$$ = 'icon-component';
+var rootClassName$10 = 'icon-component';
 var CloudUploadIcon = function CloudUploadIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$$,
+    className: rootClassName$10,
     viewBox: '0 0 62 38',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4959,7 +4994,7 @@ var CloudUploadIcon = function CloudUploadIcon() {
   }));
 };
 
-var rootClassName$10 = 'component-file-upload';
+var rootClassName$11 = 'component-file-upload';
 var DRAG_ENTER_CLASS_NAME = 'drag-enter';
 var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
 function FileUpload(props) {
@@ -4967,7 +5002,7 @@ function FileUpload(props) {
       id = _useState[0];
 
   var addClass = function addClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$10 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$11 + "-droppable");
 
     if (el) {
       el.classList.add(className);
@@ -4975,7 +5010,7 @@ function FileUpload(props) {
   };
 
   var removeClass = function removeClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$10 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$11 + "-droppable");
 
     if (el) {
       el.classList.remove(className);
@@ -5026,15 +5061,15 @@ function FileUpload(props) {
   };
 
   return React__default.createElement("div", {
-    className: rootClassName$10 + "-outer"
+    className: rootClassName$11 + "-outer"
   }, !props.hideTopLabel && React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$10 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$11 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.topLabel), React__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$10, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$11, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, React__default.createElement("div", {
     onClick: handleClick,
-    className: getMergedClassNames([rootClassName$10 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
+    className: getMergedClassNames([rootClassName$11 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
     onDragEnter: function onDragEnter(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -5060,11 +5095,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React__default.createElement("div", {
-    className: rootClassName$10 + "-row"
+    className: rootClassName$11 + "-row"
   }, React__default.createElement("div", {
-    className: rootClassName$10 + "-upload-icon"
+    className: rootClassName$11 + "-upload-icon"
   }, React__default.createElement(CloudUploadIcon, null)), React__default.createElement("div", {
-    className: rootClassName$10 + "-label"
+    className: rootClassName$11 + "-label"
   }, props.label)), React__default.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -5090,7 +5125,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$10 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$11 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 FileUpload.defaultProps = {
@@ -5104,12 +5139,12 @@ FileUpload.defaultProps = {
   error: false
 };
 
-var rootClassName$11 = 'component-row';
+var rootClassName$12 = 'component-row';
 
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$11, props.centralized ? 'centralized' : '', props.className])
+      className: getMergedClassNames([rootClassName$12, props.centralized ? 'centralized' : '', props.className])
     });
 
     delete p.centralized;
@@ -7372,7 +7407,7 @@ QRCodeWhatsapp.defaultProps = {
   logoColor: 'white'
 };
 
-var rootClassName$12 = 'footer-sicredi';
+var rootClassName$13 = 'footer-sicredi';
 
 function FooterSicredi(props) {
   var colSize = [12, 6, 6, 3, 3];
@@ -7394,136 +7429,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React__default.createElement("footer", {
-    className: getMergedClassNames([rootClassName$12, props.theme])
+    className: getMergedClassNames([rootClassName$13, props.theme])
   }, React__default.createElement(Row$1, {
-    className: rootClassName$12 + "-section",
+    className: rootClassName$13 + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "WhatsApp Corporativo"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React__default.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-qr-code"
+    className: rootClassName$13 + "-qr-code"
   }, React__default.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React__default.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Servi\xE7os por telefone"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React__default.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Demais regi\xF5es"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React__default.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Sem custo")), React__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "SAC"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Ouvidoria"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Chamadas internacionais"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "(a cobrar)"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React__default.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Atendimento aos deficientes"), React__default.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Auditivos ou de fala"), React__default.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React__default.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React__default.createElement(Row$1, {
-    className: rootClassName$12 + "-section",
+    className: rootClassName$13 + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React__default.createElement(Row$1, null, React__default.createElement(AnimatedLink$1, {
-    className: rootClassName$12 + "-social-media nunito",
+    className: rootClassName$13 + "-social-media nunito",
     href: 'https://www.youtube.com/user/sicredioficial',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "youtube"), React__default.createElement(AnimatedLink$1, {
-    className: rootClassName$12 + "-social-media nunito",
+    className: rootClassName$13 + "-social-media nunito",
     href: 'https://twitter.com/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "twitter"), React__default.createElement(AnimatedLink$1, {
-    className: rootClassName$12 + "-social-media nunito",
+    className: rootClassName$13 + "-social-media nunito",
     href: 'https://www.linkedin.com/company/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "linkedin"), React__default.createElement(AnimatedLink$1, {
-    className: rootClassName$12 + "-social-media nunito",
+    className: rootClassName$13 + "-social-media nunito",
     href: 'https://www.instagram.com/sicredi/',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "instagram"), React__default.createElement(AnimatedLink$1, {
-    className: rootClassName$12 + "-social-media nunito",
+    className: rootClassName$13 + "-social-media nunito",
     href: 'https://www.facebook.com/Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "facebook")), React__default.createElement(Row$1, {
-    className: rootClassName$12 + "-endereco"
+    className: rootClassName$13 + "-endereco"
   }, React__default.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React__default.createElement(Row$1, {
@@ -7537,17 +7572,17 @@ function FooterSicredi(props) {
 
 var FooterSicredi$1 = React.memo(FooterSicredi);
 
-var rootClassName$13 = 'full-height-container';
+var rootClassName$14 = 'full-height-container';
 
 function FullHeightContainer(props) {
   return React__default.createElement("div", {
-    className: rootClassName$13
+    className: rootClassName$14
   }, React__default.createElement("div", {
-    className: rootClassName$13 + "-row-header"
+    className: rootClassName$14 + "-row-header"
   }, props.header), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$13 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
+    className: getMergedClassNames([rootClassName$14 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
   }, props.children), props.fixedFooter ? React__default.createElement("div", {
-    className: rootClassName$13 + "-row-footer"
+    className: rootClassName$14 + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
 
@@ -7560,10 +7595,10 @@ var FullHeightContainer$1 = React.memo(FullHeightContainer);
 var HEADER_SEPARATOR_PRIMARY = 'primary';
 var HEADER_SEPARATOR_SECONDARY = 'secondary';
 
-var rootClassName$14 = 'component-header-separator';
+var rootClassName$15 = 'component-header-separator';
 function HeaderSeparator(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$14, rootClassName$14 + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$15, rootClassName$15 + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -7577,7 +7612,7 @@ HeaderSeparator.defaultProps = {
   HeaderType["Assembleia"] = "assembleia";
 })(exports.HeaderType || (exports.HeaderType = {}));
 
-var rootClassName$15 = 'component-header';
+var rootClassName$16 = 'component-header';
 
 function Header(props) {
   var _props$blackBar;
@@ -7591,33 +7626,33 @@ function Header(props) {
   var getProps = function getProps() {
     var p = {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$15, props.className, rootClassName$15 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
+      className: getMergedClassNames([rootClassName$16, props.className, rootClassName$16 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
     };
     return p;
   };
 
-  var clearfixClassNames = getMergedClassNames([rootClassName$15 + "-clearfix", rootClassName$15 + "-" + props.theme]);
+  var clearfixClassNames = getMergedClassNames([rootClassName$16 + "-clearfix", rootClassName$16 + "-" + props.theme]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React__default.createElement("div", {
-    className: rootClassName$15 + "-black-bar"
+    className: rootClassName$16 + "-black-bar"
   }, React__default.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__default.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React__default.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React__default.createElement("div", {
-    className: rootClassName$15 + "-separator-logo"
+    className: rootClassName$16 + "-separator-logo"
   }, props.separator.label) : undefined), React__default.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.centerContent), React__default.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.rightContent)), props.theme === exports.HeaderType.Semi && React__default.createElement("div", {
-    className: rootClassName$15 + "-semi-clear"
+    className: rootClassName$16 + "-semi-clear"
   }), props.clearfix && React__default.createElement("div", {
     className: clearfixClassNames
   }));
@@ -7630,44 +7665,44 @@ Header.defaultProps = {
 };
 var Header$1 = React.memo(Header);
 
-var rootClassName$16 = 'component-header-search-field';
+var rootClassName$17 = 'component-header-search-field';
 function HeaderSearchField(props) {
   var inputProps = _extends({}, props.inputProps);
 
   delete inputProps.rightObject;
   delete inputProps.loading;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16
+    className: rootClassName$17
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$16 + "-inline-input", props.loading ? 'loading' : '', props.disabled || props.inputProps && props.inputProps.disabled ? 'disabled' : ''])
+    className: getMergedClassNames([rootClassName$17 + "-inline-input", props.loading ? 'loading' : '', props.disabled || props.inputProps && props.inputProps.disabled ? 'disabled' : ''])
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-container-input"
+    className: rootClassName$17 + "-container-input"
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, inputProps, {
     disabled: props.disabled || props.inputProps && props.inputProps.disabled,
-    className: getMergedClassNames([rootClassName$16 + "-input", "panel-" + (props.panelOpened ? 'opened' : 'closed'), props.inputProps && props.inputProps.className ? props.inputProps.className : '', props.loading ? 'loading' : ''])
+    className: getMergedClassNames([rootClassName$17 + "-input", "panel-" + (props.panelOpened ? 'opened' : 'closed'), props.inputProps && props.inputProps.className ? props.inputProps.className : '', props.loading ? 'loading' : ''])
   }))), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-focus-border"
+    className: rootClassName$17 + "-focus-border"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-loading-border"
+    className: rootClassName$17 + "-loading-border"
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-right-icon"
+    className: rootClassName$17 + "-right-icon"
   }, /*#__PURE__*/React__default.createElement(IconButton$1, {
     icon: props.rightIcon,
     onClick: props.onRightObjectClick,
     disabled: props.disabled || props.inputProps && props.inputProps.disabled
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$16 + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
+    className: getMergedClassNames([rootClassName$17 + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
   }, /*#__PURE__*/React__default.createElement(Collapse$1, {
     opened: props.panelOpened
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-content"
+    className: rootClassName$17 + "-content"
   }, /*#__PURE__*/React__default.createElement(Row$1, null, "Bot\xE3o"), /*#__PURE__*/React__default.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React__default.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React__default.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React__default.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!")))), /*#__PURE__*/React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.panelOpened,
-    classNames: rootClassName$16 + "-mask-fade",
+    classNames: rootClassName$17 + "-mask-fade",
     timeout: 300,
     unmountOnExit: true
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$16 + "-mask",
+    className: rootClassName$17 + "-mask",
     onClick: function onClick() {
       if (typeof props.onMaskClick === 'function') {
         props.onMaskClick();
@@ -7693,27 +7728,27 @@ HeaderSearchField.defaultProps = {
   onRightObjectClick: function onRightObjectClick() {}
 };
 
-var rootClassName$17 = 'icon-button-with-label';
+var rootClassName$18 = 'icon-button-with-label';
 
 function IconButtonWithLabel(props) {
   return React__default.createElement("div", {
-    className: rootClassName$17
+    className: rootClassName$18
   }, React__default.createElement("div", {
-    className: rootClassName$17 + "-icon"
+    className: rootClassName$18 + "-icon"
   }, props.iconButton), React__default.createElement("div", {
-    className: rootClassName$17 + "-label"
+    className: rootClassName$18 + "-label"
   }, props.label), React__default.createElement("div", {
-    className: rootClassName$17 + "-value"
+    className: rootClassName$18 + "-value"
   }, props.value));
 }
 
 IconButtonWithLabel.defaultProps = {};
 var IconButtonWithLabel$1 = React.memo(IconButtonWithLabel);
 
-var rootClassName$18 = 'icon-component';
+var rootClassName$19 = 'icon-component';
 var InformationIcon = function InformationIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$18,
+    className: rootClassName$19,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React__default.createElement("path", {
@@ -7733,11 +7768,11 @@ var InformationIcon = function InformationIcon() {
   }));
 };
 
-var rootClassName$19 = 'component-information-icon';
+var rootClassName$1a = 'component-information-icon';
 function Information(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$19, props.className || ''])
+      className: getMergedClassNames([rootClassName$1a, props.className || ''])
     });
 
     delete p.icon;
@@ -7747,7 +7782,7 @@ function Information(props) {
   };
 
   return React__default.createElement("div", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$19 + "-icon",
+    className: rootClassName$1a + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -7756,25 +7791,25 @@ Information.defaultProps = {
   icon: React__default.createElement(InformationIcon, null)
 };
 
-var rootClassName$1a = 'informativo-assembleias-com-imagem';
+var rootClassName$1b = 'informativo-assembleias-com-imagem';
 
 function InformativoAssembleiasComImagem(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1a, props.reverse ? 'reverse' : ''])
+    className: getMergedClassNames([rootClassName$1b, props.reverse ? 'reverse' : ''])
   }, React__default.createElement("div", {
-    className: rootClassName$1a + "-text"
+    className: rootClassName$1b + "-text"
   }, React__default.createElement("div", {
-    className: rootClassName$1a + "-title"
+    className: rootClassName$1b + "-title"
   }, props.title), React__default.createElement("p", {
-    className: rootClassName$1a + "-sub-title nunito"
+    className: rootClassName$1b + "-sub-title nunito"
   }, props.subtitle), React__default.createElement("div", {
-    className: rootClassName$1a + "-button"
+    className: rootClassName$1b + "-button"
   }, React__default.createElement(Button$1, {
     theme: exports.ButtonThemes.DefaultPrimary,
     onClick: props.onButtonClick,
     rightIcon: React__default.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React__default.createElement("div", {
-    className: rootClassName$1a + "-photo",
+    className: rootClassName$1b + "-photo",
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -7815,35 +7850,35 @@ function BigPlayIcon(props) {
   }));
 }
 
-var rootClassName$1b = 'informativo-assembleias-com-video';
+var rootClassName$1c = 'informativo-assembleias-com-video';
 
 function InformativoAssembleiasComVideo(props) {
   return React__default.createElement("div", {
-    className: rootClassName$1b,
+    className: rootClassName$1c,
     onClick: props.onClick
   }, React__default.createElement("div", {
-    className: rootClassName$1b + "-first-row"
+    className: rootClassName$1c + "-first-row"
   }, React__default.createElement("div", {
-    className: rootClassName$1b + "-thumbnail",
+    className: rootClassName$1c + "-thumbnail",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React__default.createElement("div", {
-    className: rootClassName$1b + "-play-icon"
+    className: rootClassName$1c + "-play-icon"
   }, React__default.createElement(BigPlayIcon, null))), React__default.createElement("div", {
-    className: rootClassName$1b + "-saiba-mais-row"
+    className: rootClassName$1c + "-saiba-mais-row"
   }, React__default.createElement("div", {
-    className: rootClassName$1b + "-icon"
+    className: rootClassName$1c + "-icon"
   }, React__default.createElement(ChevronArrowRightIcon, null))), React__default.createElement("div", {
-    className: rootClassName$1b + "-title"
+    className: rootClassName$1c + "-title"
   }, props.title), React__default.createElement("div", {
-    className: rootClassName$1b + "-sub-title nunito"
+    className: rootClassName$1c + "-sub-title nunito"
   }, props.subtitle));
 }
 
 var InformativoAssembleiasComVideo$1 = React.memo(InformativoAssembleiasComVideo);
 
-var rootClassName$1c = 'component-input-area';
+var rootClassName$1d = 'component-input-area';
 
 function InputArea(props) {
   var _useState = React.useState(props.id ? props.id : getUniqueKey()),
@@ -7853,7 +7888,7 @@ function InputArea(props) {
     var p = _extends({}, props, {
       rows: 1,
       id: id ? id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$1c + "-input-area", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$1d + "-input-area", props.className || ''])
     });
 
     delete p.loading;
@@ -7877,24 +7912,24 @@ function InputArea(props) {
   }, [props.value]);
 
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$1c, props.error ? rootClassName$1c + "-error" : '', props.loading ? rootClassName$1c + "-loading" : '', props.disabled ? rootClassName$1c + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$1d, props.error ? rootClassName$1d + "-error" : '', props.loading ? rootClassName$1d + "-loading" : '', props.disabled ? rootClassName$1d + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
 
   return React__default.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React__default.createElement("div", {
-    className: rootClassName$1c + "-label nunito"
+    className: rootClassName$1d + "-label nunito"
   }, props.label || ''), React__default.createElement("div", {
-    className: rootClassName$1c + "-input-container"
+    className: rootClassName$1d + "-input-container"
   }, React__default.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React__default.createElement("div", {
-    className: rootClassName$1c + "-right-object"
+    className: rootClassName$1d + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React__default.createElement("div", {
-    className: rootClassName$1c + "-helper-and-counter"
+    className: rootClassName$1d + "-helper-and-counter"
   }, React__default.createElement("div", {
-    className: rootClassName$1c + "-helper-text nunito"
+    className: rootClassName$1d + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React__default.createElement("div", {
-    className: rootClassName$1c + "-counter"
+    className: rootClassName$1d + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 
@@ -7911,10 +7946,10 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = React.memo(InputArea);
 
-var rootClassName$1d = 'icon-component';
+var rootClassName$1e = 'icon-component';
 var CloudDownloadIcon = function CloudDownloadIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1d,
+    className: rootClassName$1e,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -7935,7 +7970,7 @@ var CloudDownloadIcon = function CloudDownloadIcon() {
   }))));
 };
 
-var rootClassName$1e = 'percent-loader-icon';
+var rootClassName$1f = 'percent-loader-icon';
 var PercentLoaderIcon = function PercentLoaderIcon(props) {
   var getStrokeDashOffset = function getStrokeDashOffset() {
     var v = props.indefinido ? '25' : props.value;
@@ -7950,7 +7985,7 @@ var PercentLoaderIcon = function PercentLoaderIcon(props) {
     setSdo(getStrokeDashOffset());
   }, [props.value, props.indefinido]);
   return React__default.createElement("svg", {
-    className: getMergedClassNames([rootClassName$1e, props.indefinido ? 'indefinido' : '']),
+    className: getMergedClassNames([rootClassName$1f, props.indefinido ? 'indefinido' : '']),
     viewBox: '0 0 100 100',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -7974,7 +8009,7 @@ var PercentLoaderIcon = function PercentLoaderIcon(props) {
   }) : undefined);
 };
 
-var rootClassName$1f = 'component-item-dropdown-download';
+var rootClassName$1g = 'component-item-dropdown-download';
 
 function ItemDropdownDownload(props) {
   var _useState = React.useState(props.id ? props.id : getUniqueKey()),
@@ -7982,7 +8017,7 @@ function ItemDropdownDownload(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1f, props.className || '', props.opened ? 'opened' : 'closed']),
+      className: getMergedClassNames([rootClassName$1g, props.className || '', props.opened ? 'opened' : 'closed']),
       onClick: function onClick(event) {
         if (typeof props.onClick === 'function') {
           props.onClick(event);
@@ -8006,13 +8041,13 @@ function ItemDropdownDownload(props) {
   React.useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$1f + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$1g + "-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$1f)) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains("" + rootClassName$1g)) {
             deveFechar = false;
             break;
           }
@@ -8054,23 +8089,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React__default.createElement("div", {
-    className: rootClassName$1f + "-outer",
+    className: rootClassName$1g + "-outer",
     id: id
   }, React__default.createElement("button", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$1f + "-label"
+    className: rootClassName$1g + "-label"
   }, props.label), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1f + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$1g + "-arrow", props.opened ? 'up' : 'down'])
   }, React__default.createElement(ChevronArrowDownIcon, null))), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$1f + "-panel"
+    className: rootClassName$1g + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React__default.createElement("button", {
       id: download.id || undefined,
-      className: rootClassName$1f + "-item " + (download.loading ? 'loading' : ''),
+      className: rootClassName$1g + "-item " + (download.loading ? 'loading' : ''),
       onClick: function onClick(evt) {
         if (!download.loading && typeof download.onClick === 'function') {
           download.onClick(evt);
@@ -8078,9 +8113,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React__default.createElement("div", {
-      className: rootClassName$1f + "-item-label"
+      className: rootClassName$1g + "-item-label"
     }, download.label), React__default.createElement("div", {
-      className: rootClassName$1f + "-download-icon"
+      className: rootClassName$1g + "-download-icon"
     }, download.loading ? React__default.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React__default.createElement(CloudDownloadIcon, null)));
@@ -8093,7 +8128,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = React.memo(ItemDropdownDownload);
 
-var rootClassName$1g = 'component-menu-item';
+var rootClassName$1h = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -8104,7 +8139,7 @@ function MenuItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$1g, props.className, props.active ? rootClassName$1g + "-active" : ''])
+      className: getMergedClassNames([rootClassName$1h, props.className, props.active ? rootClassName$1h + "-active" : ''])
     });
 
     delete p.icon;
@@ -8119,15 +8154,15 @@ function MenuItem(props) {
   };
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("button", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$1g + "-icon"
+    className: rootClassName$1h + "-icon"
   }, props.icon), React__default.createElement("div", {
-    className: rootClassName$1g + "-label"
+    className: rootClassName$1h + "-label"
   }, props.label)), props.subList && props.subList.length ? React__default.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React__default.createElement("div", {
-    className: rootClassName$1g + "-sub-list"
+    className: rootClassName$1h + "-sub-list"
   }, props.subList.map(function (subItem) {
-    var itemClassNames = getMergedClassNames([rootClassName$1g + "-sub-item", subItem.active ? rootClassName$1g + "-active" : '']);
+    var itemClassNames = getMergedClassNames([rootClassName$1h + "-sub-item", subItem.active ? rootClassName$1h + "-active" : '']);
     var idAndKey = subItem.id ? subItem.id : getUniqueKey();
     return React__default.createElement("div", {
       id: idAndKey,
@@ -8135,9 +8170,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React__default.createElement("div", {
-      className: rootClassName$1g + "-sub-item-icon"
+      className: rootClassName$1h + "-sub-item-icon"
     }, subItem.icon), React__default.createElement("div", {
-      className: rootClassName$1g + "-sub-item-label"
+      className: rootClassName$1h + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -8148,10 +8183,10 @@ MenuItem.defaultProps = {
   label: ''
 };
 
-var rootClassName$1h = 'icon-component';
+var rootClassName$1i = 'icon-component';
 var SearchIcon = function SearchIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1h,
+    className: rootClassName$1i,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -8167,7 +8202,7 @@ var SearchIcon = function SearchIcon() {
   SicrediLogoTheme["Branco"] = "branco";
 })(exports.SicrediLogoTheme || (exports.SicrediLogoTheme = {}));
 
-var rootClassName$1i = 'sicredi-logo';
+var rootClassName$1j = 'sicredi-logo';
 var SicrediLogo = function SicrediLogo(props) {
   var primaryColor = React.useMemo(function () {
     return props.theme === exports.SicrediLogoTheme.Verde ? '#3fa110' : '#FFFFFF';
@@ -8176,7 +8211,7 @@ var SicrediLogo = function SicrediLogo(props) {
     return props.theme === exports.SicrediLogoTheme.Verde ? '#146e37' : '#DDDDDD';
   }, [props.theme]);
   return React__default.createElement("div", {
-    className: rootClassName$1i
+    className: rootClassName$1j
   }, React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     height: props.height,
@@ -8248,7 +8283,7 @@ var SicrediLogo = function SicrediLogo(props) {
     fill: secondaryColor
   })), React__default.createElement("path", {
     id: 'Caminho_17',
-    className: props.hideLetters ? rootClassName$1i + "-hide-letters" : '',
+    className: props.hideLetters ? rootClassName$1j + "-hide-letters" : '',
     d: 'M10.1-443.483c-9.423,0-13.509,2.213-14.738,11.284-.7,5.5,1.692,8.706,7.779,11.223l8.323,3.078c2.517.936,3.239,1.05,2.888,3.8-.527,3.512-2.579,3.876-7.9,3.876-6.385.114-5.945.176-13.377,0l-1.216,7.829c5.587.152,12.69.413,15.5.413,10.71,0,16.132-3.046,17.3-12.118.761-6.028-2.17-9.539-8.349-11.587L8.843-428.34c-2.926-1.112-3.186-1.549-2.806-3.742.5-3.333,1.837-3.537,6.11-3.479,4.437-.023,10.621-.023,14.12,0l1.14-7.922C17.3-443.567,10.1-443.483,10.1-443.483Zm23.745-.092-1.179,8.039,9.977.023,1.126-8.115Zm3.705,41.21,4.348-29h-9.93l-4.3,29Zm24-29.784c-10.359,0-15.01,4.243-16.532,15.011-1.58,11.12,3,15.468,13.3,15.468,3.687,0,8.095-.228,11.553-1.368l.95-6.841a95.169,95.169,0,0,1-10.717.608c-4.975,0-5.628-1.206-4.75-8.171.819-6.73,4.026-7.107,9.235-7.107,2.107,0,5,.034,8.392.092l.995-6.477C67.562-432.377,65.092-432.035,61.557-432.149Zm39.772.691c-5.048-.331-9.44,1.627-13.771,5.724l-.092-5.724-7.838.049-4.407,29.13h9.952l2.477-16.983c2.871-1.974,4.976-3.524,9.535-2.964Zm17.462-.767c-10.641-.418-17.04,2.391-18.555,14.784-1.406,12.013,4.213,16.015,15.589,15.772,3.921,0,10.017-.8,13.646-2.324l-1.23-5.87c-3.453.41-9.606.746-12.415.746-3.629,0-5.394-1.1-5.394-4.066l9.8-.684c7.433-.527,10.886-2.97,11.705-8.589C132.818-428.6,129.47-432.035,118.791-432.226Zm3.458,9.577c-.76,2.28-1.293,2.877-4.219,3.111l-6.84.537c.995-5.853,2.392-6.119,6.84-6.119C121.659-425.177,122.484-425.341,122.249-422.649Zm47.689-20.784h-9.952l-.869,6.1c-.293,2.048-.422,3.542-.87,5.861a67.447,67.447,0,0,0-9.859-.669c-6.438,0-11.974,2.417-13.73,15.059-1.522,11.53,2.435,15.409,8.58,15.409a18.318,18.318,0,0,0,12.551-5.417l-.092,4.807,7.92.049Zm-25.132,26.047c1.334-8,2.378-7.862,7.856-8.112h4.531l-1.882,11.754c-3.219,2.809-5.468,4.239-8.453,4.3C143.991-409.329,143.928-410.889,144.806-417.385Zm31.31-26.138-1.188,8.009,9.907-.037,1.177-8.065Zm3.694,41.243,4.407-29.13h-9.894l-4.407,29.13Z',
     fill: primaryColor
   }))));
@@ -8259,7 +8294,7 @@ SicrediLogo.defaultProps = {
   hideLetters: false
 };
 
-var rootClassName$1j = 'component-menu';
+var rootClassName$1k = 'component-menu';
 var timeout;
 
 function Menu(props) {
@@ -8306,12 +8341,12 @@ function Menu(props) {
 
   var getProps = function getProps() {
     var openedOrNot = function openedOrNot(condition) {
-      if (condition) return rootClassName$1j + "-opened";
+      if (condition) return rootClassName$1k + "-opened";
       return '';
     };
 
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1j, 'scroll-white', props.className, props.shortOnMD ? rootClassName$1j + "-short-on-md" : '', props.openOnClick ? rootClassName$1j + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$1j + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
+      className: getMergedClassNames([rootClassName$1k, 'scroll-white', props.className, props.shortOnMD ? rootClassName$1k + "-short-on-md" : '', props.openOnClick ? rootClassName$1k + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$1k + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
     });
 
     delete p.openOnClick;
@@ -8365,16 +8400,16 @@ function Menu(props) {
   };
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React__default.createElement(IconButton$1, {
-    className: rootClassName$1j + "-close-button",
+    className: rootClassName$1k + "-close-button",
     icon: React__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React__default.createElement("div", {
-    className: rootClassName$1j + "-logo"
+    className: rootClassName$1k + "-logo"
   }, props.logo), props.buscar ? React__default.createElement("div", {
-    className: rootClassName$1j + "-buscar"
+    className: rootClassName$1k + "-buscar"
   }, React__default.createElement(Input$1, {
     id: 'buscar-menu',
     placeholder: 'Buscar',
@@ -8386,29 +8421,29 @@ function Menu(props) {
       icon: React__default.createElement(SearchIcon, null)
     })
   })) : undefined, React__default.createElement("div", {
-    className: rootClassName$1j + "-items"
+    className: rootClassName$1k + "-items"
   }, getItems() ? getItems().map(function (it, index) {
     return React__default.createElement("div", {
-      className: rootClassName$1j + "-it",
+      className: rootClassName$1k + "-it",
       key: index
     }, React__default.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   }) : undefined)), React__default.createElement(React__default.Fragment, null, props.openOnClick && React__default.createElement("button", {
-    className: rootClassName$1j + "-toggle " + (opened ? rootClassName$1j + "-opened" : ''),
+    className: rootClassName$1k + "-toggle " + (opened ? rootClassName$1k + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }, React__default.createElement(ChevronArrowRightIcon, null))), React__default.createElement(React__default.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React__default.createElement(reactTransitionGroup.CSSTransition, {
     timeout: 300,
-    classNames: rootClassName$1j + "-background",
+    classNames: rootClassName$1k + "-background",
     "in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
     mountOnEnter: true,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$1j + "-background",
+    className: rootClassName$1k + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -8429,12 +8464,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = React.memo(Menu);
 
-var rootClassName$1k = 'component-modal';
+var rootClassName$1l = 'component-modal';
 function Modal(props) {
   var filteredProps = React.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([props.className || '', rootClassName$1k, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$1l, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1l + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.footer;
@@ -8469,18 +8504,18 @@ function Modal(props) {
   };
 
   return React__default.createElement("div", Object.assign({}, filteredProps), React__default.createElement("div", {
-    className: rootClassName$1k + "-header"
+    className: rootClassName$1l + "-header"
   }, React__default.createElement("div", {
-    className: rootClassName$1k + "-title"
+    className: rootClassName$1l + "-title"
   }, props.title), React__default.createElement("div", {
-    className: rootClassName$1k + "-close-button"
+    className: rootClassName$1l + "-close-button"
   }, React__default.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React__default.createElement(CloseIcon, null)
   }))), React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1k + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$1l + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React__default.createElement("div", {
-    className: rootClassName$1k + "-footer"
+    className: rootClassName$1l + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -8489,11 +8524,11 @@ Modal.defaultProps = {
   size: 'large'
 };
 
-var rootClassName$1l = 'component-modal-mask';
+var rootClassName$1m = 'component-modal-mask';
 var ModalMask = function ModalMask(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1l, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
+      className: getMergedClassNames([rootClassName$1m, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
     });
 
     delete p.mobileOnXS;
@@ -8503,7 +8538,7 @@ var ModalMask = function ModalMask(props) {
   return React__default.createElement("div", Object.assign({}, getProps()), props.children);
 };
 
-var rootClassName$1m = 'comp-modal-manager';
+var rootClassName$1n = 'comp-modal-manager';
 var maskRootClassName = 'component-modal-mask';
 
 var hackFocus = function hackFocus() {
@@ -8592,7 +8627,7 @@ var ModalManager = React.forwardRef(function (_props, ref) {
   });
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$1m + "-modals"]);
+    return getMergedClassNames([rootClassName$1n + "-modals"]);
   };
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
@@ -8603,7 +8638,7 @@ var ModalManager = React.forwardRef(function (_props, ref) {
     var M = obj.component;
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$1m + "-mask-mobile-on-xs" : rootClassName$1m + "-mask",
+      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$1n + "-mask-mobile-on-xs" : rootClassName$1n + "-mask",
       key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
       unmountOnExit: true
     }, React__default.createElement(ModalMask, {
@@ -8623,39 +8658,39 @@ var ModalManager = React.forwardRef(function (_props, ref) {
   })));
 });
 
-var rootClassName$1n = 'component-modulos-title';
+var rootClassName$1o = 'component-modulos-title';
 function ModulosTitle(props) {
   return React__default.createElement("div", {
-    className: rootClassName$1n
+    className: rootClassName$1o
   }, React__default.createElement("div", {
-    className: rootClassName$1n + "-wrapper"
+    className: rootClassName$1o + "-wrapper"
   }, props.showBackButton ? React__default.createElement("div", {
-    className: rootClassName$1n + "-icon"
+    className: rootClassName$1o + "-icon"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React__default.createElement("div", {
-    className: rootClassName$1n + "-text"
+    className: rootClassName$1o + "-text"
   }, props.children)), props.rightElement ? React__default.createElement("div", {
-    className: rootClassName$1n + "-right-element"
+    className: rootClassName$1o + "-right-element"
   }, props.rightElement) : undefined);
 }
 ModulosTitle.defaultProps = {};
 
-var rootClassName$1o = 'component-nota-edit';
+var rootClassName$1p = 'component-nota-edit';
 function NotaEdit(props) {
   return React__default.createElement("div", {
-    className: rootClassName$1o
+    className: rootClassName$1p
   }, React__default.createElement("div", {
-    className: rootClassName$1o + "-titulo"
+    className: rootClassName$1p + "-titulo"
   }, React__default.createElement("input", Object.assign({}, props.inputTitleProps, {
     className: getMergedClassNames([props.inputTitleProps && props.inputTitleProps.className ? props.inputTitleProps.className : '', 'scroll-white', 'nunito'])
   }))), React__default.createElement("div", {
-    className: rootClassName$1o + "-texto"
+    className: rootClassName$1p + "-texto"
   }, React__default.createElement("textarea", Object.assign({}, props.inputTextProps, {
     className: getMergedClassNames([props.inputTextProps && props.inputTextProps.className ? props.inputTextProps.className : '', 'scroll-white', 'nunito'])
   }))), !props.hideCloseButton ? React__default.createElement("div", {
-    className: rootClassName$1o + "-close-button"
+    className: rootClassName$1p + "-close-button"
   }, React__default.createElement(IconButton$1, {
     theme: props.iconButtonTheme,
     icon: React__default.createElement(CloseIcon, null),
@@ -8665,7 +8700,7 @@ function NotaEdit(props) {
       }
     }
   })) : undefined, React__default.createElement("div", {
-    className: rootClassName$1o + "-save-button"
+    className: rootClassName$1p + "-save-button"
   }, React__default.createElement(Button$1, Object.assign({
     theme: exports.ButtonThemes.Blue
   }, props.buttonSaveProps), props.buttonSaveProps ? props.buttonSaveProps.label : '')));
@@ -8693,7 +8728,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$1p = 'component-paginator';
+var rootClassName$1q = 'component-paginator';
 function Paginator(props) {
   var _useState = React.useState([]),
       arrOfNumbers = _useState[0],
@@ -8724,11 +8759,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React__default.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$1p, props.className || ''])
+    className: getMergedClassNames([rootClassName$1q, props.className || ''])
   }, React__default.createElement("div", {
-    className: rootClassName$1p + "-center-content"
+    className: rootClassName$1q + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
-    className: rootClassName$1p + "-left-arrow"
+    className: rootClassName$1q + "-left-arrow"
   }, React__default.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React__default.createElement(ChevronArrowLeftIcon, null),
@@ -8738,11 +8773,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React__default.createElement("div", {
-    className: rootClassName$1p + "-numbers"
+    className: rootClassName$1q + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React__default.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$1p + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$1q + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -8750,7 +8785,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React__default.createElement("div", {
-    className: rootClassName$1p + "-right-arrow"
+    className: rootClassName$1q + "-right-arrow"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -8760,19 +8795,19 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React__default.createElement(reactTransitionGroup.CSSTransition, {
-    classNames: rootClassName$1p + "-loader",
+    classNames: rootClassName$1q + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$1p + "-loader"
+    className: rootClassName$1q + "-loader"
   }, React__default.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
 
-var rootClassName$1q = 'previa-video';
+var rootClassName$1r = 'previa-video';
 
 function PreviaVideo(props) {
   var _useState = React.useState(getUniqueKey()),
@@ -8816,21 +8851,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React__default.createElement("div", {
     id: id,
-    className: rootClassName$1q,
+    className: rootClassName$1r,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React__default.createElement("div", {
-    className: rootClassName$1q + "-img",
+    className: rootClassName$1r + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React__default.createElement("div", {
-    className: rootClassName$1q + "-icon"
+    className: rootClassName$1r + "-icon"
   }, React__default.createElement(BigPlayIcon, {
     hideBackground: true
   })), React__default.createElement("div", {
-    className: rootClassName$1q + "-label"
+    className: rootClassName$1r + "-label"
   }, props.label), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -8842,7 +8877,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React__default.createElement("div", {
-    className: rootClassName$1q + "-video"
+    className: rootClassName$1r + "-video"
   }, React__default.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -8852,7 +8887,7 @@ function PreviaVideo(props) {
 
 var PreviaVideo$1 = React.memo(PreviaVideo);
 
-var rootClassName$1r = 'progress-bar';
+var rootClassName$1s = 'progress-bar';
 function ProgressBar(props) {
   var _useProgressiveCount = useProgressiveCount(props.percent),
       percent = _useProgressiveCount[0],
@@ -8872,31 +8907,31 @@ function ProgressBar(props) {
     setRightValue(props.rightValue);
   }, [props]);
   return React__default.createElement("div", {
-    className: rootClassName$1r + "-wrapper"
+    className: rootClassName$1s + "-wrapper"
   }, React__default.createElement("div", {
-    className: rootClassName$1r + "-header"
+    className: rootClassName$1s + "-header"
   }, React__default.createElement("p", {
-    className: rootClassName$1r + "-title"
+    className: rootClassName$1s + "-title"
   }, props.title), React__default.createElement("div", {
-    className: rootClassName$1r + "-percent-container"
+    className: rootClassName$1s + "-percent-container"
   }, props.textPercent && React__default.createElement("span", {
-    className: rootClassName$1r + "-span-text"
+    className: rootClassName$1s + "-span-text"
   }, props.textPercent, " \u2022", ' '), React__default.createElement("p", null, percent, "%"))), React__default.createElement("div", {
-    className: rootClassName$1r + "-fill"
+    className: rootClassName$1s + "-fill"
   }, React__default.createElement("div", {
-    className: rootClassName$1r + "-filled",
+    className: rootClassName$1s + "-filled",
     style: {
       width: percent + "%"
     }
   })), !props.hideDescription && React__default.createElement("div", {
-    className: rootClassName$1r + "-bottom"
+    className: rootClassName$1s + "-bottom"
   }, React__default.createElement("span", null, React__default.createElement("p", null, leftValue), props.leftText && React__default.createElement("p", null, props.leftText)), React__default.createElement("span", null, React__default.createElement("p", null, rightValue), props.rightText && React__default.createElement("p", null, props.rightText))));
 }
 
-var rootClassName$1s = 'component-search-bloco-de-notas';
+var rootClassName$1t = 'component-search-bloco-de-notas';
 function SearchBlocoDeNotas(props) {
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1s
+    className: rootClassName$1t
   }, /*#__PURE__*/React__default.createElement("input", {
     onChange: function onChange(evt) {
       if (typeof props.onChange === 'function') {
@@ -8906,7 +8941,7 @@ function SearchBlocoDeNotas(props) {
     value: props.value,
     placeholder: props.placeholder
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1s + "-right-object"
+    className: rootClassName$1t + "-right-object"
   }, props.rightObject));
 }
 SearchBlocoDeNotas.propTypes = {
@@ -8919,7 +8954,7 @@ SearchBlocoDeNotas.defaultProps = {
   value: ''
 };
 
-var rootClassName$1t = 'component-select';
+var rootClassName$1u = 'component-select';
 
 function Select(props) {
   var _props$options3, _getOptionsFiltered;
@@ -8961,13 +8996,13 @@ function Select(props) {
   React.useEffect(function () {
     var func = function func(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + panelId + "." + rootClassName$1t + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id + "." + rootClassName$1t + "-outer"))) setPanelOpened(false);
+        if (document.querySelector("#" + panelId + "." + rootClassName$1u + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id + "." + rootClassName$1u + "-outer"))) setPanelOpened(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$1t + "-outer")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$1u + "-outer")) {
             deveFechar = false;
             break;
           }
@@ -9074,11 +9109,11 @@ function Select(props) {
 
   var getRightObject = function getRightObject() {
     return React__default.createElement("div", {
-      className: rootClassName$1t + "-objects"
+      className: rootClassName$1u + "-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__default.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$1t + "-clear-button",
+      className: rootClassName$1u + "-clear-button",
       icon: React__default.createElement(CloseIcon, null),
       onClick: function onClick() {
         return props.onChange(props.multiple ? [] : null);
@@ -9086,7 +9121,7 @@ function Select(props) {
     }) : undefined, React__default.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$1t + "-arrow " + rootClassName$1t + "-arrow-" + (panelOpened ? 'up' : 'down'),
+      className: rootClassName$1u + "-arrow " + rootClassName$1u + "-arrow-" + (panelOpened ? 'up' : 'down'),
       onClick: function onClick() {
         return setPanelOpened(!panelOpened);
       },
@@ -9098,12 +9133,12 @@ function Select(props) {
     var _props$options;
 
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1t, props.className]),
+      className: getMergedClassNames([rootClassName$1u, props.className]),
       forceFocus: fakeSelectFocused,
       readOnly: true,
       rightObject: getRightObject(),
       onClick: function onClick() {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$1t + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$1u + "-select-fake");
 
         if (!props.multiple && isMobile() && selectFake) {
           selectFake.focus();
@@ -9112,7 +9147,7 @@ function Select(props) {
         }
       },
       onFocus: function onFocus(evt) {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$1t + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$1u + "-select-fake");
 
         if (!props.multiple && isMobile() && selectFake) {
           selectFake.focus();
@@ -9127,13 +9162,13 @@ function Select(props) {
         }
 
         if (evt.keyCode === 9 && panelOpened) {
-          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
 
           if (inputFilter) {
             inputFilter.focus();
             evt.preventDefault();
           } else {
-            var firstOption = document.querySelector("#" + id + " ." + rootClassName$1t + "-options div");
+            var firstOption = document.querySelector("#" + id + " ." + rootClassName$1u + "-options div");
 
             if (firstOption) {
               firstOption.focus();
@@ -9184,7 +9219,7 @@ function Select(props) {
     return React__default.createElement("div", {
       tabIndex: 1,
       key: getKey(option),
-      className: rootClassName$1t + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$1u + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
         var parent = child.parentNode;
@@ -9195,7 +9230,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
 
                 if (inputFilter) {
                   inputFilter.focus();
@@ -9203,7 +9238,7 @@ function Select(props) {
                 }
               }
             } else if (index === total - 1) {
-              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$1t + "-footer-button." + rootClassName$1t + "-selectAll");
+              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$1u + "-footer-button." + rootClassName$1u + "-selectAll");
 
               if (selectAll) {
                 selectAll.focus();
@@ -9230,7 +9265,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
 
               if (_inputFilter) _inputFilter.focus();
             }
@@ -9255,7 +9290,7 @@ function Select(props) {
         handleChange();
       }
     }), React__default.createElement("div", {
-      className: rootClassName$1t + "-multiple-option-label"
+      className: rootClassName$1u + "-multiple-option-label"
     }, option.label));
   };
 
@@ -9270,7 +9305,7 @@ function Select(props) {
     return React__default.createElement("div", {
       key: getKey(option),
       tabIndex: 1,
-      className: rootClassName$1t + "-single-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$1u + "-single-option " + (props.readOnly ? 'read-only' : ''),
       onClick: handleChange,
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
@@ -9282,7 +9317,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
 
                 if (inputPanel) {
                   inputPanel.focus();
@@ -9308,7 +9343,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var el = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+              var el = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
               if (el) el.focus();
             }
 
@@ -9329,7 +9364,7 @@ function Select(props) {
 
   var getNoOptionsMessage = function getNoOptionsMessage() {
     return React__default.createElement("div", {
-      className: rootClassName$1t + "-no-result"
+      className: rootClassName$1u + "-no-result"
     }, props.noOptionMessage);
   };
 
@@ -9343,9 +9378,9 @@ function Select(props) {
 
   return React__default.createElement("div", {
     id: id,
-    className: rootClassName$1t + "-outer"
+    className: rootClassName$1u + "-outer"
   }, !props.multiple && isMobile() && React__default.createElement("select", {
-    className: rootClassName$1t + "-select-fake",
+    className: rootClassName$1u + "-select-fake",
     value: props.value ? String(props.value) : '',
     onChange: function onChange(evt) {
       return props.onChange(evt.target.value);
@@ -9378,7 +9413,7 @@ function Select(props) {
         panel.style.bottom = '0';
       }
 
-      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-panel-input input");
+      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-panel-input input");
 
       if (firstInput && !isMobile()) {
         setTimeout(function () {
@@ -9386,7 +9421,7 @@ function Select(props) {
         }, 50);
       } else {
         if (props.multiple) {
-          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$1t + "-options div");
+          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$1u + "-options div");
 
           if (optionToFocus) {
             setTimeout(function () {
@@ -9404,7 +9439,7 @@ function Select(props) {
             return opt.value === props.value;
           });
           var index = elProps ? elProps.ind + 1 : 1;
-          var query = "#" + panelId + " ." + rootClassName$1t + "-options div:nth-child(" + index + ")";
+          var query = "#" + panelId + " ." + rootClassName$1u + "-options div:nth-child(" + index + ")";
 
           var _optionToFocus = document.querySelector(query);
 
@@ -9425,9 +9460,9 @@ function Select(props) {
     }
   }, React__default.createElement("div", {
     id: panelId,
-    className: rootClassName$1t + "-panel " + (props.multiple ? 'multiple' : '')
+    className: rootClassName$1u + "-panel " + (props.multiple ? 'multiple' : '')
   }, props.panelFilter && props.options && !!props.options.length && React__default.createElement("div", {
-    className: rootClassName$1t + "-panel-input"
+    className: rootClassName$1u + "-panel-input"
   }, React__default.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -9437,7 +9472,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$1t + "-options div");
+        var el = document.querySelector("#" + id + " ." + rootClassName$1u + "-options div");
 
         if (el) {
           el.focus();
@@ -9446,7 +9481,7 @@ function Select(props) {
       }
     }
   })), React__default.createElement("div", {
-    className: rootClassName$1t + "-options scroll-white"
+    className: rootClassName$1u + "-options scroll-white"
   }, props.options && props.options.length ? (_getOptionsFiltered = getOptionsFiltered()) === null || _getOptionsFiltered === void 0 ? void 0 : _getOptionsFiltered.map(function (option) {
     if (props.multiple) {
       return getMultipleOption(option);
@@ -9454,13 +9489,13 @@ function Select(props) {
 
     return getSingleOption(option);
   }) : getNoOptionsMessage()), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: rootClassName$1t + "-panel-footer-clearfix"
+    className: rootClassName$1u + "-panel-footer-clearfix"
   }), React__default.createElement("div", {
-    className: rootClassName$1t + "-panel-footer"
+    className: rootClassName$1u + "-panel-footer"
   }, React__default.createElement(Button$1, {
     theme: exports.ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$1t + "-footer-button",
+    className: rootClassName$1u + "-footer-button",
     onClick: function onClick() {
       var _getOptionsFiltered2;
 
@@ -9473,7 +9508,7 @@ function Select(props) {
     tabIndex: 1,
     theme: exports.ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$1t + "-footer-button",
+    className: rootClassName$1u + "-footer-button",
     onClick: function onClick() {
       return props.onChange([]);
     }
@@ -9494,7 +9529,7 @@ Select.defaultProps = {
 };
 var Select$1 = React.memo(Select);
 
-var rootClassName$1u = 'component-switch';
+var rootClassName$1v = 'component-switch';
 function Switch(props) {
   var handleClick = function handleClick() {
     if (typeof props.onChange === 'function' && !props.disabled) {
@@ -9504,7 +9539,7 @@ function Switch(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1u, props.className || '', rootClassName$1u + "-" + (props.value ? 'on' : 'off')]),
+      className: getMergedClassNames([rootClassName$1v, props.className || '', rootClassName$1v + "-" + (props.value ? 'on' : 'off')]),
       onClick: handleClick,
       style: _extends({
         transform: "scale(" + props.scale + ")"
@@ -9518,9 +9553,9 @@ function Switch(props) {
   };
 
   return React__default.createElement("button", Object.assign({}, getProps()), React__default.createElement("div", {
-    className: rootClassName$1u + "-track"
+    className: rootClassName$1v + "-track"
   }), React__default.createElement("div", {
-    className: rootClassName$1u + "-thumb"
+    className: rootClassName$1v + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -9530,10 +9565,10 @@ Switch.defaultProps = {
   scale: 1
 };
 
-var rootClassName$1v = 'component-table-actions-column';
+var rootClassName$1w = 'component-table-actions-column';
 var ActionsColumn = function ActionsColumn(props) {
   return React__default.createElement("div", {
-    className: rootClassName$1v
+    className: rootClassName$1w
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React__default.createElement(IconButton$1, Object.assign({
       key: index
@@ -9544,7 +9579,7 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var rootClassName$1w = 'component-table-left-checkbox-with-label';
+var rootClassName$1x = 'component-table-left-checkbox-with-label';
 var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   var _props$spanProps2;
 
@@ -9566,9 +9601,9 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     return style;
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1w, props.w100 ? 'w-100' : ''])
+    className: getMergedClassNames([rootClassName$1x, props.w100 ? 'w-100' : ''])
   }, React__default.createElement("span", {
-    className: rootClassName$1w + "-checkbox-wrapper",
+    className: rootClassName$1x + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
     "tooltip-text": props['tooltip-text']
   }, React__default.createElement(Checkbox$1, {
@@ -9577,7 +9612,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     onChange: props.onChange,
     theme: props.theme
   })), React__default.createElement("span", Object.assign({}, props.spanProps, {
-    className: getMergedClassNames([rootClassName$1w + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
+    className: getMergedClassNames([rootClassName$1x + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
     style: style,
     onClick: function onClick(evt) {
       var _props$spanProps3;
@@ -9591,7 +9626,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   }), props.label));
 };
 
-var rootClassName$1x = 'component-table';
+var rootClassName$1y = 'component-table';
 function TypedTable(props) {
   return React__default.createElement(Table, Object.assign({}, props));
 }
@@ -9604,8 +9639,8 @@ function Table(props) {
       var el = document.getElementById(itemsId);
       var sortable = new Sortable(el, {
         animation: 300,
-        ghostClass: rootClassName$1x + "-item-ghost",
-        dragClass: rootClassName$1x + "-item-dragging",
+        ghostClass: rootClassName$1y + "-item-ghost",
+        dragClass: rootClassName$1y + "-item-dragging",
         onStart: function onStart() {
           document.body.classList.add('document-grabbing');
         },
@@ -9641,7 +9676,7 @@ function Table(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1x, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
+      className: getMergedClassNames([rootClassName$1y, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
     });
 
     delete p.columns;
@@ -9654,9 +9689,9 @@ function Table(props) {
   };
 
   return React__default.createElement("div", {
-    className: rootClassName$1x + "-outer"
+    className: rootClassName$1y + "-outer"
   }, props.upperHeader ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1x + "-upper-header", props.upperHeader.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$1y + "-upper-header", props.upperHeader.active ? 'active' : ''])
   }, props.upperHeader.buttons && props.upperHeader.buttons.length ? props.upperHeader.buttons.map(function (btn, index) {
     var _props$upperHeader;
 
@@ -9667,7 +9702,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__default.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React__default.createElement("div", {
-    className: rootClassName$1x + "-outer-table"
+    className: rootClassName$1y + "-outer-table"
   }, React__default.createElement("table", Object.assign({}, getProps()), React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React__default.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
@@ -9713,16 +9748,16 @@ TableActions.defaultProps = {
   actions: []
 };
 
-var rootClassName$1y = 'component-table-file-name-and-action';
+var rootClassName$1z = 'component-table-file-name-and-action';
 
 function TableFileNameAndAction(props) {
   return React__default.createElement("div", {
-    className: rootClassName$1y
+    className: rootClassName$1z
   }, props.files && props.files.length ? props.files.map(function (line, index) {
     var obj = line.file ? line.file : line;
     return React__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$1y + "-file", line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$1z + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
     }, React__default.createElement("span", null, obj.name), React__default.createElement(IconButton$1, {
       icon: line.uploading ? React__default.createElement(PercentLoaderIcon, {
         indefinido: line.indefinido,
@@ -9741,10 +9776,10 @@ function TableFileNameAndAction(props) {
 TableFileNameAndAction.defaultProps = {};
 var TableFileNameAndAction$1 = React.memo(TableFileNameAndAction);
 
-var rootClassName$1z = 'icon-component';
+var rootClassName$1A = 'icon-component';
 var CircleArrowLeft = function CircleArrowLeft() {
   return React__default.createElement("svg", {
-    className: rootClassName$1z,
+    className: rootClassName$1A,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -9865,22 +9900,22 @@ function useScreenSize() {
   return value;
 }
 
-var rootClassName$1A = 'component-upper-header-table';
+var rootClassName$1B = 'component-upper-header-table';
 
 function TableUpperHeader(props) {
   var _props$leftContent, _props$rightContent;
 
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1A, props.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$1B, props.active ? 'active' : ''])
   }, React__default.createElement("div", {
-    className: rootClassName$1A + "-left"
+    className: rootClassName$1B + "-left"
   }, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
     return btn.type === 'Button' ? React__default.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$1A + "-btn",
+      className: rootClassName$1B + "-btn",
       type: 'button'
     }, btn.leftIcon && React__default.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React__default.createElement("span", null, btn.rightIcon)) : React__default.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
@@ -9888,19 +9923,19 @@ function TableUpperHeader(props) {
       key: i,
       id: btn.children.id,
       onClick: btn.children.onClick,
-      className: rootClassName$1A + "-btn",
+      className: rootClassName$1B + "-btn",
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       type: 'button'
     }, btn.children.leftIcon && React__default.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React__default.createElement("span", null, btn.children.rightIcon)));
   })), React__default.createElement("div", {
-    className: rootClassName$1A + "-right"
+    className: rootClassName$1B + "-right"
   }, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
     return btn.type === 'Button' ? React__default.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$1A + "-btn",
+      className: rootClassName$1B + "-btn",
       type: 'button'
     }, btn.leftIcon && React__default.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React__default.createElement("span", null, btn.rightIcon)) : React__default.createElement(DropdownMenu, Object.assign({}, btn, {
       key: "children_" + i
@@ -9909,25 +9944,25 @@ 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$1A + "-btn",
+      className: rootClassName$1B + "-btn",
       type: 'button'
     }, btn.children.leftIcon && React__default.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React__default.createElement("span", null, btn.children.rightIcon)));
   })), props.collapsedContent ? React__default.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: true
   }, React__default.createElement(Row$1, {
-    className: rootClassName$1A + "-collapsed"
+    className: rootClassName$1B + "-collapsed"
   }, props.collapsedContent)) : undefined);
 }
 
 var TableUpperHeader$1 = React.memo(TableUpperHeader);
 
-var rootClassName$1B = 'component-table-with-overflow';
+var rootClassName$1C = 'component-table-with-overflow';
 
 function TableWithOverflow(props) {
   var mediaQuery = useScreenSize();
   var wrapperClassName = React.useMemo(function () {
-    return getMergedClassNames([rootClassName$1B + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
+    return getMergedClassNames([rootClassName$1C + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
   }, [props.upperHeader, props.lines, props.noResultMessage]);
   var outerTableRef = React.createRef();
   useDraggableScroll(outerTableRef, {
@@ -10020,9 +10055,9 @@ function TableWithOverflow(props) {
     });
   }, [props.columns, props.lines, atLeastOneStaticColumn]);
   return React__default.createElement("div", {
-    className: rootClassName$1B
+    className: rootClassName$1C
   }, props.upperHeader ? React__default.createElement("div", {
-    className: rootClassName$1B + "-upper-header"
+    className: rootClassName$1C + "-upper-header"
   }, React__default.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React__default.createElement("div", {
     className: wrapperClassName,
     style: {
@@ -10030,7 +10065,7 @@ function TableWithOverflow(props) {
       paddingRight: paddingRight
     }
   }, props.showTopNavigator && React__default.createElement("div", {
-    className: rootClassName$1B + "-table-arrows"
+    className: rootClassName$1C + "-table-arrows"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(CircleArrowLeft, null),
     onClick: function onClick() {
@@ -10042,14 +10077,14 @@ function TableWithOverflow(props) {
       handleArrowClick(150);
     }
   })), React__default.createElement("div", {
-    className: rootClassName$1B + "-outer-table",
+    className: rootClassName$1C + "-outer-table",
     ref: outerTableRef
   }, React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
     className: 'absolute left-0'
   }), columnsHeader, React__default.createElement("th", {
     className: 'absolute right-0'
   })), React__default.createElement("tr", null)), React__default.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React__default.createElement("div", {
-    className: rootClassName$1B + "-no-result"
+    className: rootClassName$1C + "-no-result"
   }, props.noResultMessage) : undefined));
 }
 
@@ -10058,7 +10093,7 @@ TableWithOverflow.defaultProps = {
 };
 var TableWithOverflow$1 = React.memo(TableWithOverflow);
 
-var rootClassName$1C = 'component-tabs';
+var rootClassName$1D = 'component-tabs';
 
 function Tabs(props) {
   var _props$tabs;
@@ -10088,14 +10123,14 @@ function Tabs(props) {
     };
   }, [startBar]);
   return React__default.createElement("nav", {
-    className: rootClassName$1C,
+    className: rootClassName$1D,
     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__default.createElement("button", {
-      className: getMergedClassNames([rootClassName$1C + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
+      className: getMergedClassNames([rootClassName$1D + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
       onClick: function onClick() {
         props.onChange(index);
       },
@@ -10105,16 +10140,16 @@ function Tabs(props) {
     }, React__default.createElement("span", null, tab.title));
   }), React__default.createElement("div", {
     ref: actualRef,
-    className: rootClassName$1C + "-bar"
+    className: rootClassName$1D + "-bar"
   }));
 }
 
 var Tabs$1 = React.memo(Tabs);
 
-var rootClassName$1D = 'icon-component';
+var rootClassName$1E = 'icon-component';
 var AlignCenterIcon = function AlignCenterIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1D,
+    className: rootClassName$1E,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10123,10 +10158,10 @@ var AlignCenterIcon = function AlignCenterIcon() {
   }));
 };
 
-var rootClassName$1E = 'icon-component';
+var rootClassName$1F = 'icon-component';
 var AlignJustifyIcon = function AlignJustifyIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1E,
+    className: rootClassName$1F,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10135,10 +10170,10 @@ var AlignJustifyIcon = function AlignJustifyIcon() {
   }));
 };
 
-var rootClassName$1F = 'icon-component';
+var rootClassName$1G = 'icon-component';
 var AlignLeftIcon = function AlignLeftIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1F,
+    className: rootClassName$1G,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10147,10 +10182,10 @@ var AlignLeftIcon = function AlignLeftIcon() {
   }));
 };
 
-var rootClassName$1G = 'icon-component';
+var rootClassName$1H = 'icon-component';
 var AlignRightIcon = function AlignRightIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1G,
+    className: rootClassName$1H,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10159,10 +10194,10 @@ var AlignRightIcon = function AlignRightIcon() {
   }));
 };
 
-var rootClassName$1H = 'icon-component';
+var rootClassName$1I = 'icon-component';
 var BoldIcon = function BoldIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1H,
+    className: rootClassName$1I,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10171,10 +10206,10 @@ var BoldIcon = function BoldIcon() {
   }));
 };
 
-var rootClassName$1I = 'icon-component';
+var rootClassName$1J = 'icon-component';
 var FontColorIcon = function FontColorIcon(props) {
   return React__default.createElement("svg", {
-    className: rootClassName$1I,
+    className: rootClassName$1J,
     viewBox: '-52 -80 299 372',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10196,10 +10231,10 @@ var FontColorIcon = function FontColorIcon(props) {
   })));
 };
 
-var rootClassName$1J = 'icon-component';
+var rootClassName$1K = 'icon-component';
 var FontIcon = function FontIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1J,
+    className: rootClassName$1K,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10208,10 +10243,10 @@ var FontIcon = function FontIcon() {
   }));
 };
 
-var rootClassName$1K = 'icon-component';
+var rootClassName$1L = 'icon-component';
 var ItalicIcon = function ItalicIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1K,
+    className: rootClassName$1L,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10220,10 +10255,10 @@ var ItalicIcon = function ItalicIcon() {
   }));
 };
 
-var rootClassName$1L = 'icon-component';
+var rootClassName$1M = 'icon-component';
 var LinkIcon = function LinkIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1L,
+    className: rootClassName$1M,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10232,10 +10267,10 @@ var LinkIcon = function LinkIcon() {
   }));
 };
 
-var rootClassName$1M = 'icon-component';
+var rootClassName$1N = 'icon-component';
 var RedoIcon = function RedoIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1M,
+    className: rootClassName$1N,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10244,10 +10279,10 @@ var RedoIcon = function RedoIcon() {
   }));
 };
 
-var rootClassName$1N = 'icon-component';
+var rootClassName$1O = 'icon-component';
 var UnderlineIcon = function UnderlineIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1N,
+    className: rootClassName$1O,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10256,10 +10291,10 @@ var UnderlineIcon = function UnderlineIcon() {
   }));
 };
 
-var rootClassName$1O = 'icon-component';
+var rootClassName$1P = 'icon-component';
 var UndoIcon = function UndoIcon() {
   return React__default.createElement("svg", {
-    className: rootClassName$1O,
+    className: rootClassName$1P,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10268,7 +10303,7 @@ var UndoIcon = function UndoIcon() {
   }));
 };
 
-var rootClassName$1P = 'text-editor-header-input';
+var rootClassName$1Q = 'text-editor-header-input';
 function TextEditorHeaderInput(props) {
   var _useState = React.useState(getUniqueKey()),
       inputLabelId = _useState[0];
@@ -10288,7 +10323,7 @@ function TextEditorHeaderInput(props) {
         props.onChange(evt);
         evt.stopPropagation();
       },
-      className: getMergedClassNames([rootClassName$1P + "-input", props.className || '']),
+      className: getMergedClassNames([rootClassName$1Q + "-input", props.className || '']),
       value: props.value,
       onKeyUp: function onKeyUp(evt) {
         if (evt.key === 'Enter' && typeof props.onEnter === 'function') {
@@ -10299,10 +10334,10 @@ function TextEditorHeaderInput(props) {
   };
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1P
+    className: rootClassName$1Q
   }, /*#__PURE__*/React__default.createElement("div", {
     id: inputLabelId,
-    className: getMergedClassNames([rootClassName$1P + "-label", props.value ? 'top' : ''])
+    className: getMergedClassNames([rootClassName$1Q + "-label", props.value ? 'top' : ''])
   }, props.label), /*#__PURE__*/React__default.createElement("input", getInputProps()));
 }
 TextEditorHeaderInput.propTypes = {
@@ -10315,10 +10350,10 @@ TextEditorHeaderInput.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$1Q = 'text-editor-menu-button';
+var rootClassName$1R = 'text-editor-menu-button';
 function TextEditorMenuButton(props) {
   return /*#__PURE__*/React__default.createElement("button", _extends({}, props, {
-    className: getMergedClassNames([props.className || '', rootClassName$1Q])
+    className: getMergedClassNames([props.className || '', rootClassName$1R])
   }));
 }
 TextEditorMenuButton.propTypes = {
@@ -10326,8 +10361,8 @@ TextEditorMenuButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$1R = 'text-editor-color-picker';
-var colorClassName = rootClassName$1R + "-color-button";
+var rootClassName$1S = 'text-editor-color-picker';
+var colorClassName = rootClassName$1S + "-color-button";
 var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
 
 var ColorButton = function ColorButton(props) {
@@ -10408,9 +10443,9 @@ function TextEditorColorPicker(props) {
 
   return /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: rootClassName$1R
+    className: rootClassName$1S
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1R + "-colors"
+    className: rootClassName$1S + "-colors"
   }, defaultColors.map(function (color, index) {
     return /*#__PURE__*/React__default.createElement(ColorButton, {
       key: index,
@@ -10420,7 +10455,7 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1R + "-colors"
+    className: rootClassName$1S + "-colors"
   }, lastUsedColors.map(function (color, index) {
     return /*#__PURE__*/React__default.createElement(ColorButton, {
       key: index,
@@ -10431,9 +10466,9 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1R + "-hexa-row"
+    className: rootClassName$1S + "-hexa-row"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1R + "-picker-col"
+    className: rootClassName$1S + "-picker-col"
   }, /*#__PURE__*/React__default.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
@@ -10444,7 +10479,7 @@ function TextEditorColorPicker(props) {
         setHexa(val);
       }, 200);
     },
-    className: rootClassName$1R + "-color-picker",
+    className: rootClassName$1S + "-color-picker",
     type: "color"
   })), /*#__PURE__*/React__default.createElement(TextEditorHeaderInput, {
     label: "Hexadecimal",
@@ -10470,10 +10505,10 @@ TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$1S = 'text-editor-header-button';
+var rootClassName$1T = 'text-editor-header-button';
 function TextEditorHeaderButton(props) {
   return /*#__PURE__*/React__default.createElement("button", {
-    className: getMergedClassNames([rootClassName$1S, props.active ? 'active' : '']),
+    className: getMergedClassNames([rootClassName$1T, props.active ? 'active' : '']),
     onClick: props.onClick,
     disabled: props.disabled
   }, props.icon);
@@ -10485,7 +10520,7 @@ TextEditorHeaderButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$1T = 'text-editor-title-choser';
+var rootClassName$1U = 'text-editor-title-choser';
 function TextEditorTitleChoser(props) {
   var _useState = React.useState(getUniqueKey()),
       id = _useState[0];
@@ -10529,7 +10564,7 @@ function TextEditorTitleChoser(props) {
   };
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1T,
+    className: rootClassName$1U,
     id: id
   }, /*#__PURE__*/React__default.createElement("button", {
     onClick: function onClick() {
@@ -10549,7 +10584,7 @@ TextEditorTitleChoser.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$1U = 'text-editor-url-creator';
+var rootClassName$1V = 'text-editor-url-creator';
 function TextEditorUrlCreator(props) {
   var _useState = React.useState(getUniqueKey()),
       id = _useState[0];
@@ -10625,9 +10660,9 @@ function TextEditorUrlCreator(props) {
 
   return /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: rootClassName$1U
+    className: rootClassName$1V
   }, /*#__PURE__*/React__default.createElement(Row$1, {
-    className: rootClassName$1U + "-url-row"
+    className: rootClassName$1V + "-url-row"
   }, /*#__PURE__*/React__default.createElement(TextEditorHeaderInput, {
     label: "Url",
     value: urlValue,
@@ -10636,7 +10671,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React__default.createElement(Row$1, {
-    className: rootClassName$1U + "-text-row"
+    className: rootClassName$1V + "-text-row"
   }, /*#__PURE__*/React__default.createElement(TextEditorHeaderInput, {
     label: "Texto",
     value: textValue,
@@ -10645,7 +10680,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React__default.createElement(Row$1, {
-    className: rootClassName$1U + "-new-tab-row"
+    className: rootClassName$1V + "-new-tab-row"
   }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
@@ -10656,7 +10691,7 @@ function TextEditorUrlCreator(props) {
       return setNewTab(!newTab);
     }
   }, "Nova Guia")), /*#__PURE__*/React__default.createElement(Row$1, {
-    className: rootClassName$1U + "-ok-row"
+    className: rootClassName$1V + "-ok-row"
   }, /*#__PURE__*/React__default.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
@@ -10671,7 +10706,7 @@ TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$1V = 'component-text-editor';
+var rootClassName$1W = 'component-text-editor';
 function TextEditor(props) {
   var _useState = React.useState(getUniqueKey()),
       id = _useState[0];
@@ -10694,7 +10729,7 @@ function TextEditor(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1V, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$1W, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
     });
 
     delete p.topLabel;
@@ -10721,7 +10756,7 @@ function TextEditor(props) {
     if (!selection || !selection.anchorNode) return;
     var aux = selection.anchorNode.parentElement;
 
-    while (!aux.hasAttribute('class', rootClassName$1V + "-editor")) {
+    while (!aux.hasAttribute('class', rootClassName$1W + "-editor")) {
       if (aux.tagName === 'A') {
         isLink = true;
       } else if (aux.tagName === 'FONT') {
@@ -10785,13 +10820,13 @@ function TextEditor(props) {
     }
   }, [props.value]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1V + "-outer"
+    className: rootClassName$1W + "-outer"
   }, !props.hideTopLabel && /*#__PURE__*/React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1V + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$1W + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.topLabel), /*#__PURE__*/React__default.createElement("div", getProps(), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1V + "-header"
+    className: rootClassName$1W + "-header"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1V + "-left-content"
+    className: rootClassName$1W + "-left-content"
   }, /*#__PURE__*/React__default.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
@@ -10911,7 +10946,7 @@ function TextEditor(props) {
       document.querySelector("#" + id).focus();
     }
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: rootClassName$1V + "-right-content"
+    className: rootClassName$1W + "-right-content"
   }, /*#__PURE__*/React__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     icon: /*#__PURE__*/React__default.createElement(UndoIcon, null),
@@ -10926,12 +10961,12 @@ function TextEditor(props) {
     }
   }))), /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: rootClassName$1V + "-editor",
+    className: rootClassName$1W + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
   })), !props.hideHelperText && /*#__PURE__*/React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1V + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$1W + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 TextEditor.propTypes = {
@@ -10956,17 +10991,17 @@ TextEditor.defaultProps = {
   ToastTypes["Error"] = "error";
 })(exports.ToastTypes || (exports.ToastTypes = {}));
 
-var rootClassName$1W = 'component-toast';
+var rootClassName$1X = 'component-toast';
 function Toast(props) {
   var _useState = React.useState(props.id || getUniqueKey()),
       id = _useState[0];
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$1W, rootClassName$1W + "-" + props.theme]);
+    return getMergedClassNames([rootClassName$1X, rootClassName$1X + "-" + props.theme]);
   };
 
   React.useEffect(function () {
-    var el = document.querySelector("#" + id + " ." + rootClassName$1W + "-fill");
+    var el = document.querySelector("#" + id + " ." + rootClassName$1X + "-fill");
 
     if (el) {
       el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
@@ -11013,22 +11048,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React__default.createElement("div", {
-    className: rootClassName$1W + "-left-content"
+    className: rootClassName$1X + "-left-content"
   }, props.label), React__default.createElement("div", {
-    className: rootClassName$1W + "-right-content"
+    className: rootClassName$1X + "-right-content"
   }, props.showActionButton && React__default.createElement("div", {
-    className: rootClassName$1W + "-action-button"
+    className: rootClassName$1X + "-action-button"
   }, props.actionButtonText), React__default.createElement("div", {
-    className: rootClassName$1W + "-close-button"
+    className: rootClassName$1X + "-close-button"
   }, React__default.createElement(IconButton$1, {
     icon: React__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onClose === 'function') props.onClose();
     }
   }))), props.timeout ? React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1W + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$1X + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React__default.createElement("div", {
-    className: rootClassName$1W + "-fill",
+    className: rootClassName$1X + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -11043,7 +11078,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
 
-var rootClassName$1X = 'comp-toast-manager';
+var rootClassName$1Y = 'comp-toast-manager';
 var count = 0;
 var ToastManager = React.forwardRef(function (props, ref) {
   var _useState = React.useState([]),
@@ -11118,11 +11153,11 @@ var ToastManager = React.forwardRef(function (props, ref) {
   });
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$1X + "-toasts", rootClassName$1X + "-" + props.verticalPosition, rootClassName$1X + "-" + props.horizontalPosition, props.reverse ? rootClassName$1X + "-reverse" : '', props.animateSize ? rootClassName$1X + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$1Y + "-toasts", rootClassName$1Y + "-" + props.verticalPosition, rootClassName$1Y + "-" + props.horizontalPosition, props.reverse ? rootClassName$1Y + "-reverse" : '', props.animateSize ? rootClassName$1Y + "-animate-size" : '']);
   };
 
   React.useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$1X + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$1Y + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -11133,7 +11168,7 @@ var ToastManager = React.forwardRef(function (props, ref) {
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
 
-          if (!el.classList.contains(rootClassName$1X + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$1Y + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -11142,7 +11177,7 @@ var ToastManager = React.forwardRef(function (props, ref) {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
-          if (!_el.classList.contains(rootClassName$1X + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$1Y + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -11151,7 +11186,7 @@ var ToastManager = React.forwardRef(function (props, ref) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
-          if (!_el2.classList.contains(rootClassName$1X + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$1Y + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -11162,7 +11197,7 @@ var ToastManager = React.forwardRef(function (props, ref) {
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
 
-          if (!_el3.classList.contains(rootClassName$1X + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$1Y + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -11175,11 +11210,11 @@ var ToastManager = React.forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$1X + "-toast",
+      classNames: rootClassName$1Y + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React__default.createElement("div", {
-      className: rootClassName$1X + "-toastzin"
+      className: rootClassName$1Y + "-toastzin"
     }, React__default.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -11207,7 +11242,7 @@ ToastManager.defaultProps = {
   TooltipPosition["Bottom"] = "bottom";
 })(exports.TooltipPosition || (exports.TooltipPosition = {}));
 
-var rootClassName$1Y = 'component-tooltip';
+var rootClassName$1Z = 'component-tooltip';
 function Tooltip(props) {
   var _useState = React.useState(props.id || getUniqueKey()),
       id = _useState[0];
@@ -11215,13 +11250,13 @@ function Tooltip(props) {
   var getProps = function getProps() {
     return _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$1Y, props.className, rootClassName$1Y + "-" + props.position])
+      className: getMergedClassNames([rootClassName$1Z, props.className, rootClassName$1Z + "-" + props.position])
     });
   };
 
   React.useEffect(function () {
     var element = document.querySelector("#" + id);
-    var triangle = element.querySelector("." + rootClassName$1Y + "-triangle");
+    var triangle = element.querySelector("." + rootClassName$1Z + "-triangle");
     var bounding = element.getBoundingClientRect();
     var ScreenWidth = window.innerWidth;
 
@@ -11242,16 +11277,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React__default.createElement("div", {
-    className: rootClassName$1Y + "-outer"
+    className: rootClassName$1Z + "-outer"
   }, React__default.createElement("div", Object.assign({}, getProps()), props.children, React__default.createElement("div", {
-    className: rootClassName$1Y + "-triangle"
+    className: rootClassName$1Z + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: exports.TooltipPosition.Top
 };
 
-var rootClassName$1Z = 'tooltip-manager';
+var rootClassName$1_ = 'tooltip-manager';
 function TooltipManager() {
   var _useState = React.useState([]),
       arrayOfTooltips = _useState[0],
@@ -11350,17 +11385,17 @@ function TooltipManager() {
     };
   }, []);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
-    className: rootClassName$1Z
+    className: rootClassName$1_
   }, arrayOfTooltips.map(function (tooltip) {
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$1Z + "-tooltip",
+      classNames: rootClassName$1_ + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React__default.createElement(Tooltip, {
       id: tooltip.id,
       position: tooltip.position,
-      className: rootClassName$1Z + "-tooltip",
+      className: rootClassName$1_ + "-tooltip",
       style: _extends({}, tooltip.style),
       onMouseLeave: function onMouseLeave() {
         if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
@@ -11377,7 +11412,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
 
-var rootClassName$1_ = 'component-top-loader';
+var rootClassName$1$ = 'component-top-loader';
 function TopLoader(props) {
   return React__default.createElement(reactTransitionGroup.CSSTransition, {
     classNames: 'fade',
@@ -11385,11 +11420,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React__default.createElement("div", {
-    className: rootClassName$1_
+    className: rootClassName$1$
   }, React__default.createElement("div", {
-    className: rootClassName$1_ + "-logo"
+    className: rootClassName$1$ + "-logo"
   }, props.logo), props.status && React__default.createElement("div", {
-    className: rootClassName$1_ + "-status"
+    className: rootClassName$1$ + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -11398,11 +11433,11 @@ TopLoader.defaultProps = {
   })
 };
 
-var rootClassName$1$ = 'component-video-item';
+var rootClassName$20 = 'component-video-item';
 function VideoItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1$, props.className])
+      className: getMergedClassNames([rootClassName$20, props.className])
     });
 
     delete p.url;
@@ -11419,20 +11454,20 @@ function VideoItem(props) {
     blackGround: props.blackGround || false
   })), React__default.createElement(Col$1, {
     cols: [12, 12, 6, 8, 8],
-    className: rootClassName$1$ + "-text-col"
+    className: rootClassName$20 + "-text-col"
   }, React__default.createElement(Row$1, {
-    className: rootClassName$1$ + "-text-row"
+    className: rootClassName$20 + "-text-row"
   }, React__default.createElement(Col$1, {
-    className: rootClassName$1$ + "-title"
+    className: rootClassName$20 + "-title"
   }, props.title), React__default.createElement(Col$1, {
-    className: rootClassName$1$ + "-description nunito"
+    className: rootClassName$20 + "-description nunito"
   }, props.description))));
 }
 VideoItem.defaultProps = {
   url: ''
 };
 
-var rootClassName$20 = 'video-modal';
+var rootClassName$21 = 'video-modal';
 function VideoModal(props) {
   var handleClose = React.useCallback(function () {
     props.onClose(props.modalKey);
@@ -11440,7 +11475,7 @@ function VideoModal(props) {
   var filteredProps = React.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$20, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$20 + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([rootClassName$21, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$21 + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.urlVideo;
@@ -11459,12 +11494,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React__default.createElement("div", Object.assign({}, filteredProps), React__default.createElement("div", {
-    className: rootClassName$20 + "-close-button"
+    className: rootClassName$21 + "-close-button"
   }, React__default.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React__default.createElement(CloseIcon, null)
   })), React__default.createElement("div", {
-    className: rootClassName$20 + "-video-row"
+    className: rootClassName$21 + "-video-row"
   }, React__default.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -11504,7 +11539,7 @@ function useDropOpened(initialState) {
   return [opened, toggleOpened];
 }
 
-var rootClassName$21 = 'comp-modal-manager';
+var rootClassName$22 = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 
 var hackFocus$1 = function hackFocus() {
@@ -11590,14 +11625,14 @@ function useModalManager() {
   };
 
   return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
-    className: rootClassName$21 + "-modals"
+    className: rootClassName$22 + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props, _obj$props2, _obj$props3;
 
     var M = obj.component;
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$21 + "-mask-mobile-on-xs" : rootClassName$21 + "-mask",
+      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$22 + "-mask-mobile-on-xs" : rootClassName$22 + "-mask",
       key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
       unmountOnExit: true
     }, React__default.createElement(ModalMask, {
@@ -11617,7 +11652,27 @@ function useModalManager() {
   }))), openModal, closeModal];
 }
 
-var rootClassName$22 = 'comp-toast-manager';
+function useStorageState(storage, key, initialValue) {
+  var _useState = React.useState(initialValue),
+      value = _useState[0],
+      setValue = _useState[1];
+
+  React.useEffect(function () {
+    if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
+      try {
+        setValue(JSON.parse(storage.getItem(key)));
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }, []);
+  React.useEffect(function () {
+    storage.setItem(key, JSON.stringify(value));
+  }, [key, storage, value]);
+  return [value, setValue];
+}
+
+var rootClassName$23 = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _useState = React.useState([]),
@@ -11665,10 +11720,10 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = React.useMemo(function () {
-    return getMergedClassNames([rootClassName$22 + "-toasts", rootClassName$22 + "-" + verticalPosition, rootClassName$22 + "-" + horizontalPosition, reverse ? rootClassName$22 + "-reverse" : '', animateSize ? rootClassName$22 + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$23 + "-toasts", rootClassName$23 + "-" + verticalPosition, rootClassName$23 + "-" + horizontalPosition, reverse ? rootClassName$23 + "-reverse" : '', animateSize ? rootClassName$23 + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   React.useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$22 + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$23 + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -11679,7 +11734,7 @@ function useToastManager(props) {
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
 
-          if (!el.classList.contains(rootClassName$22 + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$23 + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -11688,7 +11743,7 @@ function useToastManager(props) {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
-          if (!_el.classList.contains(rootClassName$22 + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$23 + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -11697,7 +11752,7 @@ function useToastManager(props) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
-          if (!_el2.classList.contains(rootClassName$22 + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$23 + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -11708,7 +11763,7 @@ function useToastManager(props) {
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
 
-          if (!_el3.classList.contains(rootClassName$22 + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$23 + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -11721,11 +11776,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$22 + "-toast",
+      classNames: rootClassName$23 + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React__default.createElement("div", {
-      className: rootClassName$22 + "-toastzin"
+      className: rootClassName$23 + "-toastzin"
     }, React__default.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -11911,6 +11966,7 @@ var FUNDACAO_LOGO_BRANCO = 'branco';
 
 exports.Accordion = Accordion;
 exports.Aconteceu = Aconteceu;
+exports.ActionCard = ActionCard$1;
 exports.ActionsColumn = ActionsColumn;
 exports.AdvancedSemiHeader = AdvancedSemiHeader;
 exports.AlertModal = AlertModal;
@@ -12013,6 +12069,7 @@ exports.useDropOpened = useDropOpened;
 exports.useModalManager = useModalManager;
 exports.useProgressiveCount = useProgressiveCount;
 exports.useScreenSize = useScreenSize;
+exports.useStorageState = useStorageState;
 exports.useTimeElapsed = useTimeElapsed;
 exports.useToastManager = useToastManager;
 exports.useValidatedState = useValidatedState;