npm - plataforma-fundacao-componentes - Versions diffs - 2.22.22 → 2.22.25 - Mend

plataforma-fundacao-componentes 2.22.22 → 2.22.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/components/actionCard/ActionCard.d.ts +17 -0
package/dist/components/actionCard/ActionCard.stories.d.ts +9 -0
package/dist/components/button/Button.stories.d.ts +3 -0
package/dist/components/container/Container.d.ts +1 -0
package/dist/components/fullHeightContainer/FullHeightContainer.stories.d.ts +1 -0
package/dist/components/notification/Notification.stories.d.ts +8 -7
package/dist/components/tableFileNameAndAction/TableFileNameAndAction.d.ts +1 -0
package/dist/components/tableFileNameAndAction/TableFileNameAndAction.stories.d.ts +1 -0
package/dist/hooks/useStorageState/useStorageState.d.ts +2 -0
package/dist/hooks/useStorageState/useStorageState.stories.d.ts +10 -0
package/dist/index.css +225 -8
package/dist/index.d.ts +4 -1
package/dist/index.js +775 -718
package/dist/index.js.map +1 -1
package/dist/index.modern.js +776 -719
package/dist/index.modern.js.map +1 -1
package/dist/libraries/ActionCardThemes.d.ts +6 -0
package/dist/libraries/ButtonTheme.d.ts +4 -0
package/package.json +1 -1

package/dist/index.modern.js CHANGED Viewed

@@ -454,34 +454,63 @@ Aconteceu.defaultProps = {
   }
 };
-var rootClassName$7 = 'component-advanced-semi-header';
+var ActionCardThemes;
+(function (ActionCardThemes) {
+  ActionCardThemes["Primary"] = "primary";
+  ActionCardThemes["Secondary"] = "secondary";
+  ActionCardThemes["Danger"] = "danger";
+  ActionCardThemes["Darker"] = "darker";
+})(ActionCardThemes || (ActionCardThemes = {}));
+var rootClassName$7 = 'action-card';
+function ActionCard(props) {
+  return React.createElement("div", {
+    className: getMergedClassNames([rootClassName$7, props.theme])
+  }, React.createElement("div", {
+    className: 'bar'
+  }), React.createElement("div", {
+    className: 'text nunito'
+  }, props.text), props.element ? React.createElement("div", {
+    className: 'action'
+  }, props.element) : undefined);
+}
+ActionCard.defaultProps = {
+  theme: ActionCardThemes.Primary,
+  text: ''
+};
+var ActionCard$1 = memo(ActionCard);
+var rootClassName$8 = 'component-advanced-semi-header';
 function AdvancedSemiHeader(props) {
   return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: rootClassName$7
+    className: rootClassName$8
   }, React.createElement("div", {
-    className: rootClassName$7 + "-linha linha-um"
+    className: rootClassName$8 + "-linha linha-um"
   }, React.createElement("div", {
-    className: rootClassName$7 + "-left-content"
+    className: rootClassName$8 + "-left-content"
   }, React.createElement("div", {
-    className: rootClassName$7 + "-left-button"
+    className: rootClassName$8 + "-left-button"
   }, props.leftButton), React.createElement("div", {
-    className: rootClassName$7 + "-logo logo-lg"
+    className: rootClassName$8 + "-logo logo-lg"
   }, props.logo)), React.createElement("div", {
-    className: rootClassName$7 + "-logo logo-xs"
+    className: rootClassName$8 + "-logo logo-xs"
   }, props.logo), props.searchField && React.createElement("div", {
-    className: rootClassName$7 + "-search-field "
+    className: rootClassName$8 + "-search-field "
   }, props.searchField), React.createElement("div", {
-    className: rootClassName$7 + "-right-content"
+    className: rootClassName$8 + "-right-content"
   }, props.rightContent)), React.createElement("div", {
-    className: rootClassName$7 + "-linha linha-dois"
+    className: rootClassName$8 + "-linha linha-dois"
   }, props.searchField)), React.createElement("div", {
-    className: rootClassName$7 + "-clearfix"
+    className: rootClassName$8 + "-clearfix"
   }), React.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 = useState(props.id ? props.id : getUniqueKey()),
@@ -489,7 +518,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;
@@ -506,10 +535,10 @@ AnimatedLink.defaultProps = {
 };
 var AnimatedLink$1 = memo(AnimatedLink);
-var rootClassName$9 = 'icon-component';
+var rootClassName$a = 'icon-component';
 var ChevronArrowRightIcon = function ChevronArrowRightIcon() {
   return React.createElement("svg", {
-    className: rootClassName$9,
+    className: rootClassName$a,
     viewBox: '0 0 11 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -518,7 +547,7 @@ var ChevronArrowRightIcon = function ChevronArrowRightIcon() {
   }));
 };
-var rootClassName$a = 'assembleia-item';
+var rootClassName$b = 'assembleia-item';
 var AssembleiaModo;
 (function (AssembleiaModo) {
@@ -532,63 +561,63 @@ function AssembleiaItem(props) {
   var _props$presencial;
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$a, props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
+    className: getMergedClassNames([rootClassName$b, props.modo === AssembleiaModo.Presencial ? 'presencial' : ''])
   }, React.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.createElement("div", {
-    className: rootClassName$a + "-left"
+    className: rootClassName$b + "-left"
   }, React.createElement("div", {
-    className: rootClassName$a + "-coop"
+    className: rootClassName$b + "-coop"
   }, props.nomeCooperativa, props.modo === AssembleiaModo.Presencial ? " - " + props.language.presencial : ''), React.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.createElement("div", {
-    className: rootClassName$a + "-right"
+    className: rootClassName$b + "-right"
   }, React.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataInicio), React.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.dataInicio)), React.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataTermino), React.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.dataTermino)), React.createElement("div", {
-    className: rootClassName$a + "-icon"
+    className: rootClassName$b + "-icon"
   }, React.createElement(ChevronArrowRightIcon, null)))), props.presencial && props.modo !== AssembleiaModo.Presencial && React.createElement("div", {
-    className: rootClassName$a + "-second"
+    className: rootClassName$b + "-second"
   }, React.createElement("div", {
-    className: rootClassName$a + "-left"
+    className: rootClassName$b + "-left"
   }, React.createElement("div", {
-    className: rootClassName$a + "-coop"
+    className: rootClassName$b + "-coop"
   }, props.language.presencial), React.createElement("div", {
-    className: rootClassName$a + "-endereco nunito"
+    className: rootClassName$b + "-endereco nunito"
   }, props.presencial.endereco)), React.createElement("div", {
-    className: rootClassName$a + "-right"
+    className: rootClassName$b + "-right"
   }, React.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataInicio), React.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.presencial.dataInicio)), React.createElement("div", {
-    className: rootClassName$a + "-col-data"
+    className: rootClassName$b + "-col-data"
   }, React.createElement("div", {
-    className: rootClassName$a + "-label-data"
+    className: rootClassName$b + "-label-data"
   }, props.language.dataTermino), React.createElement("div", {
-    className: rootClassName$a + "-value-data nunito"
+    className: rootClassName$b + "-value-data nunito"
   }, props.presencial.dataTermino)))));
 }
 var AssembleiaItem$1 = memo(AssembleiaItem);
-var rootClassName$b = 'icon-component';
+var rootClassName$c = 'icon-component';
 var CheckCircleIcon = function CheckCircleIcon() {
   return React.createElement("svg", {
-    className: rootClassName$b,
+    className: rootClassName$c,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -599,10 +628,10 @@ var CheckCircleIcon = function CheckCircleIcon() {
   }));
 };
-var rootClassName$c = 'icon-component';
+var rootClassName$d = 'icon-component';
 var CloseIcon = function CloseIcon() {
   return React.createElement("svg", {
-    className: rootClassName$c,
+    className: rootClassName$d,
     viewBox: '-2 -2 26 26',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React.createElement("path", {
@@ -616,10 +645,10 @@ var CloseIcon = function CloseIcon() {
   }));
 };
-var rootClassName$d = 'icon-component';
+var rootClassName$e = 'icon-component';
 var LockIcon = function LockIcon() {
   return React.createElement("svg", {
-    className: rootClassName$d,
+    className: rootClassName$e,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -630,10 +659,10 @@ var LockIcon = function LockIcon() {
   }));
 };
-var rootClassName$e = 'icon-component';
+var rootClassName$f = 'icon-component';
 var TimesCircleIcon = function TimesCircleIcon() {
   return React.createElement("svg", {
-    className: rootClassName$e,
+    className: rootClassName$f,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -690,11 +719,15 @@ var ButtonThemes;
 (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";
@@ -791,7 +824,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) {
@@ -803,7 +836,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;
@@ -817,13 +850,13 @@ function Button(props) {
   };
   return React.createElement("button", Object.assign({}, getProps()), props.leftIcon && React.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.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.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.createElement("div", {
-    className: rootClassName$f + "-loader"
+    className: rootClassName$g + "-loader"
   }, React.createElement(ThreeDotsLoader, {
     theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
     size: props.loader.loaderSize ? props.loader.loaderSize : undefined
@@ -846,7 +879,7 @@ Button.defaultProps = {
 };
 var Button$1 = memo(Button);
-var rootClassName$g = 'component-icon-button';
+var rootClassName$h = 'component-icon-button';
 function IconButton(props) {
   var handleClick = function handleClick(evt) {
@@ -858,7 +891,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;
@@ -879,12 +912,12 @@ IconButton.defaultProps = {
 };
 var IconButton$1 = memo(IconButton);
-var rootClassName$h = 'component-radio-button';
+var rootClassName$i = 'component-radio-button';
 function RadioButton(props) {
   var buttonProps = 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);
@@ -907,7 +940,7 @@ RadioButton.defaultProps = {
 };
 var RadioButton$1 = memo(RadioButton);
-var rootClassName$i = 'component-assembleia-pauta';
+var rootClassName$j = 'component-assembleia-pauta';
 AssembleiaPauta.defaultProps = {
   tempo: 0,
   status: STATUS_PAUTA_BLOQUEADA,
@@ -986,30 +1019,30 @@ function AssembleiaPauta(props) {
   };
   return React.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.createElement("div", {
-    className: rootClassName$i + "-header",
+    className: rootClassName$j + "-header",
     onClick: handleToggle
   }, React.createElement("div", {
-    className: rootClassName$i + "-first-line"
+    className: rootClassName$j + "-first-line"
   }, React.createElement("div", {
-    className: rootClassName$i + "-first-col"
+    className: rootClassName$j + "-first-col"
   }, React.createElement("div", {
-    className: rootClassName$i + "-timer nunito"
+    className: rootClassName$j + "-timer nunito"
   }, secondsToHours(timeLeft)), React.createElement("div", {
-    className: rootClassName$i + "-etiqueta"
+    className: rootClassName$j + "-etiqueta"
   }, React.createElement("span", {
     className: 'icon'
   }, getStatusIcon()), React.createElement("span", {
     className: 'label nunito'
   }, captalizeFirtLetter((_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.getStatusLabel(props.status))))), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$i + "-arrow", props.opened ? 'cima' : ''])
+    className: getMergedClassNames([rootClassName$j + "-arrow", props.opened ? 'cima' : ''])
   }, React.createElement(ChevronArrowDownIcon, null))), React.createElement("div", {
-    className: rootClassName$i + "-titulo"
+    className: rootClassName$j + "-titulo"
   }, captalizeFirtLetter(props.titulo))), React.createElement(Collapse$1, {
     opened: Boolean(((_props$votos2 = props.votos) === null || _props$votos2 === void 0 ? void 0 : _props$votos2.length) && !props.opened)
   }, React.createElement("div", {
-    className: rootClassName$i + "-voto-atual nunito",
+    className: rootClassName$j + "-voto-atual nunito",
     onClick: handleToggle
   }, React.createElement(RadioButton$1, {
     theme: RadioButtonType.Classic,
@@ -1020,19 +1053,19 @@ function AssembleiaPauta(props) {
   })))), React.createElement(Collapse$1, {
     opened: props.opened
   }, React.createElement("div", {
-    className: rootClassName$i + "-corpo-pauta"
+    className: rootClassName$j + "-corpo-pauta"
   }, React.createElement("div", {
-    className: rootClassName$i + "-descricao"
+    className: rootClassName$j + "-descricao"
   }, captalizeFirtLetter(props.descricao)), React.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.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.createElement("button", {
       key: index,
-      className: rootClassName$i + "-opcao-de-voto",
+      className: rootClassName$j + "-opcao-de-voto",
       onClick: function onClick() {
         return setVotoAtual(it.idItemPauta);
       },
@@ -1043,9 +1076,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.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.createElement("div", {
-    className: rootClassName$i + "-actions-line"
+    className: rootClassName$j + "-actions-line"
   }, props.showMostrarResultadosButton ? React.createElement(Button$1, {
     disabled: props.mostrarResultadosDisabled,
     leftIcon: props.mostrarResultadosIcon,
@@ -1074,7 +1107,7 @@ function AssembleiaPauta(props) {
   }, "Votar") : undefined))), React.createElement(Collapse$1, {
     opened: !props.opened
   }, React.createElement("div", {
-    className: rootClassName$i + "-bottom-bar",
+    className: rootClassName$j + "-bottom-bar",
     onClick: handleToggle
   }, React.createElement("span", {
     className: 'icon'
@@ -1087,31 +1120,31 @@ function AssembleiaPauta(props) {
     mountOnEnter: true,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$i + "-voto-enviado"
+    className: rootClassName$j + "-voto-enviado"
   }, React.createElement(IconButton$1, {
     icon: React.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.createElement("div", {
-    className: rootClassName$i + "-icon"
+    className: rootClassName$j + "-icon"
   }, React.createElement(CheckCircleIcon, null)), React.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 = memo(AssembleiaPauta);
-var rootClassName$j = 'component-banner';
+var rootClassName$k = 'component-banner';
 function Banner(props) {
   var _useState = useState("text" + getUniqueKey()),
       id = _useState[0];
   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;
@@ -1119,29 +1152,29 @@ function Banner(props) {
   }, [id, props.text]);
   return React.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.createElement("div", {
-    className: rootClassName$j + "-side img"
+    className: rootClassName$k + "-side img"
   }, React.createElement("img", {
     src: props.imgUrl,
     alt: 'img-banner',
     draggable: false
   })), React.createElement("div", {
-    className: rootClassName$j + "-side text"
+    className: rootClassName$k + "-side text"
   }, React.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.createElement("svg", {
-    className: rootClassName$k,
+    className: rootClassName$l,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1152,25 +1185,25 @@ var ArrowRightIcon = function ArrowRightIcon() {
   }));
 };
-var rootClassName$l = 'banner-assembleia';
+var rootClassName$m = 'banner-assembleia';
 function BannerAssembleia(props) {
   return React.createElement("div", {
-    className: rootClassName$l
+    className: rootClassName$m
   }, React.createElement("div", {
-    className: rootClassName$l + "-left"
+    className: rootClassName$m + "-left"
   }, React.createElement("div", {
-    className: rootClassName$l + "-bread-crumb"
+    className: rootClassName$m + "-bread-crumb"
   }, props.breadCrumb), React.createElement("div", {
-    className: rootClassName$l + "-text"
+    className: rootClassName$m + "-text"
   }, props.text), React.createElement("div", {
-    className: rootClassName$l + "-button"
+    className: rootClassName$m + "-button"
   }, React.createElement(Button$1, {
     onClick: props.onButtonClick,
     theme: ButtonThemes.DefaultPrimary,
     rightIcon: React.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React.createElement("div", {
-    className: rootClassName$l + "-imagem",
+    className: rootClassName$m + "-imagem",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
@@ -1182,13 +1215,13 @@ function BannerAssembleia(props) {
 var BannerAssembleia$1 = 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;
@@ -1203,24 +1236,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.createElement("div", {
     id: props.id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$m + "-label nunito"
+    className: rootClassName$n + "-label nunito"
   }, props.label || ''), React.createElement("div", {
-    className: rootClassName$m + "-input-container"
+    className: rootClassName$n + "-input-container"
   }, React.createElement("input", Object.assign({}, getProps())), props.rightObject && React.createElement("div", {
-    className: rootClassName$m + "-right-object"
+    className: rootClassName$n + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$m + "-helper-and-counter"
+    className: rootClassName$n + "-helper-and-counter"
   }, React.createElement("div", {
-    className: rootClassName$m + "-helper-text nunito"
+    className: rootClassName$n + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React.createElement("div", {
-    className: rootClassName$m + "-counter"
+    className: rootClassName$n + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
@@ -1237,23 +1270,23 @@ Input.defaultProps = {
 };
 var Input$1 = memo(Input);
-var rootClassName$n = 'banner-pesquisa-cpf-cnpj';
+var rootClassName$o = 'banner-pesquisa-cpf-cnpj';
 function BannerPesquisaCpfCnpj(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$n, props.theme])
+    className: getMergedClassNames([rootClassName$o, props.theme])
   }, React.createElement("div", {
-    className: getMergedClassNames([rootClassName$n + "-left", props.captcha ? 'plus' : ''])
+    className: getMergedClassNames([rootClassName$o + "-left", props.captcha ? 'plus' : ''])
   }, React.createElement("div", {
-    className: rootClassName$n + "-title"
+    className: rootClassName$o + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$n + "-sub-title nunito"
+    className: rootClassName$o + "-sub-title nunito"
   }, props.subtitle), props.inputProps ? React.createElement("div", {
-    className: rootClassName$n + "-input"
+    className: rootClassName$o + "-input"
   }, React.createElement(Input$1, Object.assign({}, props.inputProps))) : undefined, props.captcha ? React.createElement("div", {
-    className: rootClassName$n + "-captcha"
+    className: rootClassName$o + "-captcha"
   }, props.captcha) : undefined), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$n + "-image", props.captcha ? 'plus' : '']),
+    className: getMergedClassNames([rootClassName$o + "-image", props.captcha ? 'plus' : '']),
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -1268,11 +1301,11 @@ BannerPesquisaCpfCnpj.defaultProps = {
 };
 var BannerPesquisaCpfCnpj$1 = memo(BannerPesquisaCpfCnpj);
-var rootClassName$o = 'component-big-block-button';
+var rootClassName$p = 'component-big-block-button';
 function BigBlockButton(props) {
   return React.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);
@@ -1280,16 +1313,16 @@ function BigBlockButton(props) {
     },
     disabled: props.disabled || false
   }, React.createElement("div", {
-    className: rootClassName$o + "-icon"
+    className: rootClassName$p + "-icon"
   }, props.icon), React.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.createElement("svg", {
-    className: rootClassName$p,
+    className: rootClassName$q,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1300,10 +1333,10 @@ var AddIcon = function AddIcon() {
   }));
 };
-var rootClassName$q = 'icon-component';
+var rootClassName$r = 'icon-component';
 var EditIcon = function EditIcon() {
   return React.createElement("svg", {
-    className: rootClassName$q,
+    className: rootClassName$r,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1314,10 +1347,10 @@ var EditIcon = function EditIcon() {
   }));
 };
-var rootClassName$r = 'icon-component';
+var rootClassName$s = 'icon-component';
 var TrashIcon = function TrashIcon() {
   return React.createElement("svg", {
-    className: rootClassName$r,
+    className: rootClassName$s,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1337,7 +1370,7 @@ var CheckboxThemes;
   CheckboxThemes["Blue"] = "blue";
 })(CheckboxThemes || (CheckboxThemes = {}));
-var rootClassName$s = 'component-checkbox';
+var rootClassName$t = 'component-checkbox';
 function Checkbox(props) {
   var fProps = useMemo(function () {
@@ -1349,7 +1382,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
     });
@@ -1376,11 +1409,11 @@ Checkbox.defaultProps = {
 };
 var Checkbox$1 = memo(Checkbox);
-var rootClassName$t = 'component-bloco-de-notas';
+var rootClassName$u = 'component-bloco-de-notas';
 function BlocoDeNotas(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$t, props.className || ''])
+      className: getMergedClassNames([rootClassName$u, props.className || ''])
     });
     delete p.title;
@@ -1405,11 +1438,11 @@ function BlocoDeNotas(props) {
     return p;
   }, [props]);
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$t + "-header"
+    className: rootClassName$u + "-header"
   }, React.createElement("div", {
-    className: rootClassName$t + "-left-content"
+    className: rootClassName$u + "-left-content"
   }, React.createElement("div", {
-    className: rootClassName$t + "-checkbox"
+    className: rootClassName$u + "-checkbox"
   }, React.createElement(Checkbox$1, {
     disabled: props.loading || !props.notas || !props.notas.length,
     theme: CheckboxThemes.Blue,
@@ -1427,9 +1460,9 @@ function BlocoDeNotas(props) {
       }
     }
   })), React.createElement("div", {
-    className: rootClassName$t + "-titulo nunito"
+    className: rootClassName$u + "-titulo nunito"
   }, props.title)), React.createElement("div", {
-    className: rootClassName$t + "-actions"
+    className: rootClassName$u + "-actions"
   }, !props.hideAdd ? React.createElement(IconButton$1, {
     disabled: props.loading,
     icon: React.createElement(AddIcon, null),
@@ -1458,11 +1491,11 @@ function BlocoDeNotas(props) {
       }
     }
   }) : undefined)), React.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.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') {
@@ -1475,9 +1508,9 @@ function BlocoDeNotas(props) {
         }
       }
     }, React.createElement("div", {
-      className: rootClassName$t + "-nota-left-content"
+      className: rootClassName$u + "-nota-left-content"
     }, React.createElement("div", {
-      className: rootClassName$t + "-checkbox"
+      className: rootClassName$u + "-checkbox"
     }, React.createElement(Checkbox$1, {
       theme: CheckboxThemes.Blue,
       value: nota.id ? props.selected.indexOf(nota.id) > -1 : false,
@@ -1491,12 +1524,12 @@ function BlocoDeNotas(props) {
         }
       }
     })), React.createElement("div", {
-      className: rootClassName$t + "-titulo nunito"
+      className: rootClassName$u + "-titulo nunito"
     }, nota.titulo)), !props.hideDataEdicao ? React.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.createElement("div", {
-    className: rootClassName$t + "-see-more"
+    className: rootClassName$u + "-see-more"
   }, React.createElement("button", {
     onClick: function onClick() {
       if (typeof props.onSeeMoreClick === 'function') {
@@ -1509,7 +1542,7 @@ function BlocoDeNotas(props) {
     unmountOnExit: true,
     classNames: 'fade'
   }, React.createElement("div", {
-    className: rootClassName$t + "-loader"
+    className: rootClassName$u + "-loader"
   }, React.createElement(ThreeDotsLoader, {
     theme: 'dark'
   }))));
@@ -1521,10 +1554,10 @@ BlocoDeNotas.defaultProps = {
   seeMoreLabel: 'ver mais notas'
 };
-var rootClassName$u = 'icon-component';
+var rootClassName$v = 'icon-component';
 var AssembleiasIcon = function AssembleiasIcon() {
   return React.createElement("svg", {
-    className: rootClassName$u,
+    className: rootClassName$v,
     viewBox: '0 0 20 19',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1535,10 +1568,10 @@ var AssembleiasIcon = function AssembleiasIcon() {
   }));
 };
-var rootClassName$v = 'icon-component';
+var rootClassName$w = 'icon-component';
 var CircleArrowRight = function CircleArrowRight() {
   return React.createElement("svg", {
-    className: rootClassName$v,
+    className: rootClassName$w,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1553,11 +1586,11 @@ var CircleArrowRight = function CircleArrowRight() {
   }));
 };
-var rootClassName$w = 'bloco-minhas-assembleias';
+var rootClassName$x = 'bloco-minhas-assembleias';
 function BlocoMinhasAssembleias(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$w, props.showNotFound ? 'disabled' : '', props.className]),
+    className: getMergedClassNames([rootClassName$x, props.showNotFound ? 'disabled' : '', props.className]),
     onClick: props.onClick
   }, React.createElement(CSSTransition, {
     "in": props.showNotFound,
@@ -1566,17 +1599,17 @@ function BlocoMinhasAssembleias(props) {
     mountOnEnter: true,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$w + "-not-found"
+    className: rootClassName$x + "-not-found"
   }, props.notFound)), React.createElement("div", {
-    className: rootClassName$w + "-first-line"
+    className: rootClassName$x + "-first-line"
   }, React.createElement("div", {
-    className: rootClassName$w + "-icon"
+    className: rootClassName$x + "-icon"
   }, props.leftIcon), React.createElement("div", {
-    className: rootClassName$w + "-icon"
+    className: rootClassName$x + "-icon"
   }, props.rightIcon)), React.createElement("div", null, React.createElement("div", {
-    className: rootClassName$w + "-title"
+    className: rootClassName$x + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$w + "-sub-title"
+    className: rootClassName$x + "-sub-title"
   }, React.createElement("span", null, props.linked), props.subtitle)));
 }
@@ -1605,11 +1638,11 @@ var NotificationType;
   NotificationType["Default"] = "default";
 })(NotificationType || (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;
   };
@@ -1622,11 +1655,11 @@ function Notification(props) {
   return React.createElement("div", Object.assign({}, getProps()), props.children, React.createElement(CSSTransition, {
     "in": getLabel() !== 0,
-    classNames: rootClassName$x,
+    classNames: rootClassName$y,
     timeout: 300,
     unmountOnExit: true
   }, React.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',
@@ -1642,22 +1675,22 @@ Notification.defaultProps = {
   horizontalOuter: 10
 };
-var rootClassName$y = 'bottom-navigation';
+var rootClassName$z = 'bottom-navigation';
 function BottomNavigation(props) {
   var _props$itens;
   return React.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.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.createElement("div", {
-      className: rootClassName$y + "-icon"
+      className: rootClassName$z + "-icon"
     }, React.createElement(Notification, {
       count: item.notificationCount || 0,
       position: NotificationPosition.TopRight,
@@ -1665,7 +1698,7 @@ function BottomNavigation(props) {
       horizontalOuter: 12,
       verticalOuter: 6
     }, item.icon)), React.createElement("div", {
-      className: rootClassName$y + "-label"
+      className: rootClassName$z + "-label"
     }, item.label));
   }));
 }
@@ -1675,19 +1708,19 @@ BottomNavigation.defaultProps = {
 };
 var BottomNavigation$1 = memo(BottomNavigation);
-var rootClassName$z = 'component-bread-crumb';
+var rootClassName$A = 'component-bread-crumb';
 function BreadCrumb(props) {
   return React.createElement("div", {
-    className: rootClassName$z
+    className: rootClassName$A
   }, props.path && props.path.length ? props.path.map(function (p, index) {
     return React.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.createElement("div", {
-      className: rootClassName$z + "-arrow"
+      className: rootClassName$A + "-arrow"
     }, React.createElement(ChevronArrowRightIcon, null)) : undefined, React.createElement("div", {
-      className: rootClassName$z + "-label nunito"
+      className: rootClassName$A + "-label nunito"
     }, p.label));
   }) : undefined);
 }
@@ -1725,7 +1758,7 @@ var ImageTypes;
   ImageTypes["JPEG"] = ".jpeg";
 })(ImageTypes || (ImageTypes = {}));
-var rootClassName$A = 'component-button-file-upload';
+var rootClassName$B = 'component-button-file-upload';
 function ButtonFileUpload(props) {
   var _useState = useState(getUniqueKey()),
@@ -1765,7 +1798,7 @@ function ButtonFileUpload(props) {
   };
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$A, props.w100 ? 'w100' : '']),
+    className: getMergedClassNames([rootClassName$B, props.w100 ? 'w100' : '']),
     id: id
   }, React.createElement("input", {
     type: 'file',
@@ -1811,26 +1844,26 @@ var CardTypes;
   CardTypes["Green"] = "green";
 })(CardTypes || (CardTypes = {}));
-var rootClassName$B = 'component-card';
+var rootClassName$C = 'component-card';
 function Card(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$B, rootClassName$B + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$C, rootClassName$C + "-" + props.theme])
   }, React.createElement("div", {
-    className: rootClassName$B + "-caption"
+    className: rootClassName$C + "-caption"
   }, props.caption), React.createElement("div", {
-    className: rootClassName$B + "-label"
+    className: rootClassName$C + "-label"
   }, props.label), React.createElement("div", {
-    className: rootClassName$B + "-helper-text"
+    className: rootClassName$C + "-helper-text"
   }, props.helperText));
 }
 Card.defaultProps = {
   theme: CardTypes.White
 };
-var rootClassName$C = 'icon-component';
+var rootClassName$D = 'icon-component';
 var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   return React.createElement("svg", {
-    className: rootClassName$C,
+    className: rootClassName$D,
     viewBox: '0 0 11 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1839,7 +1872,7 @@ var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   }));
 };
-var rootClassName$D = 'component-carousel';
+var rootClassName$E = 'component-carousel';
 function Carousel(props) {
   var _useState = useState(0),
       atual = _useState[0],
@@ -1913,9 +1946,9 @@ function Carousel(props) {
     }
   }, [props.loading]);
   return React.createElement("div", {
-    className: rootClassName$D
+    className: rootClassName$E
   }, React.createElement("div", {
-    className: rootClassName$D + "-banners",
+    className: rootClassName$E + "-banners",
     onMouseEnter: function onMouseEnter() {
       if (timerRef.current) {
         timerRef.current.pause();
@@ -1929,10 +1962,10 @@ function Carousel(props) {
   }, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
     return React.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.createElement(Banner, Object.assign({}, banner)));
   }) : undefined, props.banners.length > 1 && React.createElement("div", {
-    className: rootClassName$D + "-control prev",
+    className: rootClassName$E + "-control prev",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -1946,11 +1979,11 @@ function Carousel(props) {
       changeBanner(atual - 1);
     }
   }, React.createElement("div", {
-    className: rootClassName$D + "-icon"
+    className: rootClassName$E + "-icon"
   }, React.createElement(ChevronArrowLeftIcon, null)), React.createElement("div", {
-    className: rootClassName$D + "-shadow"
+    className: rootClassName$E + "-shadow"
   })), props.banners.length > 1 && React.createElement("div", {
-    className: rootClassName$D + "-control next",
+    className: rootClassName$E + "-control next",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -1959,22 +1992,22 @@ function Carousel(props) {
       changeBanner();
     }
   }, React.createElement("div", {
-    className: rootClassName$D + "-icon"
+    className: rootClassName$E + "-icon"
   }, React.createElement(ChevronArrowRightIcon, null)), React.createElement("div", {
-    className: rootClassName$D + "-shadow"
+    className: rootClassName$E + "-shadow"
   })), React.createElement(CSSTransition, {
     "in": props.loading,
     classNames: 'fade',
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$D + "-loader-mask"
+    className: rootClassName$E + "-loader-mask"
   }, React.createElement(ThreeDotsLoader, null)))), React.createElement("div", {
-    className: rootClassName$D + "-balls"
+    className: rootClassName$E + "-balls"
   }, props.banners.map(function (_banner, index) {
     return React.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);
@@ -2122,7 +2155,7 @@ function useDraggableContainer(queryContainer, size) {
   }, []);
 }
-var rootClassName$E = 'carousel-behaviour';
+var rootClassName$F = 'carousel-behaviour';
 function useCarouselBehaviour(props) {
   var _props$slides, _props$slides4;
@@ -2130,7 +2163,7 @@ function useCarouselBehaviour(props) {
   var _useState = 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) {
@@ -2140,7 +2173,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,
@@ -2177,30 +2210,30 @@ function useCarouselBehaviour(props) {
     }
   }, [props.newAtual]);
   return [React.createElement("div", {
-    className: rootClassName$E,
+    className: rootClassName$F,
     id: id
   }, React.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.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.createElement("svg", {
-    className: rootClassName$F,
+    className: rootClassName$G,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2209,7 +2242,7 @@ var ArrowLeftIcon = function ArrowLeftIcon() {
   }));
 };
-var rootClassName$G = 'element-paginator';
+var rootClassName$H = 'element-paginator';
 function ElementPaginator(props) {
   var handleChange = function handleChange(num) {
@@ -2223,16 +2256,16 @@ function ElementPaginator(props) {
   };
   return React.createElement("div", {
-    className: rootClassName$G
+    className: rootClassName$H
   }, props.hideArrows ? undefined : React.createElement("div", null, React.createElement(IconButton$1, {
-    className: rootClassName$G + "-buttons",
+    className: rootClassName$H + "-buttons",
     icon: React.createElement(ArrowLeftIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual - 1);
     },
     disabled: !props.infinite && props.atual === 1
   })), React.createElement("div", {
-    className: rootClassName$G + "-indexes"
+    className: rootClassName$H + "-indexes"
   }, Array.from({
     length: props.size
   }).map(function (_, i) {
@@ -2244,7 +2277,7 @@ function ElementPaginator(props) {
       }
     }, React.createElement("span", null));
   })), props.hideArrows ? undefined : React.createElement("div", null, React.createElement(IconButton$1, {
-    className: rootClassName$G + "-buttons",
+    className: rootClassName$H + "-buttons",
     icon: React.createElement(ArrowRightIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual + 1);
@@ -2258,7 +2291,7 @@ ElementPaginator.defaultProps = {
 };
 var ElementPaginator$1 = memo(ElementPaginator);
-var rootClassName$H = 'carousel-persona';
+var rootClassName$I = 'carousel-persona';
 function CarouselPersona(props) {
   var _props$personas2;
@@ -2272,17 +2305,17 @@ function CarouselPersona(props) {
     return (_props$personas = props.personas) === null || _props$personas === void 0 ? void 0 : _props$personas.map(function (persona, index) {
       return React.createElement("div", {
-        className: rootClassName$H + "-persona",
+        className: rootClassName$I + "-persona",
         key: index
       }, React.createElement("div", {
-        className: rootClassName$H + "-image",
+        className: rootClassName$I + "-image",
         style: {
           backgroundImage: "url(" + persona.imgUrl + ")"
         }
       }), React.createElement("div", {
-        className: rootClassName$H + "-name"
+        className: rootClassName$I + "-name"
       }, persona.name), React.createElement("div", {
-        className: rootClassName$H + "-description nunito"
+        className: rootClassName$I + "-description nunito"
       }, persona.description));
     });
   }, [props.personas]);
@@ -2296,13 +2329,13 @@ function CarouselPersona(props) {
       handleChange = _useCarouselBehaviour[1];
   return React.createElement("div", {
-    className: rootClassName$H
+    className: rootClassName$I
   }, React.createElement("div", {
-    className: rootClassName$H + "-personas"
+    className: rootClassName$I + "-personas"
   }, personas), React.createElement("div", {
-    className: rootClassName$H + "-carousel"
+    className: rootClassName$I + "-carousel"
   }, CarouselBehaviour, React.createElement("div", {
-    className: rootClassName$H + "-paginator"
+    className: rootClassName$I + "-paginator"
   }, React.createElement(ElementPaginator$1, {
     infinite: true,
     size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
@@ -2401,7 +2434,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;
@@ -2422,7 +2455,7 @@ function CarouselTouchFrendly(props) {
     slides: (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.map(function (slide, index) {
       return React.createElement("div", {
         key: index,
-        className: rootClassName$I + "-slide"
+        className: rootClassName$J + "-slide"
       }, slide);
     })
   }),
@@ -2439,9 +2472,9 @@ function CarouselTouchFrendly(props) {
   return React.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$I, props.className])
+    className: getMergedClassNames([rootClassName$J, props.className])
   }, React.createElement("div", {
-    className: rootClassName$I + "-outside-content",
+    className: rootClassName$J + "-outside-content",
     onMouseEnter: function onMouseEnter() {
       dispatchActionsToTimer('pause');
     },
@@ -2449,27 +2482,27 @@ function CarouselTouchFrendly(props) {
       dispatchActionsToTimer('play');
     }
   }, props.slides.length > 1 && React.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.createElement("div", {
-    className: rootClassName$I + "-icon"
+    className: rootClassName$J + "-icon"
   }, React.createElement(ChevronArrowLeftIcon, null)), React.createElement("div", {
-    className: rootClassName$I + "-shadow"
+    className: rootClassName$J + "-shadow"
   })), props.slides.length > 1 && React.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.createElement("div", {
-    className: rootClassName$I + "-icon"
+    className: rootClassName$J + "-icon"
   }, React.createElement(ChevronArrowRightIcon, null)), React.createElement("div", {
-    className: rootClassName$I + "-shadow"
+    className: rootClassName$J + "-shadow"
   })), CarouselBehaviour), React.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.createElement("div", {
       key: index,
@@ -2477,7 +2510,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' : ''])
     });
   })));
 }
@@ -3894,7 +3927,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],
@@ -3908,11 +3941,11 @@ function DoughnutSquare(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React.createElement("div", {
-    className: rootClassName$J
+    className: rootClassName$K
   }, React.createElement("div", {
-    className: rootClassName$J + "-caption " + rootClassName$J + "-caption-left"
+    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-left"
   }, props.leftCaption), React.createElement("div", {
-    className: rootClassName$J + "-chart"
+    className: rootClassName$K + "-chart"
   }, React.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React.createElement("circle", {
@@ -3925,24 +3958,24 @@ function DoughnutSquare(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), React.createElement("div", {
-    className: rootClassName$J + "-center-caption"
+    className: rootClassName$K + "-center-caption"
   }, val + "%"), React.createElement("div", {
-    className: rootClassName$J + "-label-bottom"
+    className: rootClassName$K + "-label-bottom"
   }, React.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.createElement("div", {
-    className: rootClassName$K
+    className: rootClassName$L
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-left"
+    className: rootClassName$L + "-caption " + rootClassName$L + "-caption-left"
   }, props.leftCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$K + "-caption " + rootClassName$K + "-caption-right"
+    className: rootClassName$L + "-caption " + rootClassName$L + "-caption-right"
   }, props.rightCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$K + "-chart"
+    className: rootClassName$L + "-chart"
   }, /*#__PURE__*/React.createElement(MoneyMonthLineChart, {
     data: props.data,
     labels: props.labels
@@ -3959,18 +3992,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 = 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;
@@ -3993,14 +4026,18 @@ Col.defaultProps = {
 };
 var Col$1 = 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;
@@ -4010,7 +4047,7 @@ function Container(props) {
   };
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$M + "-insider"
+    className: rootClassName$N + "-insider"
   }, props.children));
 }
@@ -4023,10 +4060,10 @@ Container.defaultProps = {
 };
 var Container$1 = memo(Container);
-var rootClassName$N = 'icon-component';
+var rootClassName$O = 'icon-component';
 var CalendarIcon = function CalendarIcon() {
   return React.createElement("svg", {
-    className: rootClassName$N,
+    className: rootClassName$O,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React.createElement("path", {
@@ -4036,7 +4073,7 @@ var CalendarIcon = function CalendarIcon() {
   }));
 };
-var rootClassName$O = 'component-date-picker-calendar';
+var rootClassName$P = 'component-date-picker-calendar';
 function DatePickerCalendar(props) {
   var _useState = useState(new Date()),
@@ -4096,14 +4133,14 @@ function DatePickerCalendar(props) {
       setMonthPage = _useState4[1];
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$O
+    className: rootClassName$P
   }, /*#__PURE__*/React.createElement(CSSTransition, {
     "in": monthPage,
-    classNames: rootClassName$O + "-month-picker",
+    classNames: rootClassName$P + "-month-picker",
     timeout: 300,
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$O + "-month-picker"
+    className: rootClassName$P + "-month-picker"
   }, /*#__PURE__*/React.createElement("div", {
     className: "header"
   }, /*#__PURE__*/React.createElement("button", {
@@ -4120,7 +4157,7 @@ function DatePickerCalendar(props) {
       setYear(year + 1);
     }
   }, /*#__PURE__*/React.createElement(ChevronArrowRightIcon, null))), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$O + "-months"
+    className: rootClassName$P + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
     return /*#__PURE__*/React.createElement("button", {
       key: index,
@@ -4128,14 +4165,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.createElement(CSSTransition, {
     "in": !monthPage,
     timeout: 300,
-    classNames: rootClassName$O + "-bottom-page"
+    classNames: rootClassName$P + "-bottom-page"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$O + "-first-page"
+    className: rootClassName$P + "-first-page"
   }, /*#__PURE__*/React.createElement("div", {
     className: "header"
   }, /*#__PURE__*/React.createElement("button", {
@@ -4197,7 +4234,7 @@ DatePickerCalendar.propTypes = {
 };
 var DatePickerCalendar$1 = memo(DatePickerCalendar);
-var rootClassName$P = 'component-date-picker';
+var rootClassName$Q = 'component-date-picker';
 function DatePicker(props) {
   var _useState = useState(getUniqueKey()),
@@ -4210,13 +4247,13 @@ function DatePicker(props) {
   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;
           }
@@ -4267,7 +4304,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));
@@ -4321,10 +4358,10 @@ function DatePicker(props) {
     vd();
   }, [props.initialValue]);
   return React.createElement("div", {
-    className: rootClassName$P
+    className: rootClassName$Q
   }, props.initialValue ? React.createElement(IconButton$1, {
     disabled: props.disabled,
-    className: rootClassName$P + "-clear-button",
+    className: rootClassName$Q + "-clear-button",
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onChange === 'function') {
@@ -4339,11 +4376,11 @@ function DatePicker(props) {
   }), React.createElement(CSSTransition, {
     "in": opened,
     timeout: 300,
-    classNames: rootClassName$P + "-panel",
+    classNames: rootClassName$Q + "-panel",
     unmountOnExit: true
   }, React.createElement("div", {
     id: id,
-    className: rootClassName$P + "-panel"
+    className: rootClassName$Q + "-panel"
   }, React.createElement(DatePickerCalendar$1, {
     language: props.language,
     value: value,
@@ -4373,7 +4410,7 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = memo(DatePicker);
-var rootClassName$Q = 'component-doughnut';
+var rootClassName$R = 'component-doughnut';
 function Doughnut(props) {
   var _useProgressiveCount = useProgressiveCount(0),
@@ -4388,9 +4425,9 @@ function Doughnut(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React.createElement("div", {
-    className: rootClassName$Q
+    className: rootClassName$R
   }, React.createElement("div", {
-    className: getMergedClassNames([rootClassName$Q + "-chart", props.red ? 'red' : ''])
+    className: getMergedClassNames([rootClassName$R + "-chart", props.red ? 'red' : ''])
   }, React.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React.createElement("circle", {
@@ -4403,7 +4440,7 @@ function Doughnut(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), props.showLabel ? React.createElement("div", {
-    className: rootClassName$Q + "-label nunito"
+    className: rootClassName$R + "-label nunito"
   }, val + "%") : undefined);
 }
@@ -4412,31 +4449,31 @@ Doughnut.defaultProps = {
 };
 var Doughnut$1 = memo(Doughnut);
-var rootClassName$R = 'component-dropdown-item';
+var rootClassName$S = 'component-dropdown-item';
 function DropdownItem(props) {
   return React.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.createElement("div", {
-    className: rootClassName$R + "-icon"
+    className: rootClassName$S + "-icon"
   }, props.icon) : undefined, React.createElement("div", {
-    className: rootClassName$R + "-label"
+    className: rootClassName$S + "-label"
   }, props.label), props.icon && props.alignRight ? React.createElement("div", {
-    className: rootClassName$R + "-icon right"
+    className: rootClassName$S + "-icon right"
   }, props.icon) : undefined);
 }
 var DropdownItem$1 = memo(DropdownItem);
-var rootClassName$S = 'component-dropdown-menu';
+var rootClassName$T = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
@@ -4457,9 +4494,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;
@@ -4503,13 +4540,13 @@ function DropdownMenu(props) {
   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;
           }
@@ -4554,7 +4591,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;
@@ -4566,14 +4603,14 @@ function DropdownMenu(props) {
   };
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$S + "-children"
+    className: rootClassName$T + "-children"
   }, props.children), React.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
-    classNames: rootClassName$S + "-panel-fade",
+    classNames: rootClassName$T + "-panel-fade",
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$S + "-panel scroll-white"
+    className: rootClassName$T + "-panel scroll-white"
   }, props.content)));
 }
 DropdownMenu.defaultProps = {
@@ -4581,10 +4618,10 @@ DropdownMenu.defaultProps = {
   closeOnEsc: true
 };
-var rootClassName$T = 'icon-component';
+var rootClassName$U = 'icon-component';
 var CheckIcon = function CheckIcon() {
   return React.createElement("svg", {
-    className: rootClassName$T,
+    className: rootClassName$U,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4593,10 +4630,10 @@ var CheckIcon = function CheckIcon() {
   }));
 };
-var rootClassName$U = 'icon-component';
+var rootClassName$V = 'icon-component';
 var PlayIcon = function PlayIcon() {
   return React.createElement("svg", {
-    className: rootClassName$U,
+    className: rootClassName$V,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4607,10 +4644,10 @@ var PlayIcon = function PlayIcon() {
   }));
 };
-var rootClassName$V = 'refresh-icon';
+var rootClassName$W = 'refresh-icon';
 var RefreshIcon = function RefreshIcon(props) {
   return React.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'
@@ -4624,7 +4661,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;
@@ -4671,14 +4708,14 @@ function EditableVideoItem(props) {
     setErrorUrl(editable && typeof finded === 'function' ? finded(url) : null);
   }, [url, editable, props.urlProps]);
   return React.createElement("div", {
-    className: rootClassName$W
+    className: rootClassName$X
   }, React.createElement("div", {
-    className: rootClassName$W + "-play-icon"
+    className: rootClassName$X + "-play-icon"
   }, React.createElement(PlayIcon, null)), React.createElement("div", {
-    className: rootClassName$W + "-content"
+    className: rootClassName$X + "-content"
   }, React.createElement("div", null, React.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,
@@ -4691,9 +4728,9 @@ function EditableVideoItem(props) {
   }), React.createElement(Collapse$1, {
     opened: editable
   }, React.createElement("span", {
-    className: rootClassName$W + "-input-error"
+    className: rootClassName$X + "-input-error"
   }, errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.helperText))), React.createElement("div", null, React.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,
@@ -4707,9 +4744,9 @@ function EditableVideoItem(props) {
   }), React.createElement(Collapse$1, {
     opened: editable
   }, React.createElement("span", {
-    className: rootClassName$W + "-input-error"
+    className: rootClassName$X + "-input-error"
   }, errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.helperText)))), React.createElement("div", {
-    className: rootClassName$W + "-actions"
+    className: rootClassName$X + "-actions"
   }, loading ? React.createElement(RefreshIcon, null) : editable ? React.createElement(IconButton$1, {
     icon: React.createElement(CheckIcon, null),
     disabled: (errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.error) || (errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.error),
@@ -4721,7 +4758,7 @@ function EditableVideoItem(props) {
       });
     }
   }) : React.createElement("div", {
-    className: rootClassName$W + "-actions-inside"
+    className: rootClassName$X + "-actions-inside"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(EditIcon, null),
     onClick: function onClick() {
@@ -4742,10 +4779,10 @@ function EditableVideoItem(props) {
 var EditableVideoItem$1 = memo(EditableVideoItem);
-var rootClassName$X = 'icon-component';
+var rootClassName$Y = 'icon-component';
 var ExclamationIcon = function ExclamationIcon() {
   return React.createElement("svg", {
-    className: rootClassName$X,
+    className: rootClassName$Y,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'currentColor'
@@ -4756,7 +4793,7 @@ var ExclamationIcon = function ExclamationIcon() {
   }));
 };
-var rootClassName$Y = 'component-etapas';
+var rootClassName$Z = 'component-etapas';
 function Etapas(props) {
   var _useState = useState(props.id || getUniqueKey()),
@@ -4812,17 +4849,17 @@ function Etapas(props) {
   }, []);
   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";
     });
   });
   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({
@@ -4833,13 +4870,13 @@ function Etapas(props) {
     }
   }, [props.atual]);
   return React.createElement("div", {
-    className: rootClassName$Y,
+    className: rootClassName$Z,
     id: id
   }, React.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;
@@ -4856,18 +4893,18 @@ function Etapas(props) {
       }
     }), React.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.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.createElement(CSSTransition, {
       "in": etapa.error,
       timeout: 300,
-      classNames: rootClassName$Y + "-appear",
+      classNames: rootClassName$Z + "-appear",
       unmountOnExit: true
     }, React.createElement(ExclamationIcon, null)), React.createElement(CSSTransition, {
       "in": etapa.completed,
       timeout: 300,
-      classNames: rootClassName$Y + "-appear",
+      classNames: rootClassName$Z + "-appear",
       unmountOnExit: true
     }, React.createElement(CheckCircleIcon, null)), etapa.name));
   }) : undefined));
@@ -4893,25 +4930,25 @@ var EtiquetasStyle;
   EtiquetasStyle["Cancelado"] = "cancelado";
 })(EtiquetasStyle || (EtiquetasStyle = {}));
-var rootClassName$Z = 'component-etiqueta';
+var rootClassName$_ = 'component-etiqueta';
 function Etiqueta(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$Z, props.theme])
+    className: getMergedClassNames([rootClassName$_, props.theme])
   }, props.icon ? React.createElement("div", {
-    className: rootClassName$Z + "-icon"
+    className: rootClassName$_ + "-icon"
   }, props.icon) : undefined, React.createElement("div", {
-    className: rootClassName$Z + "-text"
+    className: rootClassName$_ + "-text"
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: 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;
@@ -4935,24 +4972,24 @@ function FileLoader(props) {
   };
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$_ + "-percent-line"
+    className: rootClassName$$ + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React.createElement("span", {
-    className: rootClassName$_ + "-downloaded-percent"
+    className: rootClassName$$ + "-downloaded-percent"
   }, getPercent(), "%")), React.createElement("div", {
-    className: rootClassName$_ + "-loader-bar"
+    className: rootClassName$$ + "-loader-bar"
   }, React.createElement("div", {
-    className: rootClassName$_ + "-loader-progress",
+    className: rootClassName$$ + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React.createElement("div", {
-    className: rootClassName$_ + "-progress-info"
+    className: rootClassName$$ + "-progress-info"
   }, React.createElement("div", {
-    className: rootClassName$_ + "-downloaded-size"
+    className: rootClassName$$ + "-downloaded-size"
   }, getSizeDownloaded()), React.createElement("div", {
-    className: rootClassName$_ + "-bar"
+    className: rootClassName$$ + "-bar"
   }, "/"), React.createElement("div", {
-    className: rootClassName$_ + "-total-size"
+    className: rootClassName$$ + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -4960,10 +4997,10 @@ FileLoader.defaultProps = {
   percent: 0
 };
-var rootClassName$$ = 'icon-component';
+var rootClassName$10 = 'icon-component';
 var CloudUploadIcon = function CloudUploadIcon() {
   return React.createElement("svg", {
-    className: rootClassName$$,
+    className: rootClassName$10,
     viewBox: '0 0 62 38',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4974,7 +5011,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) {
@@ -4982,7 +5019,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);
@@ -4990,7 +5027,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);
@@ -5041,15 +5078,15 @@ function FileUpload(props) {
   };
   return React.createElement("div", {
-    className: rootClassName$10 + "-outer"
+    className: rootClassName$11 + "-outer"
   }, !props.hideTopLabel && React.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.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.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();
@@ -5075,11 +5112,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React.createElement("div", {
-    className: rootClassName$10 + "-row"
+    className: rootClassName$11 + "-row"
   }, React.createElement("div", {
-    className: rootClassName$10 + "-upload-icon"
+    className: rootClassName$11 + "-upload-icon"
   }, React.createElement(CloudUploadIcon, null)), React.createElement("div", {
-    className: rootClassName$10 + "-label"
+    className: rootClassName$11 + "-label"
   }, props.label)), React.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -5105,7 +5142,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React.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 = {
@@ -5119,12 +5156,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;
@@ -7387,7 +7424,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];
@@ -7409,136 +7446,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React.createElement("footer", {
-    className: getMergedClassNames([rootClassName$12, props.theme])
+    className: getMergedClassNames([rootClassName$13, props.theme])
   }, React.createElement(Row$1, {
-    className: rootClassName$12 + "-section",
+    className: rootClassName$13 + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "WhatsApp Corporativo"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-qr-code"
+    className: rootClassName$13 + "-qr-code"
   }, React.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Servi\xE7os por telefone"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Demais regi\xF5es"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React.createElement("div", {
-    className: rootClassName$12 + "-asterisco nunito"
+    className: rootClassName$13 + "-asterisco nunito"
   }, "* Sem custo")), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "SAC"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Ouvidoria"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$12 + "-cell"
+    className: rootClassName$13 + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Chamadas internacionais"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "(a cobrar)"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-space"
+    className: rootClassName$13 + "-space"
   }), React.createElement("div", {
-    className: rootClassName$12 + "-title"
+    className: rootClassName$13 + "-title"
   }, "Atendimento aos deficientes"), React.createElement("div", {
-    className: rootClassName$12 + "-subtitle nunito"
+    className: rootClassName$13 + "-subtitle nunito"
   }, "Auditivos ou de fala"), React.createElement("div", {
-    className: rootClassName$12 + "-number"
+    className: rootClassName$13 + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React.createElement(Row$1, {
-    className: rootClassName$12 + "-section",
+    className: rootClassName$13 + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React.createElement(Row$1, null, React.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.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.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.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.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.createElement(Row$1, {
-    className: rootClassName$12 + "-endereco"
+    className: rootClassName$13 + "-endereco"
   }, React.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React.createElement(Row$1, {
@@ -7552,17 +7589,17 @@ function FooterSicredi(props) {
 var FooterSicredi$1 = memo(FooterSicredi);
-var rootClassName$13 = 'full-height-container';
+var rootClassName$14 = 'full-height-container';
 function FullHeightContainer(props) {
   return React.createElement("div", {
-    className: rootClassName$13
+    className: rootClassName$14
   }, React.createElement("div", {
-    className: rootClassName$13 + "-row-header"
+    className: rootClassName$14 + "-row-header"
   }, props.header), React.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.createElement("div", {
-    className: rootClassName$13 + "-row-footer"
+    className: rootClassName$14 + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
@@ -7575,10 +7612,10 @@ var FullHeightContainer$1 = 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.createElement("div", {
-    className: getMergedClassNames([rootClassName$14, rootClassName$14 + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$15, rootClassName$15 + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -7594,7 +7631,7 @@ var HeaderType;
   HeaderType["Assembleia"] = "assembleia";
 })(HeaderType || (HeaderType = {}));
-var rootClassName$15 = 'component-header';
+var rootClassName$16 = 'component-header';
 function Header(props) {
   var _props$blackBar;
@@ -7608,33 +7645,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.createElement(React.Fragment, null, React.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React.createElement("div", {
-    className: rootClassName$15 + "-black-bar"
+    className: rootClassName$16 + "-black-bar"
   }, React.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.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React.createElement("div", {
-    className: rootClassName$15 + "-separator-logo"
+    className: rootClassName$16 + "-separator-logo"
   }, props.separator.label) : undefined), React.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.centerContent), React.createElement("div", {
-    className: rootClassName$15 + "-header-item"
+    className: rootClassName$16 + "-header-item"
   }, props.rightContent)), props.theme === HeaderType.Semi && React.createElement("div", {
-    className: rootClassName$15 + "-semi-clear"
+    className: rootClassName$16 + "-semi-clear"
   }), props.clearfix && React.createElement("div", {
     className: clearfixClassNames
   }));
@@ -7647,44 +7684,44 @@ Header.defaultProps = {
 };
 var Header$1 = 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.createElement("div", {
-    className: rootClassName$16
+    className: rootClassName$17
   }, /*#__PURE__*/React.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.createElement("div", {
-    className: rootClassName$16 + "-container-input"
+    className: rootClassName$17 + "-container-input"
   }, /*#__PURE__*/React.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.createElement("div", {
-    className: rootClassName$16 + "-focus-border"
+    className: rootClassName$17 + "-focus-border"
   }), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$16 + "-loading-border"
+    className: rootClassName$17 + "-loading-border"
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$16 + "-right-icon"
+    className: rootClassName$17 + "-right-icon"
   }, /*#__PURE__*/React.createElement(IconButton$1, {
     icon: props.rightIcon,
     onClick: props.onRightObjectClick,
     disabled: props.disabled || props.inputProps && props.inputProps.disabled
   })), /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$16 + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
+    className: getMergedClassNames([rootClassName$17 + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
   }, /*#__PURE__*/React.createElement(Collapse$1, {
     opened: props.panelOpened
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$16 + "-content"
+    className: rootClassName$17 + "-content"
   }, /*#__PURE__*/React.createElement(Row$1, null, "Bot\xE3o"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!")))), /*#__PURE__*/React.createElement(CSSTransition, {
     "in": props.panelOpened,
-    classNames: rootClassName$16 + "-mask-fade",
+    classNames: rootClassName$17 + "-mask-fade",
     timeout: 300,
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$16 + "-mask",
+    className: rootClassName$17 + "-mask",
     onClick: function onClick() {
       if (typeof props.onMaskClick === 'function') {
         props.onMaskClick();
@@ -7710,27 +7747,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.createElement("div", {
-    className: rootClassName$17
+    className: rootClassName$18
   }, React.createElement("div", {
-    className: rootClassName$17 + "-icon"
+    className: rootClassName$18 + "-icon"
   }, props.iconButton), React.createElement("div", {
-    className: rootClassName$17 + "-label"
+    className: rootClassName$18 + "-label"
   }, props.label), React.createElement("div", {
-    className: rootClassName$17 + "-value"
+    className: rootClassName$18 + "-value"
   }, props.value));
 }
 IconButtonWithLabel.defaultProps = {};
 var IconButtonWithLabel$1 = memo(IconButtonWithLabel);
-var rootClassName$18 = 'icon-component';
+var rootClassName$19 = 'icon-component';
 var InformationIcon = function InformationIcon() {
   return React.createElement("svg", {
-    className: rootClassName$18,
+    className: rootClassName$19,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React.createElement("path", {
@@ -7750,11 +7787,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;
@@ -7764,7 +7801,7 @@ function Information(props) {
   };
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$19 + "-icon",
+    className: rootClassName$1a + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -7773,25 +7810,25 @@ Information.defaultProps = {
   icon: React.createElement(InformationIcon, null)
 };
-var rootClassName$1a = 'informativo-assembleias-com-imagem';
+var rootClassName$1b = 'informativo-assembleias-com-imagem';
 function InformativoAssembleiasComImagem(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$1a, props.reverse ? 'reverse' : ''])
+    className: getMergedClassNames([rootClassName$1b, props.reverse ? 'reverse' : ''])
   }, React.createElement("div", {
-    className: rootClassName$1a + "-text"
+    className: rootClassName$1b + "-text"
   }, React.createElement("div", {
-    className: rootClassName$1a + "-title"
+    className: rootClassName$1b + "-title"
   }, props.title), React.createElement("p", {
-    className: rootClassName$1a + "-sub-title nunito"
+    className: rootClassName$1b + "-sub-title nunito"
   }, props.subtitle), React.createElement("div", {
-    className: rootClassName$1a + "-button"
+    className: rootClassName$1b + "-button"
   }, React.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     onClick: props.onButtonClick,
     rightIcon: React.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React.createElement("div", {
-    className: rootClassName$1a + "-photo",
+    className: rootClassName$1b + "-photo",
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -7832,35 +7869,35 @@ function BigPlayIcon(props) {
   }));
 }
-var rootClassName$1b = 'informativo-assembleias-com-video';
+var rootClassName$1c = 'informativo-assembleias-com-video';
 function InformativoAssembleiasComVideo(props) {
   return React.createElement("div", {
-    className: rootClassName$1b,
+    className: rootClassName$1c,
     onClick: props.onClick
   }, React.createElement("div", {
-    className: rootClassName$1b + "-first-row"
+    className: rootClassName$1c + "-first-row"
   }, React.createElement("div", {
-    className: rootClassName$1b + "-thumbnail",
+    className: rootClassName$1c + "-thumbnail",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React.createElement("div", {
-    className: rootClassName$1b + "-play-icon"
+    className: rootClassName$1c + "-play-icon"
   }, React.createElement(BigPlayIcon, null))), React.createElement("div", {
-    className: rootClassName$1b + "-saiba-mais-row"
+    className: rootClassName$1c + "-saiba-mais-row"
   }, React.createElement("div", {
-    className: rootClassName$1b + "-icon"
+    className: rootClassName$1c + "-icon"
   }, React.createElement(ChevronArrowRightIcon, null))), React.createElement("div", {
-    className: rootClassName$1b + "-title"
+    className: rootClassName$1c + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$1b + "-sub-title nunito"
+    className: rootClassName$1c + "-sub-title nunito"
   }, props.subtitle));
 }
 var InformativoAssembleiasComVideo$1 = memo(InformativoAssembleiasComVideo);
-var rootClassName$1c = 'component-input-area';
+var rootClassName$1d = 'component-input-area';
 function InputArea(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
@@ -7870,7 +7907,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;
@@ -7894,24 +7931,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.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$1c + "-label nunito"
+    className: rootClassName$1d + "-label nunito"
   }, props.label || ''), React.createElement("div", {
-    className: rootClassName$1c + "-input-container"
+    className: rootClassName$1d + "-input-container"
   }, React.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React.createElement("div", {
-    className: rootClassName$1c + "-right-object"
+    className: rootClassName$1d + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$1c + "-helper-and-counter"
+    className: rootClassName$1d + "-helper-and-counter"
   }, React.createElement("div", {
-    className: rootClassName$1c + "-helper-text nunito"
+    className: rootClassName$1d + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React.createElement("div", {
-    className: rootClassName$1c + "-counter"
+    className: rootClassName$1d + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
@@ -7928,10 +7965,10 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = memo(InputArea);
-var rootClassName$1d = 'icon-component';
+var rootClassName$1e = 'icon-component';
 var CloudDownloadIcon = function CloudDownloadIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1d,
+    className: rootClassName$1e,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -7952,7 +7989,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;
@@ -7967,7 +8004,7 @@ var PercentLoaderIcon = function PercentLoaderIcon(props) {
     setSdo(getStrokeDashOffset());
   }, [props.value, props.indefinido]);
   return React.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'
@@ -7991,7 +8028,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 = useState(props.id ? props.id : getUniqueKey()),
@@ -7999,7 +8036,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);
@@ -8023,13 +8060,13 @@ function ItemDropdownDownload(props) {
   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;
           }
@@ -8071,23 +8108,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React.createElement("div", {
-    className: rootClassName$1f + "-outer",
+    className: rootClassName$1g + "-outer",
     id: id
   }, React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$1f + "-label"
+    className: rootClassName$1g + "-label"
   }, props.label), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$1f + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$1g + "-arrow", props.opened ? 'up' : 'down'])
   }, React.createElement(ChevronArrowDownIcon, null))), React.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$1f + "-panel"
+    className: rootClassName$1g + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React.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);
@@ -8095,9 +8132,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React.createElement("div", {
-      className: rootClassName$1f + "-item-label"
+      className: rootClassName$1g + "-item-label"
     }, download.label), React.createElement("div", {
-      className: rootClassName$1f + "-download-icon"
+      className: rootClassName$1g + "-download-icon"
     }, download.loading ? React.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React.createElement(CloudDownloadIcon, null)));
@@ -8110,7 +8147,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = memo(ItemDropdownDownload);
-var rootClassName$1g = 'component-menu-item';
+var rootClassName$1h = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -8121,7 +8158,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;
@@ -8136,15 +8173,15 @@ function MenuItem(props) {
   };
   return React.createElement(React.Fragment, null, React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$1g + "-icon"
+    className: rootClassName$1h + "-icon"
   }, props.icon), React.createElement("div", {
-    className: rootClassName$1g + "-label"
+    className: rootClassName$1h + "-label"
   }, props.label)), props.subList && props.subList.length ? React.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React.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.createElement("div", {
       id: idAndKey,
@@ -8152,9 +8189,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React.createElement("div", {
-      className: rootClassName$1g + "-sub-item-icon"
+      className: rootClassName$1h + "-sub-item-icon"
     }, subItem.icon), React.createElement("div", {
-      className: rootClassName$1g + "-sub-item-label"
+      className: rootClassName$1h + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -8165,10 +8202,10 @@ MenuItem.defaultProps = {
   label: ''
 };
-var rootClassName$1h = 'icon-component';
+var rootClassName$1i = 'icon-component';
 var SearchIcon = function SearchIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1h,
+    className: rootClassName$1i,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -8186,7 +8223,7 @@ var SicrediLogoTheme;
   SicrediLogoTheme["Branco"] = "branco";
 })(SicrediLogoTheme || (SicrediLogoTheme = {}));
-var rootClassName$1i = 'sicredi-logo';
+var rootClassName$1j = 'sicredi-logo';
 var SicrediLogo = function SicrediLogo(props) {
   var primaryColor = useMemo(function () {
     return props.theme === SicrediLogoTheme.Verde ? '#3fa110' : '#FFFFFF';
@@ -8195,7 +8232,7 @@ var SicrediLogo = function SicrediLogo(props) {
     return props.theme === SicrediLogoTheme.Verde ? '#146e37' : '#DDDDDD';
   }, [props.theme]);
   return React.createElement("div", {
-    className: rootClassName$1i
+    className: rootClassName$1j
   }, React.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     height: props.height,
@@ -8267,7 +8304,7 @@ var SicrediLogo = function SicrediLogo(props) {
     fill: secondaryColor
   })), React.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
   }))));
@@ -8278,7 +8315,7 @@ SicrediLogo.defaultProps = {
   hideLetters: false
 };
-var rootClassName$1j = 'component-menu';
+var rootClassName$1k = 'component-menu';
 var timeout;
 function Menu(props) {
@@ -8325,12 +8362,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;
@@ -8384,16 +8421,16 @@ function Menu(props) {
   };
   return React.createElement(React.Fragment, null, React.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React.createElement(IconButton$1, {
-    className: rootClassName$1j + "-close-button",
+    className: rootClassName$1k + "-close-button",
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React.createElement("div", {
-    className: rootClassName$1j + "-logo"
+    className: rootClassName$1k + "-logo"
   }, props.logo), props.buscar ? React.createElement("div", {
-    className: rootClassName$1j + "-buscar"
+    className: rootClassName$1k + "-buscar"
   }, React.createElement(Input$1, {
     id: 'buscar-menu',
     placeholder: 'Buscar',
@@ -8405,29 +8442,29 @@ function Menu(props) {
       icon: React.createElement(SearchIcon, null)
     })
   })) : undefined, React.createElement("div", {
-    className: rootClassName$1j + "-items"
+    className: rootClassName$1k + "-items"
   }, getItems() ? getItems().map(function (it, index) {
     return React.createElement("div", {
-      className: rootClassName$1j + "-it",
+      className: rootClassName$1k + "-it",
       key: index
     }, React.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   }) : undefined)), React.createElement(React.Fragment, null, props.openOnClick && React.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.createElement(ChevronArrowRightIcon, null))), React.createElement(React.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React.createElement(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.createElement("div", {
-    className: rootClassName$1j + "-background",
+    className: rootClassName$1k + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -8448,12 +8485,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = memo(Menu);
-var rootClassName$1k = 'component-modal';
+var rootClassName$1l = 'component-modal';
 function Modal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([props.className || '', rootClassName$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;
@@ -8488,18 +8525,18 @@ function Modal(props) {
   };
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$1k + "-header"
+    className: rootClassName$1l + "-header"
   }, React.createElement("div", {
-    className: rootClassName$1k + "-title"
+    className: rootClassName$1l + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$1k + "-close-button"
+    className: rootClassName$1l + "-close-button"
   }, React.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   }))), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$1k + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$1l + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React.createElement("div", {
-    className: rootClassName$1k + "-footer"
+    className: rootClassName$1l + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -8508,11 +8545,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;
@@ -8522,7 +8559,7 @@ var ModalMask = function ModalMask(props) {
   return React.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() {
@@ -8611,7 +8648,7 @@ var ModalManager = forwardRef(function (_props, ref) {
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$1m + "-modals"]);
+    return getMergedClassNames([rootClassName$1n + "-modals"]);
   };
   return React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
@@ -8622,7 +8659,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     var M = obj.component;
     return React.createElement(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.createElement(ModalMask, {
@@ -8642,39 +8679,39 @@ var ModalManager = forwardRef(function (_props, ref) {
   })));
 });
-var rootClassName$1n = 'component-modulos-title';
+var rootClassName$1o = 'component-modulos-title';
 function ModulosTitle(props) {
   return React.createElement("div", {
-    className: rootClassName$1n
+    className: rootClassName$1o
   }, React.createElement("div", {
-    className: rootClassName$1n + "-wrapper"
+    className: rootClassName$1o + "-wrapper"
   }, props.showBackButton ? React.createElement("div", {
-    className: rootClassName$1n + "-icon"
+    className: rootClassName$1o + "-icon"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React.createElement("div", {
-    className: rootClassName$1n + "-text"
+    className: rootClassName$1o + "-text"
   }, props.children)), props.rightElement ? React.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.createElement("div", {
-    className: rootClassName$1o
+    className: rootClassName$1p
   }, React.createElement("div", {
-    className: rootClassName$1o + "-titulo"
+    className: rootClassName$1p + "-titulo"
   }, React.createElement("input", Object.assign({}, props.inputTitleProps, {
     className: getMergedClassNames([props.inputTitleProps && props.inputTitleProps.className ? props.inputTitleProps.className : '', 'scroll-white', 'nunito'])
   }))), React.createElement("div", {
-    className: rootClassName$1o + "-texto"
+    className: rootClassName$1p + "-texto"
   }, React.createElement("textarea", Object.assign({}, props.inputTextProps, {
     className: getMergedClassNames([props.inputTextProps && props.inputTextProps.className ? props.inputTextProps.className : '', 'scroll-white', 'nunito'])
   }))), !props.hideCloseButton ? React.createElement("div", {
-    className: rootClassName$1o + "-close-button"
+    className: rootClassName$1p + "-close-button"
   }, React.createElement(IconButton$1, {
     theme: props.iconButtonTheme,
     icon: React.createElement(CloseIcon, null),
@@ -8684,7 +8721,7 @@ function NotaEdit(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$1o + "-save-button"
+    className: rootClassName$1p + "-save-button"
   }, React.createElement(Button$1, Object.assign({
     theme: ButtonThemes.Blue
   }, props.buttonSaveProps), props.buttonSaveProps ? props.buttonSaveProps.label : '')));
@@ -8712,7 +8749,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
-var rootClassName$1p = 'component-paginator';
+var rootClassName$1q = 'component-paginator';
 function Paginator(props) {
   var _useState = useState([]),
       arrOfNumbers = _useState[0],
@@ -8743,11 +8780,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$1p, props.className || ''])
+    className: getMergedClassNames([rootClassName$1q, props.className || ''])
   }, React.createElement("div", {
-    className: rootClassName$1p + "-center-content"
+    className: rootClassName$1q + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$1p + "-left-arrow"
+    className: rootClassName$1q + "-left-arrow"
   }, React.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React.createElement(ChevronArrowLeftIcon, null),
@@ -8757,11 +8794,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$1p + "-numbers"
+    className: rootClassName$1q + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React.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);
@@ -8769,7 +8806,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$1p + "-right-arrow"
+    className: rootClassName$1q + "-right-arrow"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -8779,19 +8816,19 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React.createElement(CSSTransition, {
-    classNames: rootClassName$1p + "-loader",
+    classNames: rootClassName$1q + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$1p + "-loader"
+    className: rootClassName$1q + "-loader"
   }, React.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
-var rootClassName$1q = 'previa-video';
+var rootClassName$1r = 'previa-video';
 function PreviaVideo(props) {
   var _useState = useState(getUniqueKey()),
@@ -8835,21 +8872,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React.createElement("div", {
     id: id,
-    className: rootClassName$1q,
+    className: rootClassName$1r,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React.createElement("div", {
-    className: rootClassName$1q + "-img",
+    className: rootClassName$1r + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React.createElement("div", {
-    className: rootClassName$1q + "-icon"
+    className: rootClassName$1r + "-icon"
   }, React.createElement(BigPlayIcon, {
     hideBackground: true
   })), React.createElement("div", {
-    className: rootClassName$1q + "-label"
+    className: rootClassName$1r + "-label"
   }, props.label), React.createElement(CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -8861,7 +8898,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React.createElement("div", {
-    className: rootClassName$1q + "-video"
+    className: rootClassName$1r + "-video"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -8871,7 +8908,7 @@ function PreviaVideo(props) {
 var PreviaVideo$1 = memo(PreviaVideo);
-var rootClassName$1r = 'progress-bar';
+var rootClassName$1s = 'progress-bar';
 function ProgressBar(props) {
   var _useProgressiveCount = useProgressiveCount(props.percent),
       percent = _useProgressiveCount[0],
@@ -8891,31 +8928,31 @@ function ProgressBar(props) {
     setRightValue(props.rightValue);
   }, [props]);
   return React.createElement("div", {
-    className: rootClassName$1r + "-wrapper"
+    className: rootClassName$1s + "-wrapper"
   }, React.createElement("div", {
-    className: rootClassName$1r + "-header"
+    className: rootClassName$1s + "-header"
   }, React.createElement("p", {
-    className: rootClassName$1r + "-title"
+    className: rootClassName$1s + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$1r + "-percent-container"
+    className: rootClassName$1s + "-percent-container"
   }, props.textPercent && React.createElement("span", {
-    className: rootClassName$1r + "-span-text"
+    className: rootClassName$1s + "-span-text"
   }, props.textPercent, " \u2022", ' '), React.createElement("p", null, percent, "%"))), React.createElement("div", {
-    className: rootClassName$1r + "-fill"
+    className: rootClassName$1s + "-fill"
   }, React.createElement("div", {
-    className: rootClassName$1r + "-filled",
+    className: rootClassName$1s + "-filled",
     style: {
       width: percent + "%"
     }
   })), !props.hideDescription && React.createElement("div", {
-    className: rootClassName$1r + "-bottom"
+    className: rootClassName$1s + "-bottom"
   }, React.createElement("span", null, React.createElement("p", null, leftValue), props.leftText && React.createElement("p", null, props.leftText)), React.createElement("span", null, React.createElement("p", null, rightValue), props.rightText && React.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.createElement("div", {
-    className: rootClassName$1s
+    className: rootClassName$1t
   }, /*#__PURE__*/React.createElement("input", {
     onChange: function onChange(evt) {
       if (typeof props.onChange === 'function') {
@@ -8925,7 +8962,7 @@ function SearchBlocoDeNotas(props) {
     value: props.value,
     placeholder: props.placeholder
   }), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1s + "-right-object"
+    className: rootClassName$1t + "-right-object"
   }, props.rightObject));
 }
 SearchBlocoDeNotas.propTypes = {
@@ -8938,7 +8975,7 @@ SearchBlocoDeNotas.defaultProps = {
   value: ''
 };
-var rootClassName$1t = 'component-select';
+var rootClassName$1u = 'component-select';
 function Select(props) {
   var _props$options3, _getOptionsFiltered;
@@ -8980,13 +9017,13 @@ function Select(props) {
   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;
           }
@@ -9093,11 +9130,11 @@ function Select(props) {
   var getRightObject = function getRightObject() {
     return React.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.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$1t + "-clear-button",
+      className: rootClassName$1u + "-clear-button",
       icon: React.createElement(CloseIcon, null),
       onClick: function onClick() {
         return props.onChange(props.multiple ? [] : null);
@@ -9105,7 +9142,7 @@ function Select(props) {
     }) : undefined, React.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);
       },
@@ -9117,12 +9154,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();
@@ -9131,7 +9168,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();
@@ -9146,13 +9183,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();
@@ -9203,7 +9240,7 @@ function Select(props) {
     return React.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;
@@ -9214,7 +9251,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();
@@ -9222,7 +9259,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();
@@ -9249,7 +9286,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();
             }
@@ -9274,7 +9311,7 @@ function Select(props) {
         handleChange();
       }
     }), React.createElement("div", {
-      className: rootClassName$1t + "-multiple-option-label"
+      className: rootClassName$1u + "-multiple-option-label"
     }, option.label));
   };
@@ -9289,7 +9326,7 @@ function Select(props) {
     return React.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;
@@ -9301,7 +9338,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();
@@ -9327,7 +9364,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();
             }
@@ -9348,7 +9385,7 @@ function Select(props) {
   var getNoOptionsMessage = function getNoOptionsMessage() {
     return React.createElement("div", {
-      className: rootClassName$1t + "-no-result"
+      className: rootClassName$1u + "-no-result"
     }, props.noOptionMessage);
   };
@@ -9362,9 +9399,9 @@ function Select(props) {
   return React.createElement("div", {
     id: id,
-    className: rootClassName$1t + "-outer"
+    className: rootClassName$1u + "-outer"
   }, !props.multiple && isMobile() && React.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);
@@ -9397,7 +9434,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 () {
@@ -9405,7 +9442,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 () {
@@ -9423,7 +9460,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);
@@ -9444,9 +9481,9 @@ function Select(props) {
     }
   }, React.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.createElement("div", {
-    className: rootClassName$1t + "-panel-input"
+    className: rootClassName$1u + "-panel-input"
   }, React.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -9456,7 +9493,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();
@@ -9465,7 +9502,7 @@ function Select(props) {
       }
     }
   })), React.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);
@@ -9473,13 +9510,13 @@ function Select(props) {
     return getSingleOption(option);
   }) : getNoOptionsMessage()), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: rootClassName$1t + "-panel-footer-clearfix"
+    className: rootClassName$1u + "-panel-footer-clearfix"
   }), React.createElement("div", {
-    className: rootClassName$1t + "-panel-footer"
+    className: rootClassName$1u + "-panel-footer"
   }, React.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$1t + "-footer-button",
+    className: rootClassName$1u + "-footer-button",
     onClick: function onClick() {
       var _getOptionsFiltered2;
@@ -9492,7 +9529,7 @@ function Select(props) {
     tabIndex: 1,
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$1t + "-footer-button",
+    className: rootClassName$1u + "-footer-button",
     onClick: function onClick() {
       return props.onChange([]);
     }
@@ -9513,7 +9550,7 @@ Select.defaultProps = {
 };
 var Select$1 = 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) {
@@ -9523,7 +9560,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 + ")"
@@ -9537,9 +9574,9 @@ function Switch(props) {
   };
   return React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$1u + "-track"
+    className: rootClassName$1v + "-track"
   }), React.createElement("div", {
-    className: rootClassName$1u + "-thumb"
+    className: rootClassName$1v + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -9549,10 +9586,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.createElement("div", {
-    className: rootClassName$1v
+    className: rootClassName$1w
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React.createElement(IconButton$1, Object.assign({
       key: index
@@ -9563,7 +9600,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;
@@ -9585,9 +9622,9 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     return style;
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$1w, props.w100 ? 'w-100' : ''])
+    className: getMergedClassNames([rootClassName$1x, props.w100 ? 'w-100' : ''])
   }, React.createElement("span", {
-    className: rootClassName$1w + "-checkbox-wrapper",
+    className: rootClassName$1x + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
     "tooltip-text": props['tooltip-text']
   }, React.createElement(Checkbox$1, {
@@ -9596,7 +9633,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     onChange: props.onChange,
     theme: props.theme
   })), React.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;
@@ -9610,7 +9647,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   }), props.label));
 };
-var rootClassName$1x = 'component-table';
+var rootClassName$1y = 'component-table';
 function TypedTable(props) {
   return React.createElement(Table, Object.assign({}, props));
 }
@@ -9623,8 +9660,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');
         },
@@ -9660,7 +9697,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;
@@ -9673,9 +9710,9 @@ function Table(props) {
   };
   return React.createElement("div", {
-    className: rootClassName$1x + "-outer"
+    className: rootClassName$1y + "-outer"
   }, props.upperHeader ? React.createElement(React.Fragment, null, React.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;
@@ -9686,7 +9723,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.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React.createElement("div", {
-    className: rootClassName$1x + "-outer-table"
+    className: rootClassName$1y + "-outer-table"
   }, React.createElement("table", Object.assign({}, getProps()), React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
@@ -9732,16 +9769,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.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.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.createElement("span", null, obj.name), React.createElement(IconButton$1, {
       icon: line.uploading ? React.createElement(PercentLoaderIcon, {
         indefinido: line.indefinido,
@@ -9760,10 +9797,10 @@ function TableFileNameAndAction(props) {
 TableFileNameAndAction.defaultProps = {};
 var TableFileNameAndAction$1 = memo(TableFileNameAndAction);
-var rootClassName$1z = 'icon-component';
+var rootClassName$1A = 'icon-component';
 var CircleArrowLeft = function CircleArrowLeft() {
   return React.createElement("svg", {
-    className: rootClassName$1z,
+    className: rootClassName$1A,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -9884,22 +9921,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.createElement("div", {
-    className: getMergedClassNames([rootClassName$1A, props.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$1B, props.active ? 'active' : ''])
   }, React.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.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.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
@@ -9907,19 +9944,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.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
   })), React.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.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.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
       key: "children_" + i
@@ -9928,25 +9965,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.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
   })), props.collapsedContent ? React.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: true
   }, React.createElement(Row$1, {
-    className: rootClassName$1A + "-collapsed"
+    className: rootClassName$1B + "-collapsed"
   }, props.collapsedContent)) : undefined);
 }
 var TableUpperHeader$1 = memo(TableUpperHeader);
-var rootClassName$1B = 'component-table-with-overflow';
+var rootClassName$1C = 'component-table-with-overflow';
 function TableWithOverflow(props) {
   var mediaQuery = useScreenSize();
   var wrapperClassName = 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 = createRef();
   useDraggableScroll(outerTableRef, {
@@ -10039,9 +10076,9 @@ function TableWithOverflow(props) {
     });
   }, [props.columns, props.lines, atLeastOneStaticColumn]);
   return React.createElement("div", {
-    className: rootClassName$1B
+    className: rootClassName$1C
   }, props.upperHeader ? React.createElement("div", {
-    className: rootClassName$1B + "-upper-header"
+    className: rootClassName$1C + "-upper-header"
   }, React.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React.createElement("div", {
     className: wrapperClassName,
     style: {
@@ -10049,7 +10086,7 @@ function TableWithOverflow(props) {
       paddingRight: paddingRight
     }
   }, props.showTopNavigator && React.createElement("div", {
-    className: rootClassName$1B + "-table-arrows"
+    className: rootClassName$1C + "-table-arrows"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(CircleArrowLeft, null),
     onClick: function onClick() {
@@ -10061,14 +10098,14 @@ function TableWithOverflow(props) {
       handleArrowClick(150);
     }
   })), React.createElement("div", {
-    className: rootClassName$1B + "-outer-table",
+    className: rootClassName$1C + "-outer-table",
     ref: outerTableRef
   }, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
     className: 'absolute left-0'
   }), columnsHeader, React.createElement("th", {
     className: 'absolute right-0'
   })), React.createElement("tr", null)), React.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React.createElement("div", {
-    className: rootClassName$1B + "-no-result"
+    className: rootClassName$1C + "-no-result"
   }, props.noResultMessage) : undefined));
 }
@@ -10077,7 +10114,7 @@ TableWithOverflow.defaultProps = {
 };
 var TableWithOverflow$1 = memo(TableWithOverflow);
-var rootClassName$1C = 'component-tabs';
+var rootClassName$1D = 'component-tabs';
 function Tabs(props) {
   var _props$tabs;
@@ -10107,14 +10144,14 @@ function Tabs(props) {
     };
   }, [startBar]);
   return React.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.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);
       },
@@ -10124,16 +10161,16 @@ function Tabs(props) {
     }, React.createElement("span", null, tab.title));
   }), React.createElement("div", {
     ref: actualRef,
-    className: rootClassName$1C + "-bar"
+    className: rootClassName$1D + "-bar"
   }));
 }
 var Tabs$1 = memo(Tabs);
-var rootClassName$1D = 'icon-component';
+var rootClassName$1E = 'icon-component';
 var AlignCenterIcon = function AlignCenterIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1D,
+    className: rootClassName$1E,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10142,10 +10179,10 @@ var AlignCenterIcon = function AlignCenterIcon() {
   }));
 };
-var rootClassName$1E = 'icon-component';
+var rootClassName$1F = 'icon-component';
 var AlignJustifyIcon = function AlignJustifyIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1E,
+    className: rootClassName$1F,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10154,10 +10191,10 @@ var AlignJustifyIcon = function AlignJustifyIcon() {
   }));
 };
-var rootClassName$1F = 'icon-component';
+var rootClassName$1G = 'icon-component';
 var AlignLeftIcon = function AlignLeftIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1F,
+    className: rootClassName$1G,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10166,10 +10203,10 @@ var AlignLeftIcon = function AlignLeftIcon() {
   }));
 };
-var rootClassName$1G = 'icon-component';
+var rootClassName$1H = 'icon-component';
 var AlignRightIcon = function AlignRightIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1G,
+    className: rootClassName$1H,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10178,10 +10215,10 @@ var AlignRightIcon = function AlignRightIcon() {
   }));
 };
-var rootClassName$1H = 'icon-component';
+var rootClassName$1I = 'icon-component';
 var BoldIcon = function BoldIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1H,
+    className: rootClassName$1I,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10190,10 +10227,10 @@ var BoldIcon = function BoldIcon() {
   }));
 };
-var rootClassName$1I = 'icon-component';
+var rootClassName$1J = 'icon-component';
 var FontColorIcon = function FontColorIcon(props) {
   return React.createElement("svg", {
-    className: rootClassName$1I,
+    className: rootClassName$1J,
     viewBox: '-52 -80 299 372',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10215,10 +10252,10 @@ var FontColorIcon = function FontColorIcon(props) {
   })));
 };
-var rootClassName$1J = 'icon-component';
+var rootClassName$1K = 'icon-component';
 var FontIcon = function FontIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1J,
+    className: rootClassName$1K,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10227,10 +10264,10 @@ var FontIcon = function FontIcon() {
   }));
 };
-var rootClassName$1K = 'icon-component';
+var rootClassName$1L = 'icon-component';
 var ItalicIcon = function ItalicIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1K,
+    className: rootClassName$1L,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10239,10 +10276,10 @@ var ItalicIcon = function ItalicIcon() {
   }));
 };
-var rootClassName$1L = 'icon-component';
+var rootClassName$1M = 'icon-component';
 var LinkIcon = function LinkIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1L,
+    className: rootClassName$1M,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10251,10 +10288,10 @@ var LinkIcon = function LinkIcon() {
   }));
 };
-var rootClassName$1M = 'icon-component';
+var rootClassName$1N = 'icon-component';
 var RedoIcon = function RedoIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1M,
+    className: rootClassName$1N,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10263,10 +10300,10 @@ var RedoIcon = function RedoIcon() {
   }));
 };
-var rootClassName$1N = 'icon-component';
+var rootClassName$1O = 'icon-component';
 var UnderlineIcon = function UnderlineIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1N,
+    className: rootClassName$1O,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10275,10 +10312,10 @@ var UnderlineIcon = function UnderlineIcon() {
   }));
 };
-var rootClassName$1O = 'icon-component';
+var rootClassName$1P = 'icon-component';
 var UndoIcon = function UndoIcon() {
   return React.createElement("svg", {
-    className: rootClassName$1O,
+    className: rootClassName$1P,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -10287,7 +10324,7 @@ var UndoIcon = function UndoIcon() {
   }));
 };
-var rootClassName$1P = 'text-editor-header-input';
+var rootClassName$1Q = 'text-editor-header-input';
 function TextEditorHeaderInput(props) {
   var _useState = useState(getUniqueKey()),
       inputLabelId = _useState[0];
@@ -10307,7 +10344,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') {
@@ -10318,10 +10355,10 @@ function TextEditorHeaderInput(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1P
+    className: rootClassName$1Q
   }, /*#__PURE__*/React.createElement("div", {
     id: inputLabelId,
-    className: getMergedClassNames([rootClassName$1P + "-label", props.value ? 'top' : ''])
+    className: getMergedClassNames([rootClassName$1Q + "-label", props.value ? 'top' : ''])
   }, props.label), /*#__PURE__*/React.createElement("input", getInputProps()));
 }
 TextEditorHeaderInput.propTypes = {
@@ -10334,10 +10371,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.createElement("button", _extends({}, props, {
-    className: getMergedClassNames([props.className || '', rootClassName$1Q])
+    className: getMergedClassNames([props.className || '', rootClassName$1R])
   }));
 }
 TextEditorMenuButton.propTypes = {
@@ -10345,8 +10382,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) {
@@ -10427,9 +10464,9 @@ function TextEditorColorPicker(props) {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$1R
+    className: rootClassName$1S
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-colors"
+    className: rootClassName$1S + "-colors"
   }, defaultColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -10439,7 +10476,7 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-colors"
+    className: rootClassName$1S + "-colors"
   }, lastUsedColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -10450,9 +10487,9 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-hexa-row"
+    className: rootClassName$1S + "-hexa-row"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-picker-col"
+    className: rootClassName$1S + "-picker-col"
   }, /*#__PURE__*/React.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
@@ -10463,7 +10500,7 @@ function TextEditorColorPicker(props) {
         setHexa(val);
       }, 200);
     },
-    className: rootClassName$1R + "-color-picker",
+    className: rootClassName$1S + "-color-picker",
     type: "color"
   })), /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Hexadecimal",
@@ -10489,10 +10526,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.createElement("button", {
-    className: getMergedClassNames([rootClassName$1S, props.active ? 'active' : '']),
+    className: getMergedClassNames([rootClassName$1T, props.active ? 'active' : '']),
     onClick: props.onClick,
     disabled: props.disabled
   }, props.icon);
@@ -10504,7 +10541,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 = useState(getUniqueKey()),
       id = _useState[0];
@@ -10548,7 +10585,7 @@ function TextEditorTitleChoser(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1T,
+    className: rootClassName$1U,
     id: id
   }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
@@ -10568,7 +10605,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 = useState(getUniqueKey()),
       id = _useState[0];
@@ -10644,9 +10681,9 @@ function TextEditorUrlCreator(props) {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$1U
+    className: rootClassName$1V
   }, /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$1U + "-url-row"
+    className: rootClassName$1V + "-url-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Url",
     value: urlValue,
@@ -10655,7 +10692,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$1U + "-text-row"
+    className: rootClassName$1V + "-text-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Texto",
     value: textValue,
@@ -10664,7 +10701,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$1U + "-new-tab-row"
+    className: rootClassName$1V + "-new-tab-row"
   }, /*#__PURE__*/React.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
@@ -10675,7 +10712,7 @@ function TextEditorUrlCreator(props) {
       return setNewTab(!newTab);
     }
   }, "Nova Guia")), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$1U + "-ok-row"
+    className: rootClassName$1V + "-ok-row"
   }, /*#__PURE__*/React.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
@@ -10690,7 +10727,7 @@ TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
-var rootClassName$1V = 'component-text-editor';
+var rootClassName$1W = 'component-text-editor';
 function TextEditor(props) {
   var _useState = useState(getUniqueKey()),
       id = _useState[0];
@@ -10713,7 +10750,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;
@@ -10740,7 +10777,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') {
@@ -10804,13 +10841,13 @@ function TextEditor(props) {
     }
   }, [props.value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1V + "-outer"
+    className: rootClassName$1W + "-outer"
   }, !props.hideTopLabel && /*#__PURE__*/React.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.createElement("div", getProps(), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1V + "-header"
+    className: rootClassName$1W + "-header"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1V + "-left-content"
+    className: rootClassName$1W + "-left-content"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
@@ -10930,7 +10967,7 @@ function TextEditor(props) {
       document.querySelector("#" + id).focus();
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1V + "-right-content"
+    className: rootClassName$1W + "-right-content"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     icon: /*#__PURE__*/React.createElement(UndoIcon, null),
@@ -10945,12 +10982,12 @@ function TextEditor(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$1V + "-editor",
+    className: rootClassName$1W + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
   })), !props.hideHelperText && /*#__PURE__*/React.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 = {
@@ -10977,17 +11014,17 @@ var ToastTypes;
   ToastTypes["Error"] = "error";
 })(ToastTypes || (ToastTypes = {}));
-var rootClassName$1W = 'component-toast';
+var rootClassName$1X = 'component-toast';
 function Toast(props) {
   var _useState = 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]);
   };
   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";
@@ -11034,22 +11071,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React.createElement("div", {
-    className: rootClassName$1W + "-left-content"
+    className: rootClassName$1X + "-left-content"
   }, props.label), React.createElement("div", {
-    className: rootClassName$1W + "-right-content"
+    className: rootClassName$1X + "-right-content"
   }, props.showActionButton && React.createElement("div", {
-    className: rootClassName$1W + "-action-button"
+    className: rootClassName$1X + "-action-button"
   }, props.actionButtonText), React.createElement("div", {
-    className: rootClassName$1W + "-close-button"
+    className: rootClassName$1X + "-close-button"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onClose === 'function') props.onClose();
     }
   }))), props.timeout ? React.createElement("div", {
-    className: getMergedClassNames([rootClassName$1W + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$1X + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React.createElement("div", {
-    className: rootClassName$1W + "-fill",
+    className: rootClassName$1X + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -11064,7 +11101,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
-var rootClassName$1X = 'comp-toast-manager';
+var rootClassName$1Y = 'comp-toast-manager';
 var count = 0;
 var ToastManager = forwardRef(function (props, ref) {
   var _useState = useState([]),
@@ -11139,11 +11176,11 @@ var ToastManager = 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" : '']);
   };
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$1X + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$1Y + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -11154,7 +11191,7 @@ var ToastManager = 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;
           }
@@ -11163,7 +11200,7 @@ var ToastManager = 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)";
           }
@@ -11172,7 +11209,7 @@ var ToastManager = 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)";
           }
@@ -11183,7 +11220,7 @@ var ToastManager = 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;
           }
@@ -11196,11 +11233,11 @@ var ToastManager = forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$1X + "-toast",
+      classNames: rootClassName$1Y + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$1X + "-toastzin"
+      className: rootClassName$1Y + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -11230,7 +11267,7 @@ var TooltipPosition;
   TooltipPosition["Bottom"] = "bottom";
 })(TooltipPosition || (TooltipPosition = {}));
-var rootClassName$1Y = 'component-tooltip';
+var rootClassName$1Z = 'component-tooltip';
 function Tooltip(props) {
   var _useState = useState(props.id || getUniqueKey()),
       id = _useState[0];
@@ -11238,13 +11275,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])
     });
   };
   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;
@@ -11265,16 +11302,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React.createElement("div", {
-    className: rootClassName$1Y + "-outer"
+    className: rootClassName$1Z + "-outer"
   }, React.createElement("div", Object.assign({}, getProps()), props.children, React.createElement("div", {
-    className: rootClassName$1Y + "-triangle"
+    className: rootClassName$1Z + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: TooltipPosition.Top
 };
-var rootClassName$1Z = 'tooltip-manager';
+var rootClassName$1_ = 'tooltip-manager';
 function TooltipManager() {
   var _useState = useState([]),
       arrayOfTooltips = _useState[0],
@@ -11373,17 +11410,17 @@ function TooltipManager() {
     };
   }, []);
   return React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
-    className: rootClassName$1Z
+    className: rootClassName$1_
   }, arrayOfTooltips.map(function (tooltip) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$1Z + "-tooltip",
+      classNames: rootClassName$1_ + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React.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) {
@@ -11400,7 +11437,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
-var rootClassName$1_ = 'component-top-loader';
+var rootClassName$1$ = 'component-top-loader';
 function TopLoader(props) {
   return React.createElement(CSSTransition, {
     classNames: 'fade',
@@ -11408,11 +11445,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$1_
+    className: rootClassName$1$
   }, React.createElement("div", {
-    className: rootClassName$1_ + "-logo"
+    className: rootClassName$1$ + "-logo"
   }, props.logo), props.status && React.createElement("div", {
-    className: rootClassName$1_ + "-status"
+    className: rootClassName$1$ + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -11421,11 +11458,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;
@@ -11442,20 +11479,20 @@ function VideoItem(props) {
     blackGround: props.blackGround || false
   })), React.createElement(Col$1, {
     cols: [12, 12, 6, 8, 8],
-    className: rootClassName$1$ + "-text-col"
+    className: rootClassName$20 + "-text-col"
   }, React.createElement(Row$1, {
-    className: rootClassName$1$ + "-text-row"
+    className: rootClassName$20 + "-text-row"
   }, React.createElement(Col$1, {
-    className: rootClassName$1$ + "-title"
+    className: rootClassName$20 + "-title"
   }, props.title), React.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 = useCallback(function () {
     props.onClose(props.modalKey);
@@ -11463,7 +11500,7 @@ function VideoModal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$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;
@@ -11482,12 +11519,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$20 + "-close-button"
+    className: rootClassName$21 + "-close-button"
   }, React.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   })), React.createElement("div", {
-    className: rootClassName$20 + "-video-row"
+    className: rootClassName$21 + "-video-row"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -11527,7 +11564,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() {
@@ -11613,14 +11650,14 @@ function useModalManager() {
   };
   return [React.createElement(React.Fragment, null, React.createElement(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.createElement(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.createElement(ModalMask, {
@@ -11640,7 +11677,27 @@ function useModalManager() {
   }))), openModal, closeModal];
 }
-var rootClassName$22 = 'comp-toast-manager';
+function useStorageState(storage, key, initialValue) {
+  var _useState = useState(initialValue),
+      value = _useState[0],
+      setValue = _useState[1];
+  useEffect(function () {
+    if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
+      try {
+        setValue(JSON.parse(storage.getItem(key)));
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }, []);
+  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 = useState([]),
@@ -11688,10 +11745,10 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = 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]);
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$22 + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$23 + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -11702,7 +11759,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;
           }
@@ -11711,7 +11768,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)";
           }
@@ -11720,7 +11777,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)";
           }
@@ -11731,7 +11788,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;
           }
@@ -11744,11 +11801,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$22 + "-toast",
+      classNames: rootClassName$23 + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$22 + "-toastzin"
+      className: rootClassName$23 + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -11937,5 +11994,5 @@ var ModalSizes;
   ModalSizes["ExtraLarge"] = "extra-large";
 })(ModalSizes || (ModalSizes = {}));
-export { Accordion, Aconteceu, ActionsColumn, AdvancedSemiHeader, AlertModal, AnimatedLink$1 as AnimatedLink, AssembleiaItem$1 as AssembleiaItem, AssembleiaPauta$1 as AssembleiaPauta, Banner, BannerAssembleia$1 as BannerAssembleia, BannerPesquisaCpfCnpj$1 as BannerPesquisaCpfCnpj, BigBlockButton, BlobFileTypes, BlocoDeNotas, BlocoMinhasAssembleias$1 as BlocoMinhasAssembleias, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Card, CardTypes, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, Checkbox$1 as Checkbox, CheckboxThemes, Col$1 as Col, Collapse$1 as Collapse, ConfirmModal, Container$1 as Container, DatePicker$1 as DatePicker, DestructiveModal, Doughnut$1 as Doughnut, DoughnutSquare, DropdownItem$1 as DropdownItem, DropdownMenu, EditableVideoItem$1 as EditableVideoItem, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FileUpload, FooterSicredi$1 as FooterSicredi, FullHeightContainer$1 as FullHeightContainer, FundacaoLogoTheme, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, Header$1 as Header, HeaderSearchField, HeaderSeparator, HeaderType, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, Input$1 as Input, InputArea$1 as InputArea, ItemDropdownDownload$1 as ItemDropdownDownload, LeftCheckboxWithLabel, Menu$1 as Menu, MenuItem, Modal, ModalManager, ModalSizes, ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, NotificationPosition, NotificationType, PageSubTitle, PageTitle, Paginator, PreviaVideo$1 as PreviaVideo, ProgressBar, RadioButton$1 as RadioButton, RadioButtonType, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, SearchBlocoDeNotas, Select$1 as Select, SicrediLogoTheme, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TypedTable, VideoItem, VideoModal, VideoPlayer, getStatusClassName, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useTimeElapsed, useToastManager, useValidatedState };
+export { Accordion, Aconteceu, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AdvancedSemiHeader, AlertModal, AnimatedLink$1 as AnimatedLink, AssembleiaItem$1 as AssembleiaItem, AssembleiaPauta$1 as AssembleiaPauta, Banner, BannerAssembleia$1 as BannerAssembleia, BannerPesquisaCpfCnpj$1 as BannerPesquisaCpfCnpj, BigBlockButton, BlobFileTypes, BlocoDeNotas, BlocoMinhasAssembleias$1 as BlocoMinhasAssembleias, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Card, CardTypes, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, Checkbox$1 as Checkbox, CheckboxThemes, Col$1 as Col, Collapse$1 as Collapse, ConfirmModal, Container$1 as Container, DatePicker$1 as DatePicker, DestructiveModal, Doughnut$1 as Doughnut, DoughnutSquare, DropdownItem$1 as DropdownItem, DropdownMenu, EditableVideoItem$1 as EditableVideoItem, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FileUpload, FooterSicredi$1 as FooterSicredi, FullHeightContainer$1 as FullHeightContainer, FundacaoLogoTheme, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, Header$1 as Header, HeaderSearchField, HeaderSeparator, HeaderType, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, Input$1 as Input, InputArea$1 as InputArea, ItemDropdownDownload$1 as ItemDropdownDownload, LeftCheckboxWithLabel, Menu$1 as Menu, MenuItem, Modal, ModalManager, ModalSizes, ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, NotificationPosition, NotificationType, PageSubTitle, PageTitle, Paginator, PreviaVideo$1 as PreviaVideo, ProgressBar, RadioButton$1 as RadioButton, RadioButtonType, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, SearchBlocoDeNotas, Select$1 as Select, SicrediLogoTheme, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TypedTable, VideoItem, VideoModal, VideoPlayer, getStatusClassName, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
 //# sourceMappingURL=index.modern.js.map