plataforma-fundacao-componentes 2.24.2 → 2.25.1

package/dist/index.modern.js

@@ -61,16 +61,16 @@ var PaymentIcon = function PaymentIcon() {
 };
 
 var rootClassName$4 = 'icon-component';
-var AddCircleIcon = function AddCircleIcon() {
+var AddIcon = function AddIcon() {
   return React$1.createElement("svg", {
     className: rootClassName$4,
-    viewBox: '-2 -2 28 28',
-    fill: 'currentColor',
+    viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    d: 'M24 12C24 5.37129 18.6287 0 12 0C5.37129 0 0 5.37129 0 12C0 14.0388 0.509249 16.0045 1.46771 17.7543C2.20618 19.1018 3.1944 20.2953 4.37466 21.2658C6.50667 23.0227 9.17895 24 12 24C18.6287 24 24 18.6287 24 12ZM1.5 12C1.5 6.19971 6.19971 1.5 12 1.5C17.8003 1.5 22.5 6.19971 22.5 12C22.5 17.8003 17.8003 22.5 12 22.5C9.53024 22.5 7.19438 21.6458 5.32797 20.1077C4.29496 19.2583 3.42979 18.2134 2.7832 17.0336C1.9451 15.5035 1.5 13.7854 1.5 12ZM11.25 11.25H5.81212C5.3979 11.25 5.06212 11.5858 5.06212 12C5.06212 12.4142 5.3979 12.75 5.81212 12.75H11.25L11.25 18.1879C11.25 18.6021 11.5858 18.9379 12 18.9379C12.4142 18.9379 12.75 18.6021 12.75 18.1879L12.75 12.75L18.1879 12.75C18.6021 12.75 18.9379 12.4142 18.9379 12C18.9379 11.5858 18.6021 11.25 18.1879 11.25L12.75 11.25V5.81212C12.75 5.3979 12.4142 5.06212 12 5.06212C11.5858 5.06212 11.25 5.3979 11.25 5.81212V11.25Z'
+    "fill-rule": 'evenodd',
+    "clip-rule": 'evenodd',
+    d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17 11.5C17.2761 11.5 17.5 11.7239 17.5 12C17.5 12.2455 17.3231 12.4496 17.0899 12.4919L17 12.5H12.5V17C12.5 17.2761 12.2761 17.5 12 17.5C11.7545 17.5 11.5504 17.3231 11.5081 17.0899L11.5 17V12.5H7C6.72386 12.5 6.5 12.2761 6.5 12C6.5 11.7545 6.67688 11.5504 6.91012 11.5081L7 11.5H11.5V7C11.5 6.72386 11.7239 6.5 12 6.5C12.2455 6.5 12.4496 6.67688 12.4919 6.91012L12.5 7V11.5H17Z',
+    fill: 'currentColor'
   }));
 };
 
@@ -129,6 +129,18 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -307,23 +319,9 @@ var AddAssemblyIcon = function AddAssemblyIcon() {
 };
 
 var rootClassName$9 = 'icon-component';
-var AddIcon = function AddIcon() {
-  return React$1.createElement("svg", {
-    className: rootClassName$9,
-    viewBox: '0 0 24 24',
-    fill: 'currentColor',
-    xmlns: 'http://www.w3.org/2000/svg'
-  }, React$1.createElement("path", {
-    fillRule: 'evenodd',
-    clipRule: 'evenodd',
-    d: 'M24 12C24 5.37129 18.6287 0 12 0C5.37129 0 0 5.37129 0 12C0 14.0388 0.509249 16.0045 1.46771 17.7543C2.20618 19.1018 3.1944 20.2953 4.37466 21.2658C6.50667 23.0227 9.17895 24 12 24C18.6287 24 24 18.6287 24 12ZM1.5 12C1.5 6.19971 6.19971 1.5 12 1.5C17.8003 1.5 22.5 6.19971 22.5 12C22.5 17.8003 17.8003 22.5 12 22.5C9.53024 22.5 7.19438 21.6458 5.32797 20.1077C4.29496 19.2583 3.42979 18.2134 2.7832 17.0336C1.9451 15.5035 1.5 13.7854 1.5 12ZM11.25 11.25H5.81212C5.3979 11.25 5.06212 11.5858 5.06212 12C5.06212 12.4142 5.3979 12.75 5.81212 12.75H11.25L11.25 18.1879C11.25 18.6021 11.5858 18.9379 12 18.9379C12.4142 18.9379 12.75 18.6021 12.75 18.1879L12.75 12.75L18.1879 12.75C18.6021 12.75 18.9379 12.4142 18.9379 12C18.9379 11.5858 18.6021 11.25 18.1879 11.25L12.75 11.25V5.81212C12.75 5.3979 12.4142 5.06212 12 5.06212C11.5858 5.06212 11.25 5.3979 11.25 5.81212V11.25Z'
-  }));
-};
-
-var rootClassName$a = 'icon-component';
 var CircleArrowRight = function CircleArrowRight() {
   return React$1.createElement("svg", {
-    className: rootClassName$a,
+    className: rootClassName$9,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("g", {
@@ -470,10 +468,10 @@ FundacaoLogo.defaultProps = {
   theme: FundacaoLogoTheme.Verde
 };
 
-var rootClassName$b = 'icon-component';
+var rootClassName$a = 'icon-component';
 var PieChartIcon = function PieChartIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$b,
+    className: rootClassName$a,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -484,10 +482,10 @@ var PieChartIcon = function PieChartIcon() {
   }));
 };
 
-var rootClassName$c = 'icon-component';
+var rootClassName$b = 'icon-component';
 var AlignCenterIcon = function AlignCenterIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$c,
+    className: rootClassName$b,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -496,10 +494,10 @@ var AlignCenterIcon = function AlignCenterIcon() {
   }));
 };
 
-var rootClassName$d = 'icon-component';
+var rootClassName$c = 'icon-component';
 var ClockIcon = function ClockIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$d,
+    className: rootClassName$c,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -510,10 +508,10 @@ var ClockIcon = function ClockIcon() {
   }));
 };
 
-var rootClassName$e = 'icon-component';
+var rootClassName$d = 'icon-component';
 var FundoSocialIcon = function FundoSocialIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$e,
+    className: rootClassName$d,
     viewBox: '0 0 109 74',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -565,10 +563,10 @@ var FundoSocialIcon = function FundoSocialIcon() {
   }));
 };
 
-var rootClassName$f = 'icon-component';
+var rootClassName$e = 'icon-component';
 var PlayIcon = function PlayIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$f,
+    className: rootClassName$e,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -579,10 +577,10 @@ var PlayIcon = function PlayIcon() {
   }));
 };
 
-var rootClassName$g = 'icon-component';
+var rootClassName$f = 'icon-component';
 var AlignJustifyIcon = function AlignJustifyIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$g,
+    className: rootClassName$f,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -591,10 +589,10 @@ var AlignJustifyIcon = function AlignJustifyIcon() {
   }));
 };
 
-var rootClassName$h = 'icon-component';
+var rootClassName$g = 'icon-component';
 var CloseIcon = function CloseIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$h,
+    className: rootClassName$g,
     viewBox: '-2 -2 26 26',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -608,10 +606,10 @@ var CloseIcon = function CloseIcon() {
   }));
 };
 
-var rootClassName$i = 'icon-component';
+var rootClassName$h = 'icon-component';
 var GlobeIcon = function GlobeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$i,
+    className: rootClassName$h,
     viewBox: '0 0 16 17',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -622,10 +620,10 @@ var GlobeIcon = function GlobeIcon() {
   }));
 };
 
-var rootClassName$j = 'icon-component';
+var rootClassName$i = 'icon-component';
 var AlignLeftIcon = function AlignLeftIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$j,
+    className: rootClassName$i,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -634,10 +632,10 @@ var AlignLeftIcon = function AlignLeftIcon() {
   }));
 };
 
-var rootClassName$k = 'icon-component';
+var rootClassName$j = 'icon-component';
 var CloudDownloadIcon = function CloudDownloadIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$k,
+    className: rootClassName$j,
     viewBox: '-1 -1 18 14',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -650,10 +648,10 @@ var CloudDownloadIcon = function CloudDownloadIcon() {
   }));
 };
 
-var rootClassName$l = 'icon-component';
+var rootClassName$k = 'icon-component';
 var GraduationIcon = function GraduationIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$l,
+    className: rootClassName$k,
     viewBox: '0 0 24 12',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -664,10 +662,10 @@ var GraduationIcon = function GraduationIcon() {
   }));
 };
 
-var rootClassName$m = 'icon-component';
+var rootClassName$l = 'icon-component';
 var RedoIcon = function RedoIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$m,
+    className: rootClassName$l,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -676,10 +674,10 @@ var RedoIcon = function RedoIcon() {
   }));
 };
 
-var rootClassName$n = 'icon-component';
+var rootClassName$m = 'icon-component';
 var AlignRightIcon = function AlignRightIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$n,
+    className: rootClassName$m,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -688,10 +686,10 @@ var AlignRightIcon = function AlignRightIcon() {
   }));
 };
 
-var rootClassName$o = 'icon-component';
+var rootClassName$n = 'icon-component';
 var CloudUploadIcon = function CloudUploadIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$o,
+    className: rootClassName$n,
     viewBox: '-1 -1 18 14',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -704,10 +702,10 @@ var CloudUploadIcon = function CloudUploadIcon() {
   }));
 };
 
-var rootClassName$p = 'icon-component';
+var rootClassName$o = 'icon-component';
 var HamburgerIcon = function HamburgerIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$p,
+    className: rootClassName$o,
     viewBox: '0 0 24 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -718,10 +716,10 @@ var HamburgerIcon = function HamburgerIcon() {
   }));
 };
 
-var rootClassName$q = 'refresh-icon';
+var rootClassName$p = 'refresh-icon';
 var RefreshIcon = function RefreshIcon(props) {
   return React$1.createElement("svg", {
-    className: getMergedClassNames([rootClassName$q, props.animate ? 'animate' : '']),
+    className: getMergedClassNames([rootClassName$p, props.animate ? 'animate' : '']),
     viewBox: '0 0 24 20',
     fill: 'none',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -735,10 +733,10 @@ RefreshIcon.defaultProps = {
   animate: true
 };
 
-var rootClassName$r = 'icon-component';
+var rootClassName$q = 'icon-component';
 var ArrowLeftIcon = function ArrowLeftIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$r,
+    className: rootClassName$q,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -747,10 +745,10 @@ var ArrowLeftIcon = function ArrowLeftIcon() {
   }));
 };
 
-var rootClassName$s = 'icon-component';
+var rootClassName$r = 'icon-component';
 var ComitesIcon = function ComitesIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$s,
+    className: rootClassName$r,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -761,10 +759,10 @@ var ComitesIcon = function ComitesIcon() {
   }));
 };
 
-var rootClassName$t = 'icon-component';
+var rootClassName$s = 'icon-component';
 var HandUpIcon = function HandUpIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$t,
+    className: rootClassName$s,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -776,10 +774,10 @@ var HandUpIcon = function HandUpIcon() {
   }));
 };
 
-var rootClassName$u = 'icon-component';
+var rootClassName$t = 'icon-component';
 var SearchIcon = function SearchIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$u,
+    className: rootClassName$t,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -790,10 +788,10 @@ var SearchIcon = function SearchIcon() {
   }));
 };
 
-var rootClassName$v = 'icon-component';
+var rootClassName$u = 'icon-component';
 var ArrowRightIcon = function ArrowRightIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$v,
+    className: rootClassName$u,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -804,10 +802,10 @@ var ArrowRightIcon = function ArrowRightIcon() {
   }));
 };
 
-var rootClassName$w = 'icon-component';
+var rootClassName$v = 'icon-component';
 var ComunidadeIcon = function ComunidadeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$w,
+    className: rootClassName$v,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -818,10 +816,10 @@ var ComunidadeIcon = function ComunidadeIcon() {
   }));
 };
 
-var rootClassName$x = 'icon-component';
+var rootClassName$w = 'icon-component';
 var HomeIcon = function HomeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$x,
+    className: rootClassName$w,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -832,10 +830,10 @@ var HomeIcon = function HomeIcon() {
   }));
 };
 
-var rootClassName$y = 'icon-component';
+var rootClassName$x = 'icon-component';
 var SettingsIcon = function SettingsIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$y,
+    className: rootClassName$x,
     viewBox: '0 0 19 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -846,10 +844,10 @@ var SettingsIcon = function SettingsIcon() {
   }));
 };
 
-var rootClassName$z = 'icon-component';
+var rootClassName$y = 'icon-component';
 var AssembleiasIcon = function AssembleiasIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$z,
+    className: rootClassName$y,
     viewBox: '0 0 20 19',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -860,10 +858,10 @@ var AssembleiasIcon = function AssembleiasIcon() {
   }));
 };
 
-var rootClassName$A = 'icon-component';
+var rootClassName$z = 'icon-component';
 var CreditIcon = function CreditIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$A,
+    className: rootClassName$z,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -874,10 +872,10 @@ var CreditIcon = function CreditIcon() {
   }));
 };
 
-var rootClassName$B = 'icon-component';
+var rootClassName$A = 'icon-component';
 var InformationIcon = function InformationIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$B,
+    className: rootClassName$A,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -903,7 +901,7 @@ var SicrediLogoTheme;
   SicrediLogoTheme["Branco"] = "branco";
 })(SicrediLogoTheme || (SicrediLogoTheme = {}));
 
-var rootClassName$C = 'sicredi-logo';
+var rootClassName$B = 'sicredi-logo';
 var SicrediLogo = function SicrediLogo(props) {
   var primaryColor = useMemo(function () {
     return props.theme === SicrediLogoTheme.Verde ? '#3fa110' : '#FFFFFF';
@@ -912,7 +910,7 @@ var SicrediLogo = function SicrediLogo(props) {
     return props.theme === SicrediLogoTheme.Verde ? '#146e37' : '#DDDDDD';
   }, [props.theme]);
   return React$1.createElement("div", {
-    className: rootClassName$C
+    className: rootClassName$B
   }, React$1.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     height: props.height,
@@ -984,7 +982,7 @@ var SicrediLogo = function SicrediLogo(props) {
     fill: secondaryColor
   })), React$1.createElement("path", {
     id: 'Caminho_17',
-    className: props.hideLetters ? rootClassName$C + "-hide-letters" : '',
+    className: props.hideLetters ? rootClassName$B + "-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
   }))));
@@ -995,10 +993,10 @@ SicrediLogo.defaultProps = {
   hideLetters: false
 };
 
-var rootClassName$D = 'icon-component';
+var rootClassName$C = 'icon-component';
 var ATMIcon = function ATMIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$D,
+    className: rootClassName$C,
     viewBox: '0 0 24 19',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1009,10 +1007,10 @@ var ATMIcon = function ATMIcon() {
   }));
 };
 
-var rootClassName$E = 'icon-component';
+var rootClassName$D = 'icon-component';
 var InvestimentIcon = function InvestimentIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$E,
+    className: rootClassName$D,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1023,10 +1021,10 @@ var InvestimentIcon = function InvestimentIcon() {
   }));
 };
 
-var rootClassName$F = 'icon-component';
+var rootClassName$E = 'icon-component';
 var SquaresIcon = function SquaresIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$F,
+    className: rootClassName$E,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1037,10 +1035,10 @@ var SquaresIcon = function SquaresIcon() {
   }));
 };
 
-var rootClassName$G = 'icon-component';
+var rootClassName$F = 'icon-component';
 var BackOfficeIcon = function BackOfficeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$G,
+    className: rootClassName$F,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1154,10 +1152,10 @@ CrescerLogo.defaultProps = {
   letterColor: '#3FA110'
 };
 
-var rootClassName$H = 'icon-component';
+var rootClassName$G = 'icon-component';
 var ItalicIcon = function ItalicIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$H,
+    className: rootClassName$G,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1166,10 +1164,10 @@ var ItalicIcon = function ItalicIcon() {
   }));
 };
 
-var rootClassName$I = 'icon-component';
+var rootClassName$H = 'icon-component';
 var SustentabilidadeIcon = function SustentabilidadeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$I,
+    className: rootClassName$H,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1181,10 +1179,10 @@ var SustentabilidadeIcon = function SustentabilidadeIcon() {
   }));
 };
 
-var rootClassName$J = 'icon-component';
+var rootClassName$I = 'icon-component';
 var BarChartIcon = function BarChartIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$J,
+    className: rootClassName$I,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1195,10 +1193,10 @@ var BarChartIcon = function BarChartIcon() {
   }));
 };
 
-var rootClassName$K = 'icon-component';
+var rootClassName$J = 'icon-component';
 var DownloadIcon = function DownloadIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$K,
+    className: rootClassName$J,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1211,10 +1209,10 @@ var DownloadIcon = function DownloadIcon() {
   })));
 };
 
-var rootClassName$L = 'icon-component';
+var rootClassName$K = 'icon-component';
 var LinkIcon = function LinkIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$L,
+    className: rootClassName$K,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1223,18 +1221,18 @@ var LinkIcon = function LinkIcon() {
   }));
 };
 
-var rootClassName$M = 'loader-three-dots';
+var rootClassName$L = 'loader-three-dots';
 var ThreeDotsLoader = function ThreeDotsLoader(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$M, rootClassName$M + "-" + (props.theme ? props.theme : 'primary'), rootClassName$M + "-size-" + (props.size ? props.size : 3)]),
+    className: getMergedClassNames([rootClassName$L, rootClassName$L + "-" + (props.theme ? props.theme : 'primary'), rootClassName$L + "-size-" + (props.size ? props.size : 3)]),
     style: props.style
   }, React$1.createElement("div", null), React$1.createElement("div", null), React$1.createElement("div", null));
 };
 
-var rootClassName$N = 'icon-component';
+var rootClassName$M = 'icon-component';
 var BeeIcon = function BeeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$N,
+    className: rootClassName$M,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1253,10 +1251,10 @@ var BeeIcon = function BeeIcon() {
   }))));
 };
 
-var rootClassName$O = 'icon-component';
+var rootClassName$N = 'icon-component';
 var DraggableIcon = function DraggableIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$O,
+    className: rootClassName$N,
     viewBox: '0 0 22 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1288,10 +1286,10 @@ var DraggableIcon = function DraggableIcon() {
   })));
 };
 
-var rootClassName$P = 'icon-component';
+var rootClassName$O = 'icon-component';
 var LinksUteisIcon = function LinksUteisIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$P,
+    className: rootClassName$O,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1303,10 +1301,10 @@ var LinksUteisIcon = function LinksUteisIcon() {
   }));
 };
 
-var rootClassName$Q = 'icon-component';
+var rootClassName$P = 'icon-component';
 var ThumbsUpIcon = function ThumbsUpIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$Q,
+    className: rootClassName$P,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1317,10 +1315,10 @@ var ThumbsUpIcon = function ThumbsUpIcon() {
   }));
 };
 
-var rootClassName$R = 'icon-component';
+var rootClassName$Q = 'icon-component';
 var EditIcon = function EditIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$R,
+    className: rootClassName$Q,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1331,10 +1329,10 @@ var EditIcon = function EditIcon() {
   }));
 };
 
-var rootClassName$S = 'icon-component';
+var rootClassName$R = 'icon-component';
 var ListDotIcon = function ListDotIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$S,
+    className: rootClassName$R,
     viewBox: '0 0 7 7',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1345,10 +1343,10 @@ var ListDotIcon = function ListDotIcon() {
   }));
 };
 
-var rootClassName$T = 'icon-component';
+var rootClassName$S = 'icon-component';
 var TimesCircleIcon = function TimesCircleIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$T,
+    className: rootClassName$S,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1359,10 +1357,10 @@ var TimesCircleIcon = function TimesCircleIcon() {
   }));
 };
 
-var rootClassName$U = 'icon-component';
+var rootClassName$T = 'icon-component';
 var BoldIcon = function BoldIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$U,
+    className: rootClassName$T,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1371,10 +1369,10 @@ var BoldIcon = function BoldIcon() {
   }));
 };
 
-var rootClassName$V = 'icon-component';
+var rootClassName$U = 'icon-component';
 var EvidenciasIcon = function EvidenciasIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$V,
+    className: rootClassName$U,
     viewBox: '0 0 26 25',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1385,10 +1383,10 @@ var EvidenciasIcon = function EvidenciasIcon() {
   }));
 };
 
-var rootClassName$W = 'icon-component';
+var rootClassName$V = 'icon-component';
 var ListIcon = function ListIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$W,
+    className: rootClassName$V,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1399,10 +1397,10 @@ var ListIcon = function ListIcon() {
   }));
 };
 
-var rootClassName$X = 'icon-component';
+var rootClassName$W = 'icon-component';
 var TransferenciaIcon = function TransferenciaIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$X,
+    className: rootClassName$W,
     viewBox: '0 0 19 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1413,10 +1411,10 @@ var TransferenciaIcon = function TransferenciaIcon() {
   }));
 };
 
-var rootClassName$Y = 'icon-component';
+var rootClassName$X = 'icon-component';
 var CalendarIcon = function CalendarIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$Y,
+    className: rootClassName$X,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -1426,10 +1424,10 @@ var CalendarIcon = function CalendarIcon() {
   }));
 };
 
-var rootClassName$Z = 'icon-component';
+var rootClassName$Y = 'icon-component';
 var ExclamationIcon = function ExclamationIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$Z,
+    className: rootClassName$Y,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'currentColor'
@@ -1440,10 +1438,10 @@ var ExclamationIcon = function ExclamationIcon() {
   }));
 };
 
-var rootClassName$_ = 'icon-component';
+var rootClassName$Z = 'icon-component';
 var TrashIcon = function TrashIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$_,
+    className: rootClassName$Z,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1454,10 +1452,10 @@ var TrashIcon = function TrashIcon() {
   }));
 };
 
-var rootClassName$$ = 'icon-component';
+var rootClassName$_ = 'icon-component';
 var CardsIcon = function CardsIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$$,
+    className: rootClassName$_,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1468,10 +1466,10 @@ var CardsIcon = function CardsIcon() {
   }));
 };
 
-var rootClassName$10 = 'icon-component';
+var rootClassName$$ = 'icon-component';
 var ExitIconArrowLeft = function ExitIconArrowLeft() {
   return React$1.createElement("svg", {
-    className: rootClassName$10,
+    className: rootClassName$$,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1482,10 +1480,10 @@ var ExitIconArrowLeft = function ExitIconArrowLeft() {
   }));
 };
 
-var rootClassName$11 = 'icon-component';
+var rootClassName$10 = 'icon-component';
 var LocalIcon = function LocalIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$11,
+    className: rootClassName$10,
     viewBox: '0 0 24 23',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1513,10 +1511,10 @@ TrianguloInferior.defaultProps = {
   height: 203.68
 };
 
-var rootClassName$12 = 'icon-component';
+var rootClassName$11 = 'icon-component';
 var ExitIconArrowRight = function ExitIconArrowRight() {
   return React$1.createElement("svg", {
-    className: rootClassName$12,
+    className: rootClassName$11,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1527,10 +1525,10 @@ var ExitIconArrowRight = function ExitIconArrowRight() {
   }));
 };
 
-var rootClassName$13 = 'icon-component';
+var rootClassName$12 = 'icon-component';
 var LockIcon = function LockIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$13,
+    className: rootClassName$12,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1541,10 +1539,10 @@ var LockIcon = function LockIcon() {
   }));
 };
 
-var rootClassName$14 = 'icon-component';
+var rootClassName$13 = 'icon-component';
 var TwoFileIcon = function TwoFileIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$14,
+    className: rootClassName$13,
     viewBox: '0 0 20 26',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1555,10 +1553,10 @@ var TwoFileIcon = function TwoFileIcon() {
   }));
 };
 
-var rootClassName$15 = 'icon-component';
+var rootClassName$14 = 'icon-component';
 var CheckCircleIcon = function CheckCircleIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$15,
+    className: rootClassName$14,
     viewBox: '-1 -1 18 18',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1569,10 +1567,10 @@ var CheckCircleIcon = function CheckCircleIcon() {
   }));
 };
 
-var rootClassName$16 = 'icon-component';
+var rootClassName$15 = 'icon-component';
 var EyeIcon = function EyeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$16,
+    className: rootClassName$15,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -1583,10 +1581,10 @@ var EyeIcon = function EyeIcon() {
   }));
 };
 
-var rootClassName$17 = 'icon-component';
+var rootClassName$16 = 'icon-component';
 var MessageIcon = function MessageIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$17,
+    className: rootClassName$16,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1597,10 +1595,10 @@ var MessageIcon = function MessageIcon() {
   }));
 };
 
-var rootClassName$18 = 'icon-component';
+var rootClassName$17 = 'icon-component';
 var UnderlineIcon = function UnderlineIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$18,
+    className: rootClassName$17,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1609,10 +1607,10 @@ var UnderlineIcon = function UnderlineIcon() {
   }));
 };
 
-var rootClassName$19 = 'icon-component';
+var rootClassName$18 = 'icon-component';
 var CheckIcon = function CheckIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$19,
+    className: rootClassName$18,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1623,10 +1621,10 @@ var CheckIcon = function CheckIcon() {
   }));
 };
 
-var rootClassName$1a = 'icon-component';
+var rootClassName$19 = 'icon-component';
 var FilePlusIcon = function FilePlusIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1a,
+    className: rootClassName$19,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1637,10 +1635,10 @@ var FilePlusIcon = function FilePlusIcon() {
   }));
 };
 
-var rootClassName$1b = 'icon-component';
+var rootClassName$1a = 'icon-component';
 var MoneyFileIcon = function MoneyFileIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1b,
+    className: rootClassName$1a,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1651,10 +1649,10 @@ var MoneyFileIcon = function MoneyFileIcon() {
   }));
 };
 
-var rootClassName$1c = 'icon-component';
+var rootClassName$1b = 'icon-component';
 var UndoIcon = function UndoIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1c,
+    className: rootClassName$1b,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1663,10 +1661,10 @@ var UndoIcon = function UndoIcon() {
   }));
 };
 
-var rootClassName$1d = 'icon-component';
+var rootClassName$1c = 'icon-component';
 var ChequeIcon = function ChequeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1d,
+    className: rootClassName$1c,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1677,10 +1675,10 @@ var ChequeIcon = function ChequeIcon() {
   }));
 };
 
-var rootClassName$1e = 'icon-component';
+var rootClassName$1d = 'icon-component';
 var FilesIcon = function FilesIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1e,
+    className: rootClassName$1d,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1692,10 +1690,10 @@ var FilesIcon = function FilesIcon() {
   }));
 };
 
-var rootClassName$1f = 'icon-component';
+var rootClassName$1e = 'icon-component';
 var NavigatorWithMouse = function NavigatorWithMouse() {
   return React$1.createElement("svg", {
-    className: rootClassName$1f,
+    className: rootClassName$1e,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1706,10 +1704,10 @@ var NavigatorWithMouse = function NavigatorWithMouse() {
   }));
 };
 
-var rootClassName$1g = 'icon-component';
+var rootClassName$1f = 'icon-component';
 var UserIcon = function UserIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1g,
+    className: rootClassName$1f,
     viewBox: '0 0 19 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1720,10 +1718,10 @@ var UserIcon = function UserIcon() {
   }));
 };
 
-var rootClassName$1h = 'icon-component';
+var rootClassName$1g = 'icon-component';
 var ChevronArrowDownIcon = function ChevronArrowDownIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1h,
+    className: rootClassName$1g,
     viewBox: '0 0 20 11',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1732,10 +1730,10 @@ var ChevronArrowDownIcon = function ChevronArrowDownIcon() {
   }));
 };
 
-var rootClassName$1i = 'icon-component';
+var rootClassName$1h = 'icon-component';
 var FilterIcon = function FilterIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1i,
+    className: rootClassName$1h,
     viewBox: '0 0 25 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("path", {
@@ -1746,10 +1744,10 @@ var FilterIcon = function FilterIcon() {
   }));
 };
 
-var rootClassName$1j = 'icon-component';
+var rootClassName$1i = 'icon-component';
 var OptionsIcon = function OptionsIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1j,
+    className: rootClassName$1i,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'currentColor'
@@ -1760,10 +1758,10 @@ var OptionsIcon = function OptionsIcon() {
   }));
 };
 
-var rootClassName$1k = 'icon-component';
+var rootClassName$1j = 'icon-component';
 var WebsiteIcon = function WebsiteIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1k,
+    className: rootClassName$1j,
     viewBox: '0 0 20 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1774,10 +1772,10 @@ var WebsiteIcon = function WebsiteIcon() {
   }));
 };
 
-var rootClassName$1l = 'icon-component';
+var rootClassName$1k = 'icon-component';
 var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1l,
+    className: rootClassName$1k,
     viewBox: '0 0 11 20',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1786,10 +1784,10 @@ var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
   }));
 };
 
-var rootClassName$1m = 'icon-component';
+var rootClassName$1l = 'icon-component';
 var FontColorIcon = function FontColorIcon(props) {
   return React$1.createElement("svg", {
-    className: rootClassName$1m,
+    className: rootClassName$1l,
     viewBox: '-52 -80 299 372',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1811,10 +1809,10 @@ var FontColorIcon = function FontColorIcon(props) {
   })));
 };
 
-var rootClassName$1n = 'icon-component';
+var rootClassName$1m = 'icon-component';
 var ParticipantesIcon = function ParticipantesIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1n,
+    className: rootClassName$1m,
     viewBox: '0 0 25 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1825,10 +1823,10 @@ var ParticipantesIcon = function ParticipantesIcon() {
   }));
 };
 
-var rootClassName$1o = 'icon-component';
+var rootClassName$1n = 'icon-component';
 var AgencyIcon = function AgencyIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1o,
+    className: rootClassName$1n,
     viewBox: '0 -1 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1869,10 +1867,10 @@ var BigPlayIcon = function BigPlayIcon(props) {
   }));
 };
 
-var rootClassName$1p = 'icon-component';
+var rootClassName$1o = 'icon-component';
 var CalendarCheckIcon = function CalendarCheckIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1p,
+    className: rootClassName$1o,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1883,10 +1881,10 @@ var CalendarCheckIcon = function CalendarCheckIcon() {
   }));
 };
 
-var rootClassName$1q = 'catavento-verde-icon-ui-component';
+var rootClassName$1p = 'catavento-verde-icon-ui-component';
 var CataventoVerde = function CataventoVerde() {
   return React$1.createElement("svg", {
-    className: rootClassName$1q,
+    className: rootClassName$1p,
     viewBox: '0 0 156.153 155.445',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("g", {
@@ -2000,10 +1998,10 @@ var CataventoVerde = function CataventoVerde() {
   }))));
 };
 
-var rootClassName$1r = 'icon-component';
+var rootClassName$1q = 'icon-component';
 var CopyIcon = function CopyIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1r,
+    className: rootClassName$1q,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2014,10 +2012,10 @@ var CopyIcon = function CopyIcon() {
   }));
 };
 
-var rootClassName$1s = 'icon-component';
+var rootClassName$1r = 'icon-component';
 var CrescerIcon = function CrescerIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1s,
+    className: rootClassName$1r,
     viewBox: '0 0 21 13',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2030,10 +2028,10 @@ var CrescerIcon = function CrescerIcon() {
   }));
 };
 
-var rootClassName$1t = 'icon-component';
+var rootClassName$1s = 'icon-component';
 var DevicePlusIcon = function DevicePlusIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1t,
+    className: rootClassName$1s,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2044,10 +2042,10 @@ var DevicePlusIcon = function DevicePlusIcon() {
   }));
 };
 
-var rootClassName$1u = 'loader-icon';
+var rootClassName$1t = 'loader-icon';
 var LoaderIcon = function LoaderIcon(props) {
   return React$1.createElement("svg", {
-    className: rootClassName$1u,
+    className: rootClassName$1t,
     xmlns: 'http://www.w3.org/2000/svg',
     height: props.height,
     viewBox: '0 0 135.764 135.764'
@@ -2116,10 +2114,10 @@ LoaderIcon.defaultProps = {
   height: 135.764
 };
 
-var rootClassName$1v = 'icon-component';
+var rootClassName$1u = 'icon-component';
 var NotebookIcon = function NotebookIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1v,
+    className: rootClassName$1u,
     viewBox: '0 -1 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2130,10 +2128,10 @@ var NotebookIcon = function NotebookIcon() {
   }));
 };
 
-var rootClassName$1w = 'icon-component';
+var rootClassName$1v = 'icon-component';
 var PrintIcon = function PrintIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1w,
+    className: rootClassName$1v,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1.createElement("g", {
@@ -2169,10 +2167,10 @@ var PrintIcon = function PrintIcon() {
   }))));
 };
 
-var rootClassName$1x = 'icon-component';
+var rootClassName$1w = 'icon-component';
 var QRCodeIcon = function QRCodeIcon() {
   return React$1.createElement("svg", {
-    className: rootClassName$1x,
+    className: rootClassName$1w,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4433,7 +4431,7 @@ var QRCodeWhatsapp = function QRCodeWhatsapp(props) {
   }))));
 };
 
-var rootClassName$1y = 'component-collapse';
+var rootClassName$1x = 'component-collapse';
 function Collapse(props) {
   var _useState = useState("collapse" + getUniqueKey()),
     id = _useState[0];
@@ -4488,10 +4486,10 @@ function Collapse(props) {
       }
     }
   }, React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1y, props.animateOpacity ? 'animate-opacity' : '']),
+    className: getMergedClassNames([rootClassName$1x, props.animateOpacity ? 'animate-opacity' : '']),
     id: id
   }, React$1.createElement("div", {
-    className: rootClassName$1y + "-content"
+    className: rootClassName$1x + "-content"
   }, props.children)));
 }
 Collapse.defaultProps = {
@@ -4500,11 +4498,11 @@ Collapse.defaultProps = {
 };
 var Collapse$1 = memo(Collapse);
 
-var rootClassName$1z = 'component-accordion';
+var rootClassName$1y = 'component-accordion';
 function Accordion(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1z, props.className, props.opened ? rootClassName$1z + "-opened" : '', props.shadow ? rootClassName$1z + "-shadow" : ''])
+      className: getMergedClassNames([rootClassName$1y, props.className, props.opened ? rootClassName$1y + "-opened" : '', props.shadow ? rootClassName$1y + "-shadow" : ''])
     });
     delete p.animateOpacity;
     delete p.shadow;
@@ -4516,20 +4514,20 @@ function Accordion(props) {
     return p;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$1z + "-first-content",
+    className: rootClassName$1y + "-first-content",
     onClick: function onClick() {
       return props.onChange(!props.opened);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1z + "-label-icon"
+    className: rootClassName$1y + "-label-icon"
   }, props.icon && React$1.createElement("div", {
-    className: rootClassName$1z + "-icon"
+    className: rootClassName$1y + "-icon"
   }, props.icon), React$1.createElement("div", {
-    className: rootClassName$1z + "-label"
+    className: rootClassName$1y + "-label"
   }, props.label)), React$1.createElement("div", {
-    className: rootClassName$1z + "-arrow"
+    className: rootClassName$1y + "-arrow"
   }, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement("div", {
-    className: rootClassName$1z + "-content"
+    className: rootClassName$1y + "-content"
   }, React$1.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: props.animateOpacity
@@ -4544,10 +4542,10 @@ var ActionCardThemes;
   ActionCardThemes["Darker"] = "darker";
 })(ActionCardThemes || (ActionCardThemes = {}));
 
-var rootClassName$1A = 'action-card';
+var rootClassName$1z = 'action-card';
 function ActionCard(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1A, props.theme])
+    className: getMergedClassNames([rootClassName$1z, props.theme])
   }, React$1.createElement("div", {
     className: 'bar'
   }), React$1.createElement("div", {
@@ -4562,13 +4560,13 @@ ActionCard.defaultProps = {
 };
 var ActionCard$1 = memo(ActionCard);
 
-var rootClassName$1B = 'component-animated-link';
+var rootClassName$1A = 'component-animated-link';
 function AnimatedLink(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
     id = _useState[0];
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1B, props.className || '', props.animated ? 'animated' : ''])
+      className: getMergedClassNames([rootClassName$1A, props.className || '', props.animated ? 'animated' : ''])
     });
     delete p.animated;
     return p;
@@ -4582,42 +4580,42 @@ AnimatedLink.defaultProps = {
 };
 var AnimatedLink$1 = memo(AnimatedLink);
 
-var rootClassName$1C = 'component-banner';
+var rootClassName$1B = 'component-banner';
 function Banner(props) {
   var _useState = useState("text" + getUniqueKey()),
     id = _useState[0];
   useEffect(function () {
-    var text = document.querySelector("#" + id + " .text ." + rootClassName$1C + "-text");
+    var text = document.querySelector("#" + id + " .text ." + rootClassName$1B + "-text");
     if (text && props.text && !String(props.text).match(/(<script>|<\/script>)/g)) {
       text.innerHTML = props.text;
     }
   }, [id, props.text]);
   return React$1.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$1C, typeof props.onClick === 'function' ? 'clickable' : '']),
+    className: getMergedClassNames([rootClassName$1B, typeof props.onClick === 'function' ? 'clickable' : '']),
     onClick: function onClick() {
       if (typeof props.onClick === 'function') {
         props.onClick();
       }
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1C + "-side img"
+    className: rootClassName$1B + "-side img"
   }, React$1.createElement("img", {
     src: props.imgUrl,
     alt: 'img-banner',
     draggable: false
   })), React$1.createElement("div", {
-    className: rootClassName$1C + "-side text"
+    className: rootClassName$1B + "-side text"
   }, React$1.createElement("div", {
-    className: rootClassName$1C + "-text"
+    className: rootClassName$1B + "-text"
   })));
 }
 
-var rootClassName$1D = 'component-big-block-button';
+var rootClassName$1C = 'component-big-block-button';
 function BigBlockButton(props) {
   return React$1.createElement("button", {
     id: props.id ? props.id : getUniqueKey(),
-    className: rootClassName$1D,
+    className: rootClassName$1C,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
         props.onClick(evt);
@@ -4625,11 +4623,11 @@ function BigBlockButton(props) {
     },
     disabled: props.disabled || false
   }, React$1.createElement("div", {
-    className: rootClassName$1D + "-icon"
+    className: rootClassName$1C + "-icon"
   }, props.icon), React$1.createElement("div", {
-    className: rootClassName$1D + "-label"
+    className: rootClassName$1C + "-label"
   }, props.label), props.subtitle ? React$1.createElement("div", {
-    className: rootClassName$1D + "-subtitle"
+    className: rootClassName$1C + "-subtitle"
   }, props.subtitle) : undefined);
 }
 
@@ -4650,11 +4648,11 @@ var NotificationType;
   NotificationType["Disabled"] = "disabled";
 })(NotificationType || (NotificationType = {}));
 
-var rootClassName$1E = 'component-notification';
+var rootClassName$1D = 'component-notification';
 function Notification(props) {
   var getProps = function getProps() {
     var p = {
-      className: getMergedClassNames([rootClassName$1E + "-outer", props.className])
+      className: getMergedClassNames([rootClassName$1D + "-outer", props.className])
     };
     return p;
   };
@@ -4665,11 +4663,11 @@ function Notification(props) {
   }, [props.count]);
   return React$1.createElement("div", Object.assign({}, getProps()), props.children, React$1.createElement(CSSTransition, {
     "in": !!label,
-    classNames: rootClassName$1E,
+    classNames: rootClassName$1D,
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$1E + " " + rootClassName$1E + "-" + props.position + " " + rootClassName$1E + "-" + props.type,
+    className: rootClassName$1D + " " + rootClassName$1D + "-" + props.position + " " + rootClassName$1D + "-" + 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',
@@ -4685,20 +4683,20 @@ Notification.defaultProps = {
   horizontalOuter: 10
 };
 
-var rootClassName$1F = 'bottom-navigation';
+var rootClassName$1E = 'bottom-navigation';
 function BottomNavigation(props) {
   var _props$itens;
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1F, props.theme])
+    className: getMergedClassNames([rootClassName$1E, props.theme])
   }, (_props$itens = props.itens) === null || _props$itens === void 0 ? void 0 : _props$itens.map(function (item, index) {
     return React$1.createElement("button", {
       key: index,
-      className: getMergedClassNames([rootClassName$1F + "-item", index === props.atual ? 'atual' : '']),
+      className: getMergedClassNames([rootClassName$1E + "-item", index === props.atual ? 'atual' : '']),
       onClick: function onClick() {
         if (props.atual !== index) props.setAtual(index);
       }
     }, React$1.createElement("div", {
-      className: rootClassName$1F + "-icon"
+      className: rootClassName$1E + "-icon"
     }, React$1.createElement(Notification, {
       count: item.notificationCount || 0,
       position: NotificationPosition.TopRight,
@@ -4706,7 +4704,7 @@ function BottomNavigation(props) {
       horizontalOuter: 12,
       verticalOuter: 6
     }, item.icon)), React$1.createElement("div", {
-      className: rootClassName$1F + "-label"
+      className: rootClassName$1E + "-label"
     }, item.label));
   }));
 }
@@ -4715,19 +4713,19 @@ BottomNavigation.defaultProps = {
 };
 var BottomNavigation$1 = memo(BottomNavigation);
 
-var rootClassName$1G = 'component-bread-crumb';
+var rootClassName$1F = 'component-bread-crumb';
 function BreadCrumb(props) {
   return React$1.createElement("div", {
-    className: rootClassName$1G
+    className: rootClassName$1F
   }, props.path && props.path.length ? props.path.map(function (p, index) {
     return React$1.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$1G + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1G + "-active" : '']),
+      className: getMergedClassNames([rootClassName$1F + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1F + "-active" : '']),
       onClick: p.onClick
     }, index > 0 ? React$1.createElement("div", {
-      className: rootClassName$1G + "-arrow"
+      className: rootClassName$1F + "-arrow"
     }, React$1.createElement(ChevronArrowRightIcon, null)) : undefined, React$1.createElement("div", {
-      className: rootClassName$1G + "-label nunito"
+      className: rootClassName$1F + "-label nunito"
     }, p.label));
   }) : undefined);
 }
@@ -4757,7 +4755,7 @@ var ButtonThemes;
   ButtonThemes["HeaderUserBold"] = "header-user-bold";
 })(ButtonThemes || (ButtonThemes = {}));
 
-var rootClassName$1H = 'component-button';
+var rootClassName$1G = 'component-button';
 function Button(props) {
   var handleClick = function handleClick(evt) {
     if (typeof props.onClick === 'function' && !props.disabled && (!props.loader || !props.loader.loading)) {
@@ -4767,7 +4765,7 @@ function Button(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames(['nunito', rootClassName$1H, props.className, rootClassName$1H + "-" + props.theme, props.w100 ? rootClassName$1H + "-w100" : '', props.mobileBottomPage ? rootClassName$1H + "-bottom-mobile" : ''])
+      className: getMergedClassNames(['nunito', rootClassName$1G, props.className, rootClassName$1G + "-" + props.theme, props.w100 ? rootClassName$1G + "-w100" : '', props.mobileBottomPage ? rootClassName$1G + "-bottom-mobile" : ''])
     });
     delete p.mobileBottomPage;
     delete p.children;
@@ -4779,13 +4777,13 @@ function Button(props) {
     return p;
   };
   return React$1.createElement("button", Object.assign({}, getProps()), props.leftIcon && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-left-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-left-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
   }, props.leftIcon), React$1.createElement("div", {
-    className: rootClassName$1H + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1H + "-hide" : '')
+    className: rootClassName$1G + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1G + "-hide" : '')
   }, props.children), props.rightIcon && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-right-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-right-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
   }, props.rightIcon), props.loader && props.loader.loading ? React$1.createElement("div", {
-    className: rootClassName$1H + "-loader"
+    className: rootClassName$1G + "-loader"
   }, React$1.createElement(ThreeDotsLoader, {
     theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
     size: props.loader.loaderSize ? props.loader.loaderSize : undefined
@@ -4834,7 +4832,7 @@ var ImageTypes;
   ImageTypes["JPEG"] = ".jpeg";
 })(ImageTypes || (ImageTypes = {}));
 
-var rootClassName$1I = 'component-button-file-upload';
+var rootClassName$1H = 'component-button-file-upload';
 function ButtonFileUpload(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -4867,7 +4865,7 @@ function ButtonFileUpload(props) {
     return p;
   };
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1I, props.w100 ? 'w100' : '']),
+    className: getMergedClassNames([rootClassName$1H, props.w100 ? 'w100' : '']),
     id: id
   }, React$1.createElement("input", {
     type: 'file',
@@ -4913,23 +4911,23 @@ var CardTypes;
   CardTypes["Green"] = "green";
 })(CardTypes || (CardTypes = {}));
 
-var rootClassName$1J = 'component-card';
+var rootClassName$1I = 'component-card';
 function Card(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1J, rootClassName$1J + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$1I, rootClassName$1I + "-" + props.theme])
   }, React$1.createElement("div", {
-    className: rootClassName$1J + "-caption"
+    className: rootClassName$1I + "-caption"
   }, props.caption), React$1.createElement("div", {
-    className: rootClassName$1J + "-label"
+    className: rootClassName$1I + "-label"
   }, props.label), React$1.createElement("div", {
-    className: rootClassName$1J + "-helper-text"
+    className: rootClassName$1I + "-helper-text"
   }, props.helperText));
 }
 Card.defaultProps = {
   theme: CardTypes.White
 };
 
-var rootClassName$1K = 'component-carousel';
+var rootClassName$1J = 'component-carousel';
 function Carousel(props) {
   var _useState = useState(0),
     atual = _useState[0],
@@ -4994,9 +4992,9 @@ function Carousel(props) {
     }
   }, [props.loading]);
   return React$1.createElement("div", {
-    className: rootClassName$1K
+    className: rootClassName$1J
   }, React$1.createElement("div", {
-    className: rootClassName$1K + "-banners",
+    className: rootClassName$1J + "-banners",
     onMouseEnter: function onMouseEnter() {
       if (timerRef.current) {
         timerRef.current.pause();
@@ -5010,10 +5008,10 @@ function Carousel(props) {
   }, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
     return React$1.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$1K + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
+      className: getMergedClassNames([rootClassName$1J + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
     }, React$1.createElement(Banner, Object.assign({}, banner)));
   }) : undefined, props.banners.length > 1 && React$1.createElement("div", {
-    className: rootClassName$1K + "-control prev",
+    className: rootClassName$1J + "-control prev",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -5025,11 +5023,11 @@ function Carousel(props) {
       changeBanner(atual - 1);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1K + "-icon"
+    className: rootClassName$1J + "-icon"
   }, React$1.createElement(ChevronArrowLeftIcon, null)), React$1.createElement("div", {
-    className: rootClassName$1K + "-shadow"
+    className: rootClassName$1J + "-shadow"
   })), props.banners.length > 1 && React$1.createElement("div", {
-    className: rootClassName$1K + "-control next",
+    className: rootClassName$1J + "-control next",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -5037,22 +5035,22 @@ function Carousel(props) {
       changeBanner();
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1K + "-icon"
+    className: rootClassName$1J + "-icon"
   }, React$1.createElement(ChevronArrowRightIcon, null)), React$1.createElement("div", {
-    className: rootClassName$1K + "-shadow"
+    className: rootClassName$1J + "-shadow"
   })), React$1.createElement(CSSTransition, {
     "in": props.loading,
     classNames: 'fade',
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$1K + "-loader-mask"
+    className: rootClassName$1J + "-loader-mask"
   }, React$1.createElement(ThreeDotsLoader, null)))), React$1.createElement("div", {
-    className: rootClassName$1K + "-balls"
+    className: rootClassName$1J + "-balls"
   }, props.banners.map(function (_banner, index) {
     return React$1.createElement("div", {
       key: changedCount + index,
-      className: getMergedClassNames([rootClassName$1K + "-ball", atual === index ? rootClassName$1K + "-atual" : '']),
+      className: getMergedClassNames([rootClassName$1J + "-ball", atual === index ? rootClassName$1J + "-atual" : '']),
       onClick: function onClick() {
         if (!props.loading) {
           changeBanner(index);
@@ -5186,19 +5184,19 @@ function useDraggableContainer(queryContainer, size) {
   }, []);
 }
 
-var rootClassName$1L = 'carousel-behaviour';
+var rootClassName$1K = 'carousel-behaviour';
 function useCarouselBehaviour(props) {
   var _props$slides, _props$slides4;
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
-  useDraggableContainer("#" + id + " ." + rootClassName$1L + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
+  useDraggableContainer("#" + id + " ." + rootClassName$1K + "-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) {
       onScroll = false;
     }
     if (!onScroll) {
       var _props$slides2;
-      var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$1K + "-content");
       var width = el.scrollWidth / (((_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.length) || 1);
       scrollSmooth({
         top: 0,
@@ -5232,26 +5230,26 @@ function useCarouselBehaviour(props) {
     }
   }, [props.newAtual]);
   return [React$1.createElement("div", {
-    className: rootClassName$1L,
+    className: rootClassName$1K,
     id: id
   }, React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1L + "-content", props.draggable ? 'draggable' : '']),
+    className: getMergedClassNames([rootClassName$1K + "-content", props.draggable ? 'draggable' : '']),
     onScroll: function onScroll() {
       var _props$slides3;
-      var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$1K + "-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$1.createElement("div", {
-      className: rootClassName$1L + "-slide",
+      className: rootClassName$1K + "-slide",
       key: index
     }, slide);
   }))), handleChange];
 }
 
-var rootClassName$1M = 'component-icon-button';
+var rootClassName$1L = 'component-icon-button';
 function IconButton(props) {
   var handleClick = function handleClick(evt) {
     if (typeof props.onClick === 'function' && !props.disabled) {
@@ -5261,7 +5259,7 @@ function IconButton(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$1M, props.className, rootClassName$1M + "-" + props.theme])
+      className: getMergedClassNames([rootClassName$1L, props.className, rootClassName$1L + "-" + props.theme])
     });
     delete p.icon;
     delete p.children;
@@ -5279,7 +5277,7 @@ IconButton.defaultProps = {
 };
 var IconButton$1 = memo(IconButton);
 
-var rootClassName$1N = 'element-paginator';
+var rootClassName$1M = 'element-paginator';
 function ElementPaginator(props) {
   var handleChange = function handleChange(num) {
     if (num > props.size) {
@@ -5291,16 +5289,16 @@ function ElementPaginator(props) {
     }
   };
   return React$1.createElement("div", {
-    className: rootClassName$1N
+    className: rootClassName$1M
   }, props.hideArrows ? undefined : React$1.createElement("div", null, React$1.createElement(IconButton$1, {
-    className: rootClassName$1N + "-buttons",
+    className: rootClassName$1M + "-buttons",
     icon: React$1.createElement(ArrowLeftIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual - 1);
     },
     disabled: !props.infinite && props.atual === 1
   })), React$1.createElement("div", {
-    className: rootClassName$1N + "-indexes"
+    className: rootClassName$1M + "-indexes"
   }, Array.from({
     length: props.size
   }).map(function (_, i) {
@@ -5312,7 +5310,7 @@ function ElementPaginator(props) {
       }
     }, React$1.createElement("span", null));
   })), props.hideArrows ? undefined : React$1.createElement("div", null, React$1.createElement(IconButton$1, {
-    className: rootClassName$1N + "-buttons",
+    className: rootClassName$1M + "-buttons",
     icon: React$1.createElement(ArrowRightIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual + 1);
@@ -5325,7 +5323,7 @@ ElementPaginator.defaultProps = {
 };
 var ElementPaginator$1 = memo(ElementPaginator);
 
-var rootClassName$1O = 'carousel-persona';
+var rootClassName$1N = 'carousel-persona';
 function CarouselPersona(props) {
   var _props$personas2;
   var _useState = useState(0),
@@ -5335,17 +5333,17 @@ function CarouselPersona(props) {
     var _props$personas;
     return (_props$personas = props.personas) === null || _props$personas === void 0 ? void 0 : _props$personas.map(function (persona, index) {
       return React$1.createElement("div", {
-        className: rootClassName$1O + "-persona",
+        className: rootClassName$1N + "-persona",
         key: index
       }, React$1.createElement("div", {
-        className: rootClassName$1O + "-image",
+        className: rootClassName$1N + "-image",
         style: {
           backgroundImage: "url(" + persona.imgUrl + ")"
         }
       }), React$1.createElement("div", {
-        className: rootClassName$1O + "-name"
+        className: rootClassName$1N + "-name"
       }, persona.name), React$1.createElement("div", {
-        className: rootClassName$1O + "-description nunito"
+        className: rootClassName$1N + "-description nunito"
       }, persona.description));
     });
   }, [props.personas]);
@@ -5357,13 +5355,13 @@ function CarouselPersona(props) {
     CarouselBehaviour = _useCarouselBehaviour[0],
     handleChange = _useCarouselBehaviour[1];
   return React$1.createElement("div", {
-    className: rootClassName$1O
+    className: rootClassName$1N
   }, React$1.createElement("div", {
-    className: rootClassName$1O + "-personas"
+    className: rootClassName$1N + "-personas"
   }, personas), React$1.createElement("div", {
-    className: rootClassName$1O + "-carousel"
+    className: rootClassName$1N + "-carousel"
   }, CarouselBehaviour, React$1.createElement("div", {
-    className: rootClassName$1O + "-paginator"
+    className: rootClassName$1N + "-paginator"
   }, React$1.createElement(ElementPaginator$1, {
     infinite: true,
     size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
@@ -5449,7 +5447,7 @@ function useControlledTimer(props) {
   return [dispatchAction, status];
 }
 
-var rootClassName$1P = 'component-carousel-touch-frendly';
+var rootClassName$1O = 'component-carousel-touch-frendly';
 function CarouselTouchFrendly(props) {
   var _props$slides, _props$slides2;
   var _useState = useState(getUniqueKey()),
@@ -5465,7 +5463,7 @@ function CarouselTouchFrendly(props) {
       slides: (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.map(function (slide, index) {
         return React$1.createElement("div", {
           key: index,
-          className: rootClassName$1P + "-slide"
+          className: rootClassName$1O + "-slide"
         }, slide);
       })
     }),
@@ -5480,9 +5478,9 @@ function CarouselTouchFrendly(props) {
     dispatchActionsToTimer = _useControlledTimer[0];
   return React$1.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$1P, props.className])
+    className: getMergedClassNames([rootClassName$1O, props.className])
   }, React$1.createElement("div", {
-    className: rootClassName$1P + "-outside-content",
+    className: rootClassName$1O + "-outside-content",
     onMouseEnter: function onMouseEnter() {
       dispatchActionsToTimer('pause');
     },
@@ -5490,27 +5488,27 @@ function CarouselTouchFrendly(props) {
       dispatchActionsToTimer('play');
     }
   }, props.slides.length > 1 && React$1.createElement("div", {
-    className: rootClassName$1P + "-control prev",
+    className: rootClassName$1O + "-control prev",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual > 0 ? atual - 1 : props.slides.length - 1, false);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1P + "-icon"
+    className: rootClassName$1O + "-icon"
   }, React$1.createElement(ChevronArrowLeftIcon, null)), React$1.createElement("div", {
-    className: rootClassName$1P + "-shadow"
+    className: rootClassName$1O + "-shadow"
   })), props.slides.length > 1 && React$1.createElement("div", {
-    className: rootClassName$1P + "-control next",
+    className: rootClassName$1O + "-control next",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual < props.slides.length - 1 ? atual + 1 : 0, false);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1P + "-icon"
+    className: rootClassName$1O + "-icon"
   }, React$1.createElement(ChevronArrowRightIcon, null)), React$1.createElement("div", {
-    className: rootClassName$1P + "-shadow"
+    className: rootClassName$1O + "-shadow"
   })), CarouselBehaviour), React$1.createElement("div", {
-    className: rootClassName$1P + "-balls"
+    className: rootClassName$1O + "-balls"
   }, (_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.map(function (_slide, index) {
     return React$1.createElement("div", {
       key: index,
@@ -5518,7 +5516,7 @@ function CarouselTouchFrendly(props) {
         dispatchActionsToTimer('restart');
         handleChange(index, false);
       },
-      className: getMergedClassNames([rootClassName$1P + "-ball", index === atual ? 'atual' : ''])
+      className: getMergedClassNames([rootClassName$1O + "-ball", index === atual ? 'atual' : ''])
     });
   })));
 }
@@ -6926,7 +6924,7 @@ function useProgressiveCount(initialValue) {
   return [value, changeNumber];
 }
 
-var rootClassName$1Q = 'component-doughnut-square';
+var rootClassName$1P = 'component-doughnut-square';
 function DoughnutSquare(props) {
   var _useProgressiveCount = useProgressiveCount(0),
     val = _useProgressiveCount[0],
@@ -6938,11 +6936,11 @@ function DoughnutSquare(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React$1.createElement("div", {
-    className: rootClassName$1Q
+    className: rootClassName$1P
   }, React$1.createElement("div", {
-    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
+    className: rootClassName$1P + "-caption " + rootClassName$1P + "-caption-left"
   }, props.leftCaption), React$1.createElement("div", {
-    className: rootClassName$1Q + "-chart"
+    className: rootClassName$1P + "-chart"
   }, React$1.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React$1.createElement("circle", {
@@ -6955,24 +6953,24 @@ function DoughnutSquare(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), React$1.createElement("div", {
-    className: rootClassName$1Q + "-center-caption"
+    className: rootClassName$1P + "-center-caption"
   }, val + "%"), React$1.createElement("div", {
-    className: rootClassName$1Q + "-label-bottom"
+    className: rootClassName$1P + "-label-bottom"
   }, React$1.createElement("div", {
-    className: rootClassName$1Q + "-text"
+    className: rootClassName$1P + "-text"
   }, props.bottomCaption)));
 }
 
-var rootClassName$1R = 'component-money-by-month';
+var rootClassName$1Q = 'component-money-by-month';
 function MoneyByMonth(props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R
+    className: rootClassName$1Q
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-left"
+    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
   }, props.leftCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-right"
+    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-right"
   }, props.rightCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1R + "-chart"
+    className: rootClassName$1Q + "-chart"
   }, /*#__PURE__*/React.createElement(MoneyMonthLineChart, {
     data: props.data,
     labels: props.labels
@@ -6989,7 +6987,7 @@ MoneyByMonth.defaultProps = {
   labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
 };
 
-var rootClassName$1S = 'component-checkbox';
+var rootClassName$1R = 'component-checkbox';
 function Checkbox(props) {
   var fProps = useMemo(function () {
     var handleClick = function handleClick(evt) {
@@ -6999,7 +6997,7 @@ function Checkbox(props) {
       }
     };
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1S, rootClassName$1S + "-" + props.theme, rootClassName$1S + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$1R, rootClassName$1R + "-" + props.theme, rootClassName$1R + "-" + (props.value ? 'checked' : 'not')]),
       'aria-disabled': props.disabled || props['aria-disabled'],
       onClick: handleClick
     });
@@ -7022,19 +7020,19 @@ Checkbox.defaultProps = {
 };
 var Checkbox$1 = memo(Checkbox);
 
-var rootClassName$1T = 'component-col';
+var rootClassName$1S = '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$1T + "-" + size[index] + "-" + n;
+      return rootClassName$1S + "-" + size[index] + "-" + n;
     });
     var rp = _extends({}, props, {
       style: _extends({}, props.style || {}, {
         gap: props.gap
       }),
-      className: getMergedClassNames([props.className, rootClassName$1T].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$1S].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;
     delete rp.centralized;
@@ -7055,13 +7053,13 @@ Col.defaultProps = {
 };
 var Col$1 = memo(Col);
 
-var rootClassName$1U = 'component-control-label';
+var rootClassName$1T = 'component-control-label';
 var keysToExclude = ['control', 'controlProps', 'labelPosition', 'labelGap', 'label'];
 function ControlLabel(props) {
   var _props$control$props;
   var ref = useRef();
   return React$1.createElement("label", Object.assign({
-    className: getMergedClassNames([rootClassName$1U, props.labelPosition ? props.labelPosition : '', (_props$control$props = props.control.props) !== null && _props$control$props !== void 0 && _props$control$props.disabled ? 'disabled' : '']),
+    className: getMergedClassNames([rootClassName$1T, props.labelPosition ? props.labelPosition : '', (_props$control$props = props.control.props) !== null && _props$control$props !== void 0 && _props$control$props.disabled ? 'disabled' : '']),
     ref: ref,
     style: props.labelGap ? {
       gap: props.labelGap + "px"
@@ -7072,11 +7070,11 @@ function ControlLabel(props) {
 }
 var ControlLabel$1 = memo(ControlLabel);
 
-var rootClassName$1V = 'component-container';
+var rootClassName$1U = 'component-container';
 function Container(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1V, 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$1U, 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
       })
@@ -7090,7 +7088,7 @@ function Container(props) {
     return p;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$1V + "-insider"
+    className: rootClassName$1U + "-insider"
   }, props.children));
 }
 Container.defaultProps = {
@@ -7195,7 +7193,7 @@ var stringToReactElement = function stringToReactElement(str, props) {
   return el;
 };
 
-var rootClassName$1W = 'component-date-picker-calendar';
+var rootClassName$1V = 'component-date-picker-calendar';
 function DatePickerCalendar(props) {
   var _useState = useState(new Date()),
     today = _useState[0];
@@ -7221,14 +7219,14 @@ function DatePickerCalendar(props) {
     monthPage = _useState4[0],
     setMonthPage = _useState4[1];
   return React$1.createElement("div", {
-    className: rootClassName$1W
+    className: rootClassName$1V
   }, React$1.createElement(CSSTransition, {
     "in": monthPage,
-    classNames: rootClassName$1W + "-month-picker",
+    classNames: rootClassName$1V + "-month-picker",
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$1W + "-month-picker"
+    className: rootClassName$1V + "-month-picker"
   }, React$1.createElement("div", {
     className: 'header'
   }, React$1.createElement("button", {
@@ -7245,7 +7243,7 @@ function DatePickerCalendar(props) {
       setYear(year + 1);
     }
   }, React$1.createElement(ChevronArrowRightIcon, null))), React$1.createElement("div", {
-    className: rootClassName$1W + "-months"
+    className: rootClassName$1V + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
     return React$1.createElement("button", {
       key: index,
@@ -7253,14 +7251,14 @@ function DatePickerCalendar(props) {
         setMonth(index);
         setMonthPage(false);
       },
-      className: getMergedClassNames([rootClassName$1W + "-month", index === month ? 'selected' : ''])
+      className: getMergedClassNames([rootClassName$1V + "-month", index === month ? 'selected' : ''])
     }, mes);
   })))), React$1.createElement(CSSTransition, {
     "in": !monthPage,
     timeout: 300,
-    classNames: rootClassName$1W + "-bottom-page"
+    classNames: rootClassName$1V + "-bottom-page"
   }, React$1.createElement("div", {
-    className: rootClassName$1W + "-first-page"
+    className: rootClassName$1V + "-first-page"
   }, React$1.createElement("div", {
     className: 'header'
   }, React$1.createElement("button", {
@@ -7313,7 +7311,7 @@ function DatePickerCalendar(props) {
 }
 var DatePickerCalendar$1 = memo(DatePickerCalendar);
 
-var rootClassName$1X = 'component-date-picker';
+var rootClassName$1W = 'component-date-picker';
 function DatePicker(props) {
   var id = useMemo(function () {
     return "picker_" + getUniqueKey();
@@ -7323,7 +7321,7 @@ function DatePicker(props) {
     setOpened = _useState[1];
   useEffect(function () {
     var func = function func(evt) {
-      if (document.querySelector("#" + id + "." + rootClassName$1X + "-panel." + rootClassName$1X + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
+      if (document.querySelector("#" + id + "." + rootClassName$1W + "-panel." + rootClassName$1W + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
         setOpened(false);
       }
     };
@@ -7359,7 +7357,7 @@ function DatePicker(props) {
     }
     var position = function position() {
       var element = document.querySelector(props.queryToAppend);
-      var panel = document.querySelector("#" + id + "." + rootClassName$1X + "-panel");
+      var panel = document.querySelector("#" + id + "." + rootClassName$1W + "-panel");
       if (!element || !panel) return;
       var elementBound = element.getBoundingClientRect();
       var windowHeight = parseFloat(String(window.innerHeight));
@@ -7406,10 +7404,10 @@ function DatePicker(props) {
     vd();
   }, [props.initialValue]);
   return React$1.createElement("div", {
-    className: rootClassName$1X
+    className: rootClassName$1W
   }, props.initialValue ? React$1.createElement(IconButton$1, {
     disabled: props.disabled,
-    className: rootClassName$1X + "-clear-button",
+    className: rootClassName$1W + "-clear-button",
     icon: React$1.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onChange === 'function') {
@@ -7424,11 +7422,11 @@ function DatePicker(props) {
   }), React$1.createElement(CSSTransition, {
     "in": opened,
     timeout: 300,
-    classNames: rootClassName$1X + "-panel",
+    classNames: rootClassName$1W + "-panel",
     unmountOnExit: true
   }, React$1.createElement("div", {
     id: id,
-    className: rootClassName$1X + "-panel"
+    className: rootClassName$1W + "-panel"
   }, React$1.createElement(DatePickerCalendar$1, {
     language: props.language,
     value: value,
@@ -7455,7 +7453,7 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = memo(DatePicker);
 
-var rootClassName$1Y = 'component-doughnut';
+var rootClassName$1X = 'component-doughnut';
 function Doughnut(props) {
   var _useProgressiveCount = useProgressiveCount(0),
     val = _useProgressiveCount[0],
@@ -7467,9 +7465,9 @@ function Doughnut(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React$1.createElement("div", {
-    className: rootClassName$1Y
+    className: rootClassName$1X
   }, React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$1Y + "-chart", props.red ? 'red' : ''])
+    className: getMergedClassNames([rootClassName$1X + "-chart", props.red ? 'red' : ''])
   }, React$1.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React$1.createElement("circle", {
@@ -7482,7 +7480,7 @@ function Doughnut(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), props.showLabel ? React$1.createElement("div", {
-    className: rootClassName$1Y + "-label nunito"
+    className: rootClassName$1X + "-label nunito"
   }, val + "%") : undefined);
 }
 Doughnut.defaultProps = {
@@ -7490,10 +7488,10 @@ Doughnut.defaultProps = {
 };
 var Doughnut$1 = memo(Doughnut);
 
-var rootClassName$1Z = 'component-dropdown-item';
+var rootClassName$1Y = 'component-dropdown-item';
 function DropdownItem(props) {
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$1Z, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$1Y, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
   }, [props.alignRight, props.loading]);
   return React$1.createElement("button", {
     id: props.id,
@@ -7506,25 +7504,25 @@ function DropdownItem(props) {
       }
     }
   }, React$1.createElement("div", {
-    className: rootClassName$1Z + "-content"
+    className: rootClassName$1Y + "-content"
   }, React$1.createElement(CSSTransition, {
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true,
-    classNames: rootClassName$1Z + "-fade"
+    classNames: rootClassName$1Y + "-fade"
   }, React$1.createElement("div", {
-    className: rootClassName$1Z + "-loader"
+    className: rootClassName$1Y + "-loader"
   }, React$1.createElement(PercentLoaderIcon, {
     indefinido: true
   }))), props.icon ? React$1.createElement("div", {
-    className: rootClassName$1Z + "-icon"
+    className: rootClassName$1Y + "-icon"
   }, props.icon) : undefined, React$1.createElement("div", {
-    className: rootClassName$1Z + "-label"
+    className: rootClassName$1Y + "-label"
   }, props.label)));
 }
 var DropdownItem$1 = memo(DropdownItem);
 
-var rootClassName$1_ = 'component-dropdown-menu';
+var rootClassName$1Z = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
@@ -7541,9 +7539,9 @@ function DropdownMenu(props) {
       setInter(null);
     }
     var position = function position() {
-      var painel = document.querySelector("#" + id + " ." + rootClassName$1_ + "-panel");
+      var painel = document.querySelector("#" + id + " ." + rootClassName$1Z + "-panel");
       if (!painel) return;
-      var trigger = document.querySelector("#" + id + " ." + rootClassName$1_ + "-children > *");
+      var trigger = document.querySelector("#" + id + " ." + rootClassName$1Z + "-children > *");
       var bound = trigger.getBoundingClientRect();
       var pontoCentralX = bound.x + bound.width / 2;
       var pontoCentralY = bound.y + bound.height / 2;
@@ -7580,12 +7578,12 @@ function DropdownMenu(props) {
   useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$1_ + "-panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$1Z + "-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$1_)) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$1Z)) {
             deveFechar = false;
             break;
           }
@@ -7623,7 +7621,7 @@ function DropdownMenu(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$1_, props.className || ''])
+      className: getMergedClassNames([rootClassName$1Z, props.className || ''])
     });
     delete p.opened;
     delete p.setOpened;
@@ -7633,14 +7631,14 @@ function DropdownMenu(props) {
     return p;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$1_ + "-children"
+    className: rootClassName$1Z + "-children"
   }, props.children), React$1.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
-    classNames: rootClassName$1_ + "-panel-fade",
+    classNames: rootClassName$1Z + "-panel-fade",
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$1_ + "-panel scroll-white"
+    className: rootClassName$1Z + "-panel scroll-white"
   }, props.content)));
 }
 DropdownMenu.defaultProps = {
@@ -7648,7 +7646,7 @@ DropdownMenu.defaultProps = {
   closeOnEsc: true
 };
 
-var rootClassName$1$ = 'floating-panel';
+var rootClassName$1_ = 'floating-panel';
 function FloatingPanel(props) {
   var id = useMemo(getUniqueKey, []);
   var onClick = useCallback(function (evt) {
@@ -7670,7 +7668,7 @@ function FloatingPanel(props) {
     var wrapper = document.getElementById(id);
     if (!wrapper) return;
     var computedStyle = wrapper.getBoundingClientRect();
-    var panel = document.querySelector("#" + id + " ." + rootClassName$1$);
+    var panel = document.querySelector("#" + id + " ." + rootClassName$1_);
     if (!panel) return;
     panel.style.top = computedStyle.top + computedStyle.height + "px";
     panel.style.left = computedStyle.left + "px";
@@ -7678,7 +7676,7 @@ function FloatingPanel(props) {
   var updateSize = useCallback(function () {
     var _document$getElementB;
     var anchor = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
-    var panel = document.querySelector("#" + id + " ." + rootClassName$1$);
+    var panel = document.querySelector("#" + id + " ." + rootClassName$1_);
     if (!panel || !anchor) return;
     var computedStyle = window.getComputedStyle(anchor);
     panel.style.width = computedStyle.width;
@@ -7726,17 +7724,17 @@ function FloatingPanel(props) {
   }, [props.opened]);
   return React$1.createElement("div", {
     id: id,
-    className: rootClassName$1$ + "-wrapper",
+    className: rootClassName$1_ + "-wrapper",
     style: {
       bottom: props.bottom
     }
   }, React$1.createElement(CSSTransition, {
     "in": props.opened,
-    classNames: rootClassName$1$,
+    classNames: rootClassName$1_,
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$1$, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
+    className: useMergedClassNames([rootClassName$1_, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
   }, props.children)));
 }
 FloatingPanel.defaultProps = {
@@ -7745,7 +7743,7 @@ FloatingPanel.defaultProps = {
 };
 var FloatingPanel$1 = memo(FloatingPanel);
 
-var rootClassName$20 = 'dropdown-selector';
+var rootClassName$1$ = 'dropdown-selector';
 function DropdownSelector(props) {
   var _useState = useState(false),
     opened = _useState[0],
@@ -7770,25 +7768,25 @@ function DropdownSelector(props) {
     }));
   }, [props]);
   return React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$20 + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$1$ + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
   }, React$1.createElement("button", {
-    className: useMergedClassNames([rootClassName$20, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
+    className: useMergedClassNames([rootClassName$1$, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
     onClick: function onClick() {
       setOpened(!opened);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$20 + "-label nunito"
+    className: rootClassName$1$ + "-label nunito"
   }, label), React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$20 + "-icon", opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$1$ + "-icon", opened ? 'opened' : ''])
   }, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement(FloatingPanel$1, {
     opened: opened,
     setOpened: setOpened,
-    className: rootClassName$20 + "-menu"
+    className: rootClassName$1$ + "-menu"
   }, options));
 }
 var DropdownSelector$1 = memo(DropdownSelector);
 
-var rootClassName$21 = 'component-etapas';
+var rootClassName$20 = 'component-etapas';
 function Etapas(props) {
   var _useState = useState(props.id || getUniqueKey()),
     id = _useState[0];
@@ -7836,17 +7834,17 @@ function Etapas(props) {
   }, []);
   useEffect(function () {
     var larguras = [];
-    document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
       larguras.push(parseInt(window.getComputedStyle(etapa).width));
     });
     var maior = Math.max.apply(Math, larguras);
-    document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
       etapa.style.width = maior + "px";
     });
   });
   useEffect(function () {
     var outerComponent = document.querySelector("#" + id);
-    var atual = document.querySelector("#" + id + " ." + rootClassName$21 + "-etapa.atual");
+    var atual = document.querySelector("#" + id + " ." + rootClassName$20 + "-etapa.atual");
     if (props.scrollOnChange && outerComponent && atual) {
       atual.scrollIntoView({
         behavior: 'smooth',
@@ -7856,13 +7854,13 @@ function Etapas(props) {
     }
   }, [props.atual]);
   return React$1.createElement("div", {
-    className: rootClassName$21,
+    className: rootClassName$20,
     id: id
   }, React$1.createElement("div", {
-    className: rootClassName$21 + "-etapas"
+    className: rootClassName$20 + "-etapas"
   }, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
     var p = _extends({}, etapa, {
-      className: getMergedClassNames([rootClassName$21 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
+      className: getMergedClassNames([rootClassName$20 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
     });
     delete p.disabled;
     delete p.icon;
@@ -7878,18 +7876,18 @@ function Etapas(props) {
       }
     }), React$1.createElement("div", {
       id: etapa.id || undefined,
-      className: getMergedClassNames([rootClassName$21 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
+      className: getMergedClassNames([rootClassName$20 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
     }, etapa.icon), React$1.createElement("div", {
-      className: getMergedClassNames([rootClassName$21 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
+      className: getMergedClassNames([rootClassName$20 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
     }, React$1.createElement(CSSTransition, {
       "in": etapa.error,
       timeout: 300,
-      classNames: rootClassName$21 + "-appear",
+      classNames: rootClassName$20 + "-appear",
       unmountOnExit: true
     }, React$1.createElement(ExclamationIcon, null)), React$1.createElement(CSSTransition, {
       "in": etapa.completed,
       timeout: 300,
-      classNames: rootClassName$21 + "-appear",
+      classNames: rootClassName$20 + "-appear",
       unmountOnExit: true
     }, React$1.createElement(CheckCircleIcon, null)), etapa.name));
   }) : undefined));
@@ -7918,25 +7916,24 @@ var EtiquetasStyle;
   EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
 })(EtiquetasStyle || (EtiquetasStyle = {}));
 
-var rootClassName$22 = 'component-etiqueta';
 function Etiqueta(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$22, props.theme, props.fitContent ? 'fit-content' : undefined])
+    className: getMergedClassNames([undefined.etiqueta, undefined[props.theme], props.fitContent ? 'fit-content' : undefined])
   }, props.icon ? React$1.createElement("div", {
-    className: rootClassName$22 + "-icon"
+    className: undefined['etiqueta-icon']
   }, props.icon) : undefined, React$1.createElement("div", {
-    className: rootClassName$22 + "-text"
+    className: undefined['etiqueta-text']
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: EtiquetasStyle.Programas
 };
 
-var rootClassName$23 = 'component-file-loader';
+var rootClassName$21 = 'component-file-loader';
 function FileLoader(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([props.className || '', rootClassName$23])
+      className: getMergedClassNames([props.className || '', rootClassName$21])
     });
     delete p.percent;
     delete p.totalSize;
@@ -7956,24 +7953,24 @@ function FileLoader(props) {
     return percent;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$23 + "-percent-line"
+    className: rootClassName$21 + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React$1.createElement("span", {
-    className: rootClassName$23 + "-downloaded-percent"
+    className: rootClassName$21 + "-downloaded-percent"
   }, getPercent(), "%")), React$1.createElement("div", {
-    className: rootClassName$23 + "-loader-bar"
+    className: rootClassName$21 + "-loader-bar"
   }, React$1.createElement("div", {
-    className: rootClassName$23 + "-loader-progress",
+    className: rootClassName$21 + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React$1.createElement("div", {
-    className: rootClassName$23 + "-progress-info"
+    className: rootClassName$21 + "-progress-info"
   }, React$1.createElement("div", {
-    className: rootClassName$23 + "-downloaded-size"
+    className: rootClassName$21 + "-downloaded-size"
   }, getSizeDownloaded()), React$1.createElement("div", {
-    className: rootClassName$23 + "-bar"
+    className: rootClassName$21 + "-bar"
   }, "/"), React$1.createElement("div", {
-    className: rootClassName$23 + "-total-size"
+    className: rootClassName$21 + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -7981,20 +7978,20 @@ FileLoader.defaultProps = {
   percent: 0
 };
 
-var rootClassName$24 = 'component-file-upload';
+var rootClassName$22 = 'component-file-upload';
 var DRAG_ENTER_CLASS_NAME = 'drag-enter';
 var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
 function FileUpload(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
   var addClass = function addClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
     if (el) {
       el.classList.add(className);
     }
   };
   var removeClass = function removeClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
     if (el) {
       el.classList.remove(className);
     }
@@ -8034,15 +8031,15 @@ function FileUpload(props) {
     return true;
   };
   return React$1.createElement("div", {
-    className: rootClassName$24 + "-outer"
+    className: rootClassName$22 + "-outer"
   }, !props.hideTopLabel && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$24 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
+    className: getMergedClassNames([rootClassName$22 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
   }, props.topLabel), React$1.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$24, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$22, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, React$1.createElement("div", {
     onClick: handleClick,
-    className: getMergedClassNames([rootClassName$24 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
+    className: getMergedClassNames([rootClassName$22 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
     onDragEnter: function onDragEnter(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -8068,11 +8065,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React$1.createElement("div", {
-    className: rootClassName$24 + "-row"
+    className: rootClassName$22 + "-row"
   }, React$1.createElement("div", {
-    className: rootClassName$24 + "-upload-icon"
+    className: rootClassName$22 + "-upload-icon"
   }, React$1.createElement(CloudUploadIcon, null)), React$1.createElement("div", {
-    className: rootClassName$24 + "-label"
+    className: rootClassName$22 + "-label"
   }, props.label)), React$1.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -8095,7 +8092,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$24 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$22 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 FileUpload.defaultProps = {
@@ -8109,11 +8106,11 @@ FileUpload.defaultProps = {
   error: false
 };
 
-var rootClassName$25 = 'component-row';
+var rootClassName$23 = 'component-row';
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$25, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
+      className: getMergedClassNames([rootClassName$23, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
     });
     delete p.centralized;
     delete p.columnDirection;
@@ -8126,7 +8123,7 @@ Row.defaultProps = {
 };
 var Row$1 = memo(Row);
 
-var rootClassName$26 = 'footer-sicredi';
+var rootClassName$24 = 'footer-sicredi';
 function FooterSicredi(props) {
   var colSize = [12, 12, 3, 3, 3];
   var qrCodeColor = useMemo(function () {
@@ -8146,136 +8143,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React$1.createElement("footer", {
-    className: getMergedClassNames([rootClassName$26, props.theme])
+    className: getMergedClassNames([rootClassName$24, props.theme])
   }, React$1.createElement(Row$1, {
-    className: rootClassName$26 + "-section",
+    className: rootClassName$24 + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$26 + "-cell"
+    className: rootClassName$24 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "WhatsApp Corporativo"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React$1.createElement("div", {
-    className: rootClassName$26 + "-asterisco nunito"
+    className: rootClassName$24 + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-qr-code"
+    className: rootClassName$24 + "-qr-code"
   }, React$1.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React$1.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$26 + "-cell"
+    className: rootClassName$24 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "Servi\xE7os por telefone"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React$1.createElement("div", {
-    className: rootClassName$26 + "-asterisco nunito"
+    className: rootClassName$24 + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "Demais regi\xF5es"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React$1.createElement("div", {
-    className: rootClassName$26 + "-asterisco nunito"
+    className: rootClassName$24 + "-asterisco nunito"
   }, "* Sem custo")), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$26 + "-cell"
+    className: rootClassName$24 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "SAC"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "Ouvidoria"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React$1.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$26 + "-cell"
+    className: rootClassName$24 + "-cell"
   }, React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "Chamadas internacionais"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "(a cobrar)"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-space"
+    className: rootClassName$24 + "-space"
   }), React$1.createElement("div", {
-    className: rootClassName$26 + "-title"
+    className: rootClassName$24 + "-title"
   }, "Atendimento \xE0 pessoas com defici\xEAncia"), React$1.createElement("div", {
-    className: rootClassName$26 + "-subtitle nunito"
+    className: rootClassName$24 + "-subtitle nunito"
   }, "Auditivos ou de fala"), React$1.createElement("div", {
-    className: rootClassName$26 + "-number"
+    className: rootClassName$24 + "-number"
   }, React$1.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React$1.createElement(Row$1, {
-    className: rootClassName$26 + "-section",
+    className: rootClassName$24 + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React$1.createElement(Row$1, null, React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$26 + "-social-media nunito",
+    className: rootClassName$24 + "-social-media nunito",
     href: 'https://www.youtube.com/user/sicredioficial',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "youtube"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$26 + "-social-media nunito",
+    className: rootClassName$24 + "-social-media nunito",
     href: 'https://twitter.com/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "twitter"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$26 + "-social-media nunito",
+    className: rootClassName$24 + "-social-media nunito",
     href: 'https://www.linkedin.com/company/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "linkedin"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$26 + "-social-media nunito",
+    className: rootClassName$24 + "-social-media nunito",
     href: 'https://www.instagram.com/sicredi/',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "instagram"), React$1.createElement(AnimatedLink$1, {
-    className: rootClassName$26 + "-social-media nunito",
+    className: rootClassName$24 + "-social-media nunito",
     href: 'https://www.facebook.com/Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "facebook")), React$1.createElement(Row$1, {
-    className: rootClassName$26 + "-endereco"
+    className: rootClassName$24 + "-endereco"
   }, React$1.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React$1.createElement(Row$1, {
@@ -8288,16 +8285,16 @@ function FooterSicredi(props) {
 }
 var FooterSicredi$1 = memo(FooterSicredi);
 
-var rootClassName$27 = 'full-height-container';
+var rootClassName$25 = 'full-height-container';
 function FullHeightContainer(props) {
   return React$1.createElement("div", {
-    className: rootClassName$27
+    className: rootClassName$25
   }, React$1.createElement("div", {
-    className: rootClassName$27 + "-row-header"
+    className: rootClassName$25 + "-row-header"
   }, props.header), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$27 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
+    className: getMergedClassNames([rootClassName$25 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
   }, props.children), props.fixedFooter ? React$1.createElement("div", {
-    className: rootClassName$27 + "-row-footer"
+    className: rootClassName$25 + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
 FullHeightContainer.defaultProps = {
@@ -8309,10 +8306,10 @@ var FullHeightContainer$1 = memo(FullHeightContainer);
 var HEADER_SEPARATOR_PRIMARY = 'primary';
 var HEADER_SEPARATOR_SECONDARY = 'secondary';
 
-var rootClassName$28 = 'component-header-separator';
+var rootClassName$26 = 'component-header-separator';
 function HeaderSeparator(props) {
   return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$28, rootClassName$28 + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$26, rootClassName$26 + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -8327,7 +8324,7 @@ var HeaderType;
   HeaderType["Assembleia"] = "assembleia";
 })(HeaderType || (HeaderType = {}));
 
-var rootClassName$29 = 'component-header';
+var rootClassName$27 = 'component-header';
 function Header(props) {
   var _props$blackBar;
   var handleClick = function handleClick() {
@@ -8338,32 +8335,32 @@ function Header(props) {
   var getProps = function getProps() {
     var p = {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$29, props.className, rootClassName$29 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
+      className: getMergedClassNames([rootClassName$27, props.className, rootClassName$27 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
     };
     return p;
   };
-  var clearfixClassNames = getMergedClassNames([rootClassName$29 + "-clearfix", rootClassName$29 + "-" + props.theme]);
+  var clearfixClassNames = getMergedClassNames([rootClassName$27 + "-clearfix", rootClassName$27 + "-" + props.theme]);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React$1.createElement("div", {
-    className: rootClassName$29 + "-black-bar"
+    className: rootClassName$27 + "-black-bar"
   }, React$1.createElement("a", {
     href: props.blackBar.link,
     target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
   }, props.blackBar.icon, React$1.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React$1.createElement("div", {
-    className: rootClassName$29 + "-header-item"
+    className: rootClassName$27 + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React$1.createElement("div", {
-    className: rootClassName$29 + "-separator-logo"
+    className: rootClassName$27 + "-separator-logo"
   }, props.separator.label) : undefined), React$1.createElement("div", {
-    className: rootClassName$29 + "-header-item"
+    className: rootClassName$27 + "-header-item"
   }, props.centerContent), React$1.createElement("div", {
-    className: rootClassName$29 + "-header-item"
+    className: rootClassName$27 + "-header-item"
   }, props.rightContent)), props.theme === HeaderType.Semi && React$1.createElement("div", {
-    className: rootClassName$29 + "-semi-clear"
+    className: rootClassName$27 + "-semi-clear"
   }), props.clearfix && React$1.createElement("div", {
     className: clearfixClassNames
   }));
@@ -8375,11 +8372,11 @@ Header.defaultProps = {
 };
 var Header$1 = memo(Header);
 
-var rootClassName$2a = 'component-information-icon';
+var rootClassName$28 = 'component-information-icon';
 function Information(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2a, props.className || ''])
+      className: getMergedClassNames([rootClassName$28, props.className || ''])
     });
     delete p.icon;
     delete p['tooltip-text'];
@@ -8387,7 +8384,7 @@ function Information(props) {
     return p;
   };
   return React$1.createElement("div", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$2a + "-icon",
+    className: rootClassName$28 + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -8396,12 +8393,12 @@ Information.defaultProps = {
   icon: React$1.createElement(InformationIcon, null)
 };
 
-var rootClassName$2b = 'component-input';
+var rootClassName$29 = 'component-input';
 function Input(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: props.id ? props.id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2b + "-input", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$29 + "-input", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8414,23 +8411,23 @@ function Input(props) {
     return p;
   };
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$2b, props.error ? rootClassName$2b + "-error" : '', props.loading ? rootClassName$2b + "-loading" : '', props.disabled ? rootClassName$2b + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$29, props.error ? rootClassName$29 + "-error" : '', props.loading ? rootClassName$29 + "-loading" : '', props.disabled ? rootClassName$29 + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1.createElement("div", {
     id: props.id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2b + "-label nunito"
+    className: rootClassName$29 + "-label nunito"
   }, props.label || ''), React$1.createElement("div", {
-    className: rootClassName$2b + "-input-container"
+    className: rootClassName$29 + "-input-container"
   }, React$1.createElement("input", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
-    className: rootClassName$2b + "-right-object"
+    className: rootClassName$29 + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2b + "-helper-and-counter"
+    className: rootClassName$29 + "-helper-and-counter"
   }, React$1.createElement("div", {
-    className: rootClassName$2b + "-helper-text nunito"
+    className: rootClassName$29 + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1.createElement("div", {
-    className: rootClassName$2b + "-counter"
+    className: rootClassName$29 + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 Input.defaultProps = {
@@ -8445,7 +8442,7 @@ Input.defaultProps = {
 };
 var Input$1 = memo(Input);
 
-var rootClassName$2c = 'component-input-area';
+var rootClassName$2a = 'component-input-area';
 function InputArea(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
     id = _useState[0];
@@ -8453,7 +8450,7 @@ function InputArea(props) {
     var p = _extends({}, props, {
       rows: 1,
       id: id ? id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2c + "-input-area", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2a + "-input-area", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8473,23 +8470,23 @@ function InputArea(props) {
     }
   }, [props.value]);
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$2c, props.error ? rootClassName$2c + "-error" : '', props.loading ? rootClassName$2c + "-loading" : '', props.disabled ? rootClassName$2c + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$2a, props.error ? rootClassName$2a + "-error" : '', props.loading ? rootClassName$2a + "-loading" : '', props.disabled ? rootClassName$2a + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2c + "-label nunito"
+    className: rootClassName$2a + "-label nunito"
   }, props.label || ''), React$1.createElement("div", {
-    className: rootClassName$2c + "-input-container"
+    className: rootClassName$2a + "-input-container"
   }, React$1.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React$1.createElement("div", {
-    className: rootClassName$2c + "-right-object"
+    className: rootClassName$2a + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1.createElement("div", {
-    className: rootClassName$2c + "-helper-and-counter"
+    className: rootClassName$2a + "-helper-and-counter"
   }, React$1.createElement("div", {
-    className: rootClassName$2c + "-helper-text nunito"
+    className: rootClassName$2a + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1.createElement("div", {
-    className: rootClassName$2c + "-counter"
+    className: rootClassName$2a + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 InputArea.defaultProps = {
@@ -8505,14 +8502,14 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = memo(InputArea);
 
-var rootClassName$2d = 'component-item-dropdown-download';
+var rootClassName$2b = 'component-item-dropdown-download';
 function ItemDropdownDownload(props) {
   var id = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2d, props.className || '', props.opened ? 'opened' : 'closed']),
+      className: getMergedClassNames([rootClassName$2b, props.className || '', props.opened ? 'opened' : 'closed']),
       onClick: function onClick(event) {
         if (typeof props.onClick === 'function') {
           props.onClick(event);
@@ -8533,12 +8530,12 @@ function ItemDropdownDownload(props) {
   useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$2d + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$2b + "-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$2d + "-outer")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2b + "-outer")) {
             deveFechar = false;
             break;
           }
@@ -8575,23 +8572,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React$1.createElement("div", {
-    className: rootClassName$2d + "-outer",
+    className: rootClassName$2b + "-outer",
     id: id
   }, React$1.createElement("button", Object.assign({}, filteredProps), React$1.createElement("div", {
-    className: rootClassName$2d + "-label"
+    className: rootClassName$2b + "-label"
   }, props.label), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2d + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$2b + "-arrow", props.opened ? 'up' : 'down'])
   }, React$1.createElement(ChevronArrowDownIcon, null))), React$1.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2d + "-panel"
+    className: rootClassName$2b + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React$1.createElement("button", {
       id: download.id || undefined,
-      className: rootClassName$2d + "-item " + (download.loading ? 'loading' : ''),
+      className: rootClassName$2b + "-item " + (download.loading ? 'loading' : ''),
       onClick: function onClick(evt) {
         if (!download.loading && typeof download.onClick === 'function') {
           download.onClick(evt);
@@ -8599,9 +8596,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React$1.createElement("div", {
-      className: rootClassName$2d + "-item-label"
+      className: rootClassName$2b + "-item-label"
     }, download.label), React$1.createElement("div", {
-      className: rootClassName$2d + "-download-icon"
+      className: rootClassName$2b + "-download-icon"
     }, download.loading ? React$1.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React$1.createElement(CloudDownloadIcon, null)));
@@ -8613,7 +8610,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = memo(ItemDropdownDownload);
 
-var rootClassName$2e = 'component-menu-item';
+var rootClassName$2c = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -8623,7 +8620,7 @@ function MenuItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$2e, props.className, props.active ? rootClassName$2e + "-active" : ''])
+      className: getMergedClassNames([rootClassName$2c, props.className, props.active ? rootClassName$2c + "-active" : ''])
     });
     delete p.icon;
     delete p.active;
@@ -8636,15 +8633,15 @@ function MenuItem(props) {
     return p;
   };
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$2e + "-icon"
+    className: rootClassName$2c + "-icon"
   }, props.icon), React$1.createElement("div", {
-    className: rootClassName$2e + "-label"
+    className: rootClassName$2c + "-label"
   }, props.label)), props.subList && props.subList.length ? React$1.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React$1.createElement("div", {
-    className: rootClassName$2e + "-sub-list"
+    className: rootClassName$2c + "-sub-list"
   }, props.subList.map(function (subItem) {
-    var itemClassNames = getMergedClassNames([rootClassName$2e + "-sub-item", subItem.active ? rootClassName$2e + "-active" : '']);
+    var itemClassNames = getMergedClassNames([rootClassName$2c + "-sub-item", subItem.active ? rootClassName$2c + "-active" : '']);
     var idAndKey = subItem.id ? subItem.id : getUniqueKey();
     return React$1.createElement("div", {
       id: idAndKey,
@@ -8652,9 +8649,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React$1.createElement("div", {
-      className: rootClassName$2e + "-sub-item-icon"
+      className: rootClassName$2c + "-sub-item-icon"
     }, subItem.icon), React$1.createElement("div", {
-      className: rootClassName$2e + "-sub-item-label"
+      className: rootClassName$2c + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -8665,7 +8662,7 @@ MenuItem.defaultProps = {
   label: ''
 };
 
-var rootClassName$2f = 'component-menu';
+var rootClassName$2d = 'component-menu';
 var timeout;
 var format = function format(s) {
   return getStringWithoutSpecialChar(s).trim().toLowerCase();
@@ -8707,11 +8704,11 @@ function Menu(props) {
   }, [props.openOnClick]);
   var getProps = function getProps() {
     var openedOrNot = function openedOrNot(condition) {
-      if (condition) return rootClassName$2f + "-opened";
+      if (condition) return rootClassName$2d + "-opened";
       return '';
     };
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2f, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2f + "-short-on-md" : '', props.openOnClick ? rootClassName$2f + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2f + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
+      className: getMergedClassNames([rootClassName$2d, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2d + "-short-on-md" : '', props.openOnClick ? rootClassName$2d + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2d + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
     });
     delete p.loading;
     delete p.openOnClick;
@@ -8747,14 +8744,14 @@ function Menu(props) {
     });
   }, [buscarValue, props.items]);
   return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React$1.createElement(IconButton$1, {
-    className: rootClassName$2f + "-close-button",
+    className: rootClassName$2d + "-close-button",
     icon: React$1.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React$1.createElement("div", {
-    className: rootClassName$2f + "-logo"
+    className: rootClassName$2d + "-logo"
   }, props.logo), React$1.createElement(Collapse$1, {
     animateOpacity: true,
     opened: props.loading
@@ -8766,7 +8763,7 @@ function Menu(props) {
     animateOpacity: true,
     opened: props.buscar && !props.loading
   }, React$1.createElement("div", {
-    className: rootClassName$2f + "-buscar"
+    className: rootClassName$2d + "-buscar"
   }, React$1.createElement(Input$1, {
     disabled: props.loading || !props.buscar,
     id: 'buscar-menu',
@@ -8782,29 +8779,29 @@ function Menu(props) {
     animateOpacity: true,
     opened: itens.length > 0
   }, React$1.createElement("div", {
-    className: rootClassName$2f + "-items"
+    className: rootClassName$2d + "-items"
   }, itens.map(function (it, index) {
     return React$1.createElement("div", {
-      className: rootClassName$2f + "-it",
+      className: rootClassName$2d + "-it",
       key: index
     }, React$1.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   })))), React$1.createElement(React$1.Fragment, null, props.openOnClick && React$1.createElement("button", {
-    className: rootClassName$2f + "-toggle " + (opened ? rootClassName$2f + "-opened" : ''),
+    className: rootClassName$2d + "-toggle " + (opened ? rootClassName$2d + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }, React$1.createElement(ChevronArrowRightIcon, null))), React$1.createElement(React$1.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React$1.createElement(CSSTransition, {
     timeout: 300,
-    classNames: rootClassName$2f + "-background",
+    classNames: rootClassName$2d + "-background",
     "in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
     mountOnEnter: true,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2f + "-background",
+    className: rootClassName$2d + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -8824,12 +8821,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = memo(Menu);
 
-var rootClassName$2g = 'component-modal';
+var rootClassName$2e = '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$2g, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2g + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$2e, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2e + "-" + String(props.size).toLowerCase()])
     });
     delete p.footer;
     delete p.title;
@@ -8859,18 +8856,18 @@ function Modal(props) {
     if (typeof props.onClose === 'function') props.onClose(props.modalKey);
   };
   return React$1.createElement("div", Object.assign({}, filteredProps), React$1.createElement("div", {
-    className: rootClassName$2g + "-header"
+    className: rootClassName$2e + "-header"
   }, React$1.createElement("div", {
-    className: rootClassName$2g + "-title"
+    className: rootClassName$2e + "-title"
   }, props.title), React$1.createElement("div", {
-    className: rootClassName$2g + "-close-button"
+    className: rootClassName$2e + "-close-button"
   }, React$1.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React$1.createElement(CloseIcon, null)
   }))), React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2g + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$2e + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React$1.createElement("div", {
-    className: rootClassName$2g + "-footer"
+    className: rootClassName$2e + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -8879,11 +8876,11 @@ Modal.defaultProps = {
   size: 'large'
 };
 
-var rootClassName$2h = 'component-modal-mask';
+var rootClassName$2f = 'component-modal-mask';
 var ModalMask = function ModalMask(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2h, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
+      className: getMergedClassNames([rootClassName$2f, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
     });
     delete p.mobileOnXS;
     return p;
@@ -8891,7 +8888,7 @@ var ModalMask = function ModalMask(props) {
   return React$1.createElement("div", Object.assign({}, getProps()), props.children);
 };
 
-var rootClassName$2i = 'comp-modal-manager';
+var rootClassName$2g = 'comp-modal-manager';
 var maskRootClassName = 'component-modal-mask';
 var hackFocus = function hackFocus() {
   var tmp = document.createElement('input');
@@ -8966,7 +8963,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     };
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2i + "-modals"]);
+    return getMergedClassNames([rootClassName$2g + "-modals"]);
   };
   return React$1.createElement(React$1.Fragment, null, React$1.createElement(TransitionGroup, {
     className: getClassNames()
@@ -8975,7 +8972,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     var ModalComponent = React$1.createElement(obj.component, obj.props);
     return React$1.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2i + "-mask-mobile-on-xs" : rootClassName$2i + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2g + "-mask-mobile-on-xs" : rootClassName$2g + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React$1.createElement(ModalMask, {
@@ -9013,7 +9010,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$2j = 'component-paginator';
+var rootClassName$2h = 'component-paginator';
 function Paginator(props) {
   var _useState = useState([]),
     arrOfNumbers = _useState[0],
@@ -9039,11 +9036,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React$1.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$2j, props.className || ''])
+    className: getMergedClassNames([rootClassName$2h, props.className || ''])
   }, React$1.createElement("div", {
-    className: rootClassName$2j + "-center-content"
+    className: rootClassName$2h + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
-    className: rootClassName$2j + "-left-arrow"
+    className: rootClassName$2h + "-left-arrow"
   }, React$1.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React$1.createElement(ChevronArrowLeftIcon, null),
@@ -9053,11 +9050,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React$1.createElement("div", {
-    className: rootClassName$2j + "-numbers"
+    className: rootClassName$2h + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React$1.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$2j + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$2h + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -9065,7 +9062,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React$1.createElement("div", {
-    className: rootClassName$2j + "-right-arrow"
+    className: rootClassName$2h + "-right-arrow"
   }, React$1.createElement(IconButton$1, {
     icon: React$1.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -9075,19 +9072,356 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React$1.createElement(CSSTransition, {
-    classNames: rootClassName$2j + "-loader",
+    classNames: rootClassName$2h + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React$1.createElement("div", {
-    className: rootClassName$2j + "-loader"
+    className: rootClassName$2h + "-loader"
   }, React$1.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
 
-var rootClassName$2k = 'component-video-player';
+var _excluded = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
+function usePagination(props) {
+  if (props === void 0) {
+    props = {};
+  }
+  var _props = props,
+    _props$boundaryCount = _props.boundaryCount,
+    boundaryCount = _props$boundaryCount === void 0 ? 1 : _props$boundaryCount,
+    _props$count = _props.count,
+    count = _props$count === void 0 ? 1 : _props$count,
+    _props$currentPage = _props.currentPage,
+    currentPage = _props$currentPage === void 0 ? 1 : _props$currentPage,
+    _props$disabled = _props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$hideNextButton = _props.hideNextButton,
+    hideNextButton = _props$hideNextButton === void 0 ? false : _props$hideNextButton,
+    _props$hidePrevButton = _props.hidePrevButton,
+    hidePrevButton = _props$hidePrevButton === void 0 ? false : _props$hidePrevButton,
+    handleChange = _props.onChange,
+    pageProp = _props.page,
+    _props$siblingCount = _props.siblingCount,
+    siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
+    maxLength = _props.maxLength,
+    other = _objectWithoutPropertiesLoose(_props, _excluded);
+  var isControlledRef = useRef(pageProp !== undefined);
+  var _useState = useState(currentPage),
+    pageCurrent = _useState[0],
+    setPageCurrent = _useState[1];
+  var controlledPage = isControlledRef.current ? pageProp : pageCurrent;
+  var handleClick = function handleClick(event, value) {
+    if (!isControlledRef.current) {
+      setPageCurrent(value);
+    }
+    if (handleChange) {
+      handleChange(event, value);
+    }
+  };
+  var range = function range(start, end) {
+    var length = Math.round(end - start + 1);
+    return Array.from({
+      length: length
+    }, function (_, i) {
+      return Math.round(start + i);
+    });
+  };
+  var startPages = range(1, Math.min(boundaryCount, count));
+  var endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
+  var shouldShowEllipsis = typeof siblingCount === 'number' ? true : false;
+  var siblingsStart;
+  var siblingsEnd;
+  if (maxLength && maxLength > 0 && !siblingCount) {
+    var visibleItems = Math.min(maxLength, count);
+    var firstVisibleItem = Math.max(controlledPage - Math.floor(visibleItems / 2), 1);
+    siblingsStart = Math.min(firstVisibleItem, count - visibleItems + 1);
+    siblingsEnd = Math.min(firstVisibleItem + visibleItems - 1, count);
+  } else {
+    siblingsStart = Math.max(Math.min(controlledPage - (shouldShowEllipsis ? siblingCount : 0), count - boundaryCount - (shouldShowEllipsis ? siblingCount * 2 : 0) - 1), boundaryCount + 2);
+    siblingsEnd = Math.min(Math.max(controlledPage + (shouldShowEllipsis ? siblingCount : 0), boundaryCount + (shouldShowEllipsis ? siblingCount * 2 : 0) + 2), endPages.length > 0 ? endPages[0] - 2 : count - 1);
+  }
+  var itemList = maxLength && maxLength > 0 && !siblingCount ? [].concat(hidePrevButton ? [] : ['voltar'], range(siblingsStart, siblingsEnd), hideNextButton ? [] : ['próximo']) : [].concat(hidePrevButton ? [] : ['voltar'], startPages, shouldShowEllipsis ? siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : [] : range(boundaryCount + 1, siblingsStart - 1), range(siblingsStart, siblingsEnd), shouldShowEllipsis ? siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : [] : range(siblingsEnd + 1, count - boundaryCount), endPages, hideNextButton ? [] : ['próximo']);
+  var buttonPage = function buttonPage(type) {
+    switch (type) {
+      case 'voltar':
+        return controlledPage - 1;
+      case 'próximo':
+        return controlledPage + 1;
+      default:
+        return null;
+    }
+  };
+  var items = itemList.map(function (item) {
+    return typeof item === 'number' ? {
+      onClick: function onClick(event) {
+        handleClick(event, item);
+      },
+      type: 'page',
+      page: item,
+      selected: item === controlledPage,
+      disabled: disabled,
+      'aria-current': item === controlledPage ? 'true' : undefined
+    } : {
+      onClick: function onClick(event) {
+        var pageValue = buttonPage(item);
+        if (pageValue !== null) {
+          handleClick(event, pageValue);
+        }
+      },
+      type: item,
+      page: buttonPage(item),
+      selected: false,
+      disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'próximo' ? controlledPage >= count : controlledPage <= 1)
+    };
+  });
+  useEffect(function () {
+    setPageCurrent(currentPage);
+  }, [currentPage]);
+  return _extends({
+    items: items,
+    pageCurrent: pageCurrent
+  }, other);
+}
+
+var rootClassName$2i = 'icon-component';
+var ThreeDots = function ThreeDots() {
+  return React$1.createElement("svg", {
+    className: rootClassName$2i,
+    xmlns: 'http://www.w3.org/2000/svg',
+    fill: 'none',
+    viewBox: '0.8 0.71 10.32 2.37'
+  }, React$1.createElement("path", {
+    d: 'M2 3.08C1.63733 3.08 1.344 2.968 1.12 2.744C0.906667 2.52 0.8 2.232 0.8 1.88C0.8 1.53867 0.906667 1.26133 1.12 1.048C1.344 0.824 1.63733 0.712 2 0.712C2.37333 0.712 2.66133 0.824 2.864 1.048C3.07733 1.26133 3.184 1.53867 3.184 1.88C3.184 2.232 3.07733 2.52 2.864 2.744C2.66133 2.968 2.37333 3.08 2 3.08ZM5.96875 3.08C5.60608 3.08 5.31275 2.968 5.08875 2.744C4.87542 2.52 4.76875 2.232 4.76875 1.88C4.76875 1.53867 4.87542 1.26133 5.08875 1.048C5.31275 0.824 5.60608 0.712 5.96875 0.712C6.34208 0.712 6.63008 0.824 6.83275 1.048C7.04608 1.26133 7.15275 1.53867 7.15275 1.88C7.15275 2.232 7.04608 2.52 6.83275 2.744C6.63008 2.968 6.34208 3.08 5.96875 3.08ZM9.9375 3.08C9.57483 3.08 9.2815 2.968 9.0575 2.744C8.84417 2.52 8.7375 2.232 8.7375 1.88C8.7375 1.53867 8.84417 1.26133 9.0575 1.048C9.2815 0.824 9.57483 0.712 9.9375 0.712C10.3108 0.712 10.5988 0.824 10.8015 1.048C11.0148 1.26133 11.1215 1.53867 11.1215 1.88C11.1215 2.232 11.0148 2.52 10.8015 2.744C10.5988 2.968 10.3108 3.08 9.9375 3.08Z',
+    fill: 'currentColor'
+  }));
+};
+
+var ScreenSize;
+(function (ScreenSize) {
+  ScreenSize["xs"] = "xs";
+  ScreenSize["sm"] = "sm";
+  ScreenSize["md"] = "md";
+  ScreenSize["lg"] = "lg";
+  ScreenSize["xl"] = "xl";
+})(ScreenSize || (ScreenSize = {}));
+function useScreenSize() {
+  var _useState = useState(),
+    value = _useState[0],
+    setValue = _useState[1];
+  var valueRef = useRef(value);
+  valueRef.current = value;
+  var f = function f() {
+    if (window.innerWidth <= 575.98) {
+      if (valueRef.current !== ScreenSize.xs) {
+        setValue(ScreenSize.xs);
+      }
+    } else if (window.innerWidth <= 767.98) {
+      if (valueRef.current !== ScreenSize.sm) {
+        setValue(ScreenSize.sm);
+      }
+    } else if (window.innerWidth <= 991.98) {
+      if (valueRef.current !== ScreenSize.md) {
+        setValue(ScreenSize.md);
+      }
+    } else if (window.innerWidth <= 1199.98) {
+      if (valueRef.current !== ScreenSize.lg) {
+        setValue(ScreenSize.lg);
+      }
+    } else if (window.innerWidth > 1199.98) {
+      if (valueRef.current !== ScreenSize.xl) {
+        setValue(ScreenSize.xl);
+      }
+    }
+  };
+  useLayoutEffect(function () {
+    f();
+    window.addEventListener('resize', f);
+    return function () {
+      window.removeEventListener('resize', f);
+    };
+  }, []);
+  return value;
+}
+
+var _excluded$1 = ["page", "type", "selected"];
+var Pagination = function Pagination(props) {
+  var screenSize = useScreenSize();
+  var _useState = useState(false),
+    dropdownOpened = _useState[0],
+    setDropdownOpened = _useState[1];
+  var _props$siblingCount = props.siblingCount,
+    siblingCount = _props$siblingCount === void 0 ? props.maxLength ? 0 : 1 : _props$siblingCount,
+    _props$boundaryCount = props.boundaryCount,
+    boundaryCount = _props$boundaryCount === void 0 ? 1 : _props$boundaryCount,
+    currentPage = props.currentPage,
+    maxLength = props.maxLength,
+    hideNextButton = props.hideNextButton,
+    hidePrevButton = props.hidePrevButton,
+    totalPages = props.totalPages,
+    onPageChange = props.onPageChange,
+    disabled = props.disabled,
+    loading = props.loading,
+    countPages = props.countPages,
+    rowsPerPage = props.rowsPerPage;
+  function validatePaginationProps(props) {
+    if (props.siblingCount !== false && props.siblingCount !== undefined && props.maxLength !== undefined) {
+      throw new Error('Erro: siblingCount e maxLength não podem ser utilizadas juntas');
+    }
+  }
+  validatePaginationProps(props);
+  var _usePagination = usePagination({
+      count: countPages ? Math.floor(countPages.totalItems % countPages.rows === 0 ? countPages.totalItems / countPages.rows : countPages.totalItems / countPages.rows + 1) : totalPages,
+      onChange: function onChange(e, v) {
+        return onPageChange(e, v);
+      },
+      disabled: disabled,
+      hideNextButton: hideNextButton,
+      hidePrevButton: hidePrevButton,
+      siblingCount: siblingCount,
+      boundaryCount: boundaryCount,
+      currentPage: currentPage,
+      maxLength: maxLength
+    }),
+    items = _usePagination.items,
+    pageCurrent = _usePagination.pageCurrent;
+  var _useState2 = useState((countPages === null || countPages === void 0 ? void 0 : countPages.rows) || (rowsPerPage === null || rowsPerPage === void 0 ? void 0 : rowsPerPage.rows)),
+    rows = _useState2[0],
+    setRows = _useState2[1];
+  var lastPage = items[items.length - 2].page;
+  var defaultLabelDisplayedRows = function defaultLabelDisplayedRows(_ref) {
+    var from = _ref.from,
+      to = _ref.to,
+      count = _ref.count;
+    return from + "-" + to + " de " + (count !== -1 ? count + " itens" : "maior que " + to);
+  };
+  var alignCenter = useMemo(function () {
+    if (['xs'].includes(screenSize) && (rowsPerPage || countPages)) {
+      return true;
+    } else if (['sm'].includes(screenSize) && rowsPerPage && countPages) {
+      return true;
+    } else if (!rowsPerPage && !countPages) {
+      return true;
+    }
+    return false;
+  }, [rowsPerPage, countPages, screenSize]);
+  var alignEnd = useMemo(function () {
+    if (['sm'].includes(screenSize) && rowsPerPage && countPages) {
+      return false;
+    } else if (['sm', 'md', 'lg', 'xl'].includes(screenSize) && (rowsPerPage || countPages)) {
+      return true;
+    }
+    return false;
+  }, [rowsPerPage, countPages, screenSize]);
+  return React$1.createElement(Row$1, {
+    className: getMergedClassNames([undefined.root, countPages ? undefined.hasLeftItem : '', countPages || rowsPerPage ? undefined.oneOf : ''])
+  }, countPages || rowsPerPage ? React$1.createElement(Col$1, {
+    noPadding: true,
+    cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
+  }, countPages || rowsPerPage ? React$1.createElement("div", {
+    className: getMergedClassNames([undefined.paginationLeftContainer, 'nunito', countPages && rowsPerPage ? undefined.both : countPages || rowsPerPage ? undefined.oneOf : ''])
+  }, countPages ? React$1.createElement("div", null, React$1.createElement("p", null, defaultLabelDisplayedRows({
+    from: countPages.rows === 0 ? 0 : countPages.rows * pageCurrent - countPages.rows + 1,
+    to: Number(pageCurrent === lastPage ? countPages.totalItems : countPages.rows * pageCurrent),
+    count: countPages.totalItems === -1 ? -1 : countPages.totalItems
+  }))) : undefined, rowsPerPage ? React$1.createElement("div", null, React$1.createElement("div", {
+    className: undefined.linesPerPage
+  }, countPages ? screenSize === 'md' || screenSize === 'lg' || screenSize === 'xl' ? React$1.createElement("span", null, React$1.createElement(ListDotIcon, null)) : '' : undefined, React$1.createElement("div", {
+    className: getMergedClassNames([undefined.wrapper, loading || disabled ? undefined.disabled : ''])
+  }, React$1.createElement("p", null, "Linhas por p\xE1gina:"), React$1.createElement(DropdownMenu, {
+    opened: !loading && !disabled && dropdownOpened,
+    setOpened: setDropdownOpened,
+    closeOnOutClick: true,
+    content: React$1.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-end'
+      },
+      tabIndex: loading || disabled ? -1 : 0
+    }, rowsPerPage && rowsPerPage.options.map(function (value, index) {
+      return React$1.createElement(DropdownItem$1, {
+        key: index,
+        label: String(value),
+        disabled: loading,
+        onClick: function onClick(e) {
+          setDropdownOpened(false);
+          setRows(String(value));
+          rowsPerPage.onChange(e, value);
+        }
+      });
+    }))
+  }, React$1.createElement("div", {
+    onClick: function onClick() {
+      return setDropdownOpened(!dropdownOpened);
+    },
+    className: getMergedClassNames([undefined.drop, dropdownOpened ? undefined.active : ''])
+  }, React$1.createElement("p", {
+    className: 'nunito'
+  }, rowsPerPage && rows, " "), React$1.createElement(ChevronArrowDownIcon, null)))))) : undefined) : undefined) : undefined, React$1.createElement(Col$1, {
+    noPadding: true,
+    cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12],
+    centralized: alignCenter,
+    end: alignEnd
+  }, React$1.createElement("div", null, items.map(function (_ref2, index) {
+    var page = _ref2.page,
+      type = _ref2.type,
+      selected = _ref2.selected,
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+    var children = null;
+    if (type === 'start-ellipsis' || type === 'end-ellipsis') {
+      children = React$1.createElement("li", {
+        key: index,
+        className: getMergedClassNames([undefined.paginationItem, undefined.dots, disabled ? undefined.disabled : ''])
+      }, React$1.createElement(ThreeDots, null));
+    } else if (type === 'page') {
+      children = React$1.createElement("li", Object.assign({
+        key: index,
+        className: getMergedClassNames([undefined.paginationItem, disabled ? undefined.disabled : '', selected ? undefined.selected : '', !loading ? undefined.nonLoader : '']),
+        tabIndex: disabled ? -1 : 0
+      }, item), page);
+    } else if (type === 'voltar') {
+      children = React$1.createElement("div", {
+        className: undefined.arrows,
+        "aria-label": 'previous page'
+      }, React$1.createElement(IconButton$1, Object.assign({
+        icon: React$1.createElement(ChevronArrowLeftIcon, null),
+        tabIndex: disabled ? -1 : 0
+      }, item)));
+    } else if (type === 'próximo') {
+      children = React$1.createElement("div", {
+        className: undefined.arrows,
+        "aria-label": 'previous page'
+      }, React$1.createElement(IconButton$1, Object.assign({
+        icon: React$1.createElement(ChevronArrowRightIcon, null),
+        tabIndex: disabled ? -1 : 0
+      }, item)));
+    }
+    return React$1.createElement("ul", {
+      key: index,
+      className: undefined.paginationContainer
+    }, children);
+  }), React$1.createElement(CSSTransition, {
+    "in": loading,
+    timeout: 300,
+    unmountOnExit: true,
+    classNames: {
+      enter: undefined.enter,
+      enterActive: undefined.enterActive,
+      exit: undefined.exit,
+      exitActive: undefined.exitActive,
+      exitDone: undefined.exitDone
+    }
+  }, React$1.createElement("div", {
+    className: undefined.paginationContainerLoader
+  }, React$1.createElement(ThreeDotsLoader, {
+    size: 2
+  }))))));
+};
+
+var rootClassName$2j = 'component-video-player';
 function VideoPlayer(props) {
   var youtubeRegex = /youtu(\.){0,1}be/;
   var alreadyPlayed = false;
@@ -9128,7 +9462,7 @@ function VideoPlayer(props) {
   }, []);
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2k, props.className, props.blackGround ? 'blackground' : ''])
+      className: getMergedClassNames([rootClassName$2j, props.className, props.blackGround ? 'blackground' : ''])
     });
     delete p.id;
     delete p.url;
@@ -9224,7 +9558,7 @@ VideoPlayer.defaultProps = {
   formatUrl: true
 };
 
-var rootClassName$2l = 'previa-video';
+var rootClassName$2k = 'previa-video';
 function PreviaVideo(props) {
   var _useState = useState(getUniqueKey()),
     id = _useState[0];
@@ -9260,21 +9594,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React$1.createElement("div", {
     id: id,
-    className: rootClassName$2l,
+    className: rootClassName$2k,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React$1.createElement("div", {
-    className: rootClassName$2l + "-img",
+    className: rootClassName$2k + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React$1.createElement("div", {
-    className: rootClassName$2l + "-icon"
+    className: rootClassName$2k + "-icon"
   }, React$1.createElement(BigPlayIcon, {
     hideBackground: true
   })), React$1.createElement("div", {
-    className: rootClassName$2l + "-label"
+    className: rootClassName$2k + "-label"
   }, props.label), React$1.createElement(CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -9285,7 +9619,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React$1.createElement("div", {
-    className: rootClassName$2l + "-video"
+    className: rootClassName$2k + "-video"
   }, React$1.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -9300,11 +9634,11 @@ var RadioButtonType;
   RadioButtonType["New"] = "new";
 })(RadioButtonType || (RadioButtonType = {}));
 
-var rootClassName$2m = 'component-radio-button';
+var rootClassName$2l = 'component-radio-button';
 function RadioButton(props) {
   var buttonProps = useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2m, props.theme, props.className, rootClassName$2m + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$2l, props.theme, props.className, rootClassName$2l + "-" + (props.value ? 'checked' : 'not')]),
       onClick: function onClick() {
         if (!props.disabled) {
           props.onChange(!props.value);
@@ -9325,7 +9659,356 @@ RadioButton.defaultProps = {
 };
 var RadioButton$1 = memo(RadioButton);
 
-var rootClassName$2n = 'component-select';
+var rootClassName$2m = 'component-chip';
+function Chip(props) {
+  var _props$theme;
+  return React$1.createElement("div", {
+    className: useMergedClassNames([rootClassName$2m, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
+    onClick: function onClick() {
+      if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
+        props.onClick();
+      }
+    }
+  }, React$1.createElement("span", {
+    className: 'nunito'
+  }, props.label), React$1.createElement("div", {
+    className: rootClassName$2m + "-button",
+    onClick: function onClick() {
+      if (!props.disabled && typeof props.onClick === 'function') {
+        props.onClick();
+      }
+    }
+  }, React$1.createElement(TimesCircleIcon, null)));
+}
+var Chip$1 = memo(Chip);
+
+function useOutsideClick(refs, handler) {
+  var handleClickOutside = useCallback(function (e) {
+    if (refs && 'current' in refs && refs.current) {
+      var isInside = Array.isArray(refs.current) ? refs.current.some(function (element) {
+        return !!element && element.contains(e.target);
+      }) : !!refs && !!refs.current && refs.current.contains(e.target);
+      handler(isInside);
+    } else {
+      var _isInside = Array.isArray(refs) && refs.some(function (element) {
+        return !!element && !!element.current && element.current.contains(e.target);
+      });
+      handler(_isInside);
+    }
+  }, [handler, refs]);
+  useEffect(function () {
+    document.addEventListener('mouseup', handleClickOutside);
+    document.addEventListener('touchstart', handleClickOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleClickOutside);
+      document.removeEventListener('touchstart', handleClickOutside);
+    };
+  }, [refs, handler, handleClickOutside]);
+}
+
+var rootClassName$2n = 'component-search';
+function Search(props) {
+  var _wrapperRef$current;
+  var _useState = useState(),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = useState(),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var _useState3 = useState(false),
+    loading = _useState3[0],
+    setLoading = _useState3[1];
+  var _useState4 = useState(props.data),
+    results = _useState4[0],
+    setResults = _useState4[1];
+  var _useState5 = useState(getUniqueKey()),
+    id = _useState5[0];
+  var _useState6 = useState(getUniqueKey()),
+    panelId = _useState6[0];
+  var _useState7 = useState(false),
+    showResults = _useState7[0],
+    setShowResults = _useState7[1];
+  var wrapperRef = useRef(null);
+  var handleClickOutside = function handleClickOutside(e) {
+    if (!e) setShowResults(false);
+  };
+  useOutsideClick(wrapperRef, handleClickOutside);
+  var onEsc = function onEsc(evt) {
+    if (evt.key === 'Escape') {
+      setShowResults(false);
+      var el = document.querySelector("#" + id + " input");
+      if (el) el.focus();
+      evt.preventDefault();
+      evt.stopPropagation();
+    }
+  };
+  var handleInputChange = useCallback(function (e) {
+    var value = e.target.value;
+    setValue(value);
+    if ((value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
+      if (!props.loadData) {
+        setShowResults(true);
+      } else {
+        setShowResults(false);
+        setResults([]);
+      }
+    }
+    !!props.onChange && props.onChange(value);
+  }, [value, props.onChange]);
+  var handleSelectItem = useCallback(function (record) {
+    if (props.showSelected) {
+      setValue('');
+    } else {
+      setValue(record.label);
+    }
+    setShowResults(false);
+    setSelected(record.label);
+    !!props.onSelect && props.onSelect(record);
+  }, []);
+  var getData = function getData() {
+    if (typeof props.loadData === 'function') {
+      setLoading(true);
+      var res = props.loadData();
+      if (res instanceof Promise) {
+        res.then(function () {
+          setShowResults(true);
+          setSelected(undefined);
+          setLoading(false);
+        })["catch"](function () {
+          setLoading(false);
+        });
+      }
+    }
+  };
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      if (value !== selected && (value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
+        getData();
+      }
+    }, 1000);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [value]);
+  useEffect(function () {
+    setResults(props.data);
+  }, [props.data]);
+  useEffect(function () {
+    document.addEventListener('keydown', onEsc);
+    if (props.loadData && results !== null && results !== void 0 && results.length && (value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
+      setLoading(false);
+      setShowResults(true);
+    }
+    return function () {
+      document.removeEventListener('keydown', onEsc);
+    };
+  }, [results]);
+  useEffect(function () {
+    setValue(props.value);
+    if (!props.value) {
+      setSelected(undefined);
+    }
+    if (props.value !== selected) {
+      setSelected(undefined);
+    }
+  }, [props.value]);
+  return React$1.createElement("div", {
+    tabIndex: 1,
+    id: id,
+    className: rootClassName$2n,
+    ref: wrapperRef
+  }, React$1.createElement(Input$1, {
+    id: getUniqueKey(),
+    value: value,
+    onChange: handleInputChange,
+    label: props.label,
+    placeholder: props.placeholder,
+    onKeyDown: function onKeyDown(evt) {
+      if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
+        var query = "#" + panelId + " ." + rootClassName$2n + "-options:nth-child(1)";
+        var optionToFocus = document.querySelector(query);
+        if (optionToFocus) {
+          optionToFocus.focus();
+          evt.preventDefault();
+        }
+      }
+    },
+    rightObject: React$1.createElement("div", {
+      className: rootClassName$2n + "-right-container"
+    }, props.showSelected && selected ? React$1.createElement(Chip$1, {
+      label: selected,
+      allClickable: false,
+      w100: true,
+      onClick: function onClick() {
+        props.onSelect(undefined);
+        setValue('');
+        setSelected(undefined);
+      }
+    }) : undefined, selected && props.onSelect && props.clearButton ? React$1.createElement(IconButton$1, {
+      icon: React$1.createElement(CloseIcon, null),
+      tabIndex: -1,
+      onClick: function onClick() {
+        props.onSelect(undefined);
+        setValue('');
+        setSelected(undefined);
+      }
+    }) : undefined, React$1.createElement(IconButton$1, {
+      icon: loading ? React$1.createElement(PercentLoaderIcon, {
+        indefinido: true
+      }) : React$1.createElement(SearchIcon, null),
+      tabIndex: -1,
+      onClick: function onClick() {
+        if (props.value) {
+          if (typeof props.loadData === 'function') {
+            setShowResults(false);
+            setLoading(true);
+            var res = props.loadData();
+            if (res instanceof Promise) {
+              res.then(function () {
+                setShowResults(true);
+                setLoading(false);
+              })["catch"](function () {
+                setLoading(false);
+              });
+            }
+          }
+        }
+        return undefined;
+      }
+    })),
+    loading: loading,
+    error: props.error,
+    helperText: props.helperText,
+    disabled: props.disabled || loading
+  }), React$1.createElement(CSSTransition, {
+    "in": showResults,
+    timeout: 300,
+    classNames: 'panel-fade',
+    unmountOnExit: true
+  }, React$1.createElement("div", {
+    id: panelId,
+    className: rootClassName$2n + "-panel scroll-white",
+    style: {
+      width: ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) + "px"
+    }
+  }, props.loadData ? results === null || results === void 0 ? void 0 : results.map(function (e, i) {
+    return React$1.createElement("div", {
+      key: i,
+      tabIndex: 1,
+      className: rootClassName$2n + "-options",
+      onClick: function onClick() {
+        handleSelectItem(e);
+      },
+      onKeyDown: function onKeyDown(evt) {
+        var child = evt.currentTarget;
+        var parent = child.parentNode;
+        var index = Array.prototype.indexOf.call(parent.children, child);
+        var total = parent.childElementCount;
+        switch (evt.key) {
+          case 'Tab':
+            if (evt.shiftKey) {
+              if (index === 0) {
+                var inputPanel = document.querySelector("#" + id + " input");
+                if (inputPanel) {
+                  inputPanel.focus();
+                  evt.preventDefault();
+                }
+              }
+            }
+            break;
+          case 'Enter':
+            handleSelectItem(e);
+            setShowResults(false);
+            var el = document.querySelector("#" + id + " input");
+            if (el) el.focus();
+            evt.preventDefault();
+            break;
+          case ' ':
+            handleSelectItem(e);
+            evt.preventDefault();
+            break;
+          case 'ArrowUp':
+            if (index > 0) {
+              parent.children[index - 1].focus();
+            } else {
+              var _el = document.querySelector("#" + id + " input");
+              if (_el) _el.focus();
+            }
+            evt.preventDefault();
+            break;
+          case 'ArrowDown':
+            if (index < total - 1) {
+              parent.children[index + 1].focus();
+              evt.preventDefault();
+            }
+            break;
+        }
+      }
+    }, React$1.createElement("span", null, e.label));
+  }) : results === null || results === void 0 ? void 0 : results.filter(function (search) {
+    return getStringWithoutSpecialChar(search.label).toLowerCase().match(getStringWithoutSpecialChar(props.value).toLowerCase());
+  }).map(function (results, i) {
+    return React$1.createElement("div", {
+      key: i,
+      tabIndex: 1,
+      className: rootClassName$2n + "-options",
+      onClick: function onClick() {
+        handleSelectItem(results);
+      },
+      onKeyDown: function onKeyDown(evt) {
+        var child = evt.currentTarget;
+        var parent = child.parentNode;
+        var index = Array.prototype.indexOf.call(parent.children, child);
+        var total = parent.childElementCount;
+        switch (evt.key) {
+          case 'Tab':
+            if (evt.shiftKey) {
+              if (index === 0) {
+                var inputPanel = document.querySelector("#" + id + " input");
+                if (inputPanel) {
+                  inputPanel.focus();
+                  evt.preventDefault();
+                }
+              }
+            }
+            break;
+          case 'Enter':
+            handleSelectItem(results);
+            setShowResults(false);
+            var el = document.querySelector("#" + id + " input");
+            if (el) el.focus();
+            evt.preventDefault();
+            break;
+          case ' ':
+            handleSelectItem(results);
+            evt.preventDefault();
+            break;
+          case 'ArrowUp':
+            if (index > 0) {
+              parent.children[index - 1].focus();
+            } else {
+              var _el2 = document.querySelector("#" + id + " input");
+              if (_el2) _el2.focus();
+            }
+            evt.preventDefault();
+            break;
+          case 'ArrowDown':
+            if (index < total - 1) {
+              parent.children[index + 1].focus();
+              evt.preventDefault();
+            }
+            break;
+        }
+      }
+    }, React$1.createElement("span", null, results.label));
+  }))));
+}
+Search.defaultProps = {
+  minLenghtToSearch: 1
+};
+var Search$1 = memo(Search);
+
+var rootClassName$2o = 'component-select';
 function Select(props) {
   var _props$options3;
   var _useState = useState(getUniqueKey()),
@@ -9358,7 +10041,7 @@ function Select(props) {
       var aux = evt.target;
       var deveFechar = true;
       while (aux && aux.id !== 'root') {
-        if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2n + "-outer")) {
+        if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2o + "-outer")) {
           deveFechar = false;
           break;
         }
@@ -9456,11 +10139,11 @@ function Select(props) {
   }, [opcoes]);
   var getRightObject = function getRightObject() {
     return React$1.createElement("div", {
-      className: rootClassName$2n + "-objects"
+      className: rootClassName$2o + "-objects"
     }, props.clearButton && !props.readOnly && (props.multiple && props.value && Array.isArray(props.value) && props.value.length || !props.multiple && (props.value || props.value === 0 || props.value === false)) ? React$1.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2n + "-clear-button",
+      className: rootClassName$2o + "-clear-button",
       icon: React$1.createElement(CloseIcon, null),
       onClick: function onClick() {
         if (props.multiple) {
@@ -9476,7 +10159,7 @@ function Select(props) {
     }) : undefined, React$1.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2n + "-arrow " + rootClassName$2n + "-arrow-" + (panelOpened ? 'up' : 'down'),
+      className: rootClassName$2o + "-arrow " + rootClassName$2o + "-arrow-" + (panelOpened ? 'up' : 'down'),
       onClick: function onClick() {
         return setPanelOpened(!panelOpened);
       },
@@ -9486,12 +10169,12 @@ function Select(props) {
   var getInputProps = function getInputProps() {
     var _props$options;
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2n, props.className]),
+      className: getMergedClassNames([rootClassName$2o, props.className]),
       forceFocus: fakeSelectFocused,
       readOnly: true,
       rightObject: getRightObject(),
       onClick: function onClick() {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2n + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -9499,7 +10182,7 @@ function Select(props) {
         }
       },
       onFocus: function onFocus(evt) {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2n + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -9512,12 +10195,12 @@ function Select(props) {
           evt.preventDefault();
         }
         if (evt.keyCode === 9 && panelOpened) {
-          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
           if (inputFilter) {
             inputFilter.focus();
             evt.preventDefault();
           } else {
-            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2n + "-options div");
+            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
             if (firstOption) {
               firstOption.focus();
               evt.preventDefault();
@@ -9566,7 +10249,7 @@ function Select(props) {
     return React$1.createElement("div", {
       tabIndex: 1,
       key: getKey(option),
-      className: rootClassName$2n + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2o + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
         var parent = child.parentNode;
@@ -9576,14 +10259,14 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
                 if (inputFilter) {
                   inputFilter.focus();
                   evt.preventDefault();
                 }
               }
             } else if (index === total - 1) {
-              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2n + "-footer-button." + rootClassName$2n + "-selectAll");
+              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2o + "-footer-button." + rootClassName$2o + "-selectAll");
               if (selectAll) {
                 selectAll.focus();
               }
@@ -9604,7 +10287,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
               if (_inputFilter) _inputFilter.focus();
             }
             evt.preventDefault();
@@ -9625,7 +10308,7 @@ function Select(props) {
         handleChange();
       }
     }), React$1.createElement("div", {
-      className: rootClassName$2n + "-multiple-option-label"
+      className: rootClassName$2o + "-multiple-option-label"
     }, option.label));
   };
   var getSingleOption = function getSingleOption(option) {
@@ -9641,7 +10324,7 @@ function Select(props) {
     return React$1.createElement("div", {
       key: getKey(option),
       tabIndex: 1,
-      className: rootClassName$2n + "-single-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2o + "-single-option " + (props.readOnly ? 'read-only' : ''),
       onClick: handleChange,
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
@@ -9652,7 +10335,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
                 if (inputPanel) {
                   inputPanel.focus();
                   evt.preventDefault();
@@ -9673,7 +10356,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var el = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+              var el = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
               if (el) el.focus();
             }
             evt.preventDefault();
@@ -9690,7 +10373,7 @@ function Select(props) {
   };
   var noOptionsMessage = useMemo(function () {
     return React$1.createElement("div", {
-      className: rootClassName$2n + "-no-result"
+      className: rootClassName$2o + "-no-result"
     }, props.noOptionMessage);
   }, [props.noOptionMessage]);
   var optionsFiltered = useMemo(function () {
@@ -9701,9 +10384,9 @@ function Select(props) {
   }, [props.options, filterInput]);
   return React$1.createElement("div", {
     id: id,
-    className: rootClassName$2n + "-outer"
+    className: rootClassName$2o + "-outer"
   }, !props.multiple && isiPhone() && React$1.createElement("select", {
-    className: rootClassName$2n + "-select-fake",
+    className: rootClassName$2o + "-select-fake",
     value: props.value ? String(props.value) : '',
     onChange: function onChange(evt) {
       return props.onChange(evt.target.value, {
@@ -9736,14 +10419,14 @@ function Select(props) {
         panel.style.top = 'unset';
         panel.style.bottom = '0';
       }
-      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-panel-input input");
+      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
       if (firstInput && !isiPhone()) {
         setTimeout(function () {
           firstInput.focus();
         }, 50);
       } else {
         if (props.multiple) {
-          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2n + "-options div");
+          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-options div");
           if (optionToFocus) {
             setTimeout(function () {
               optionToFocus.focus();
@@ -9759,7 +10442,7 @@ function Select(props) {
             return opt.value === props.value;
           });
           var index = elProps ? elProps.ind + 1 : 1;
-          var query = "#" + panelId + " ." + rootClassName$2n + "-options div:nth-child(" + index + ")";
+          var query = "#" + panelId + " ." + rootClassName$2o + "-options div:nth-child(" + index + ")";
           var _optionToFocus = document.querySelector(query);
           if (_optionToFocus) {
             setTimeout(function () {
@@ -9777,9 +10460,9 @@ function Select(props) {
     }
   }, React$1.createElement("div", {
     id: panelId,
-    className: rootClassName$2n + "-panel " + (props.multiple ? 'multiple' : '')
+    className: rootClassName$2o + "-panel " + (props.multiple ? 'multiple' : '')
   }, props.panelFilter && props.options && !!props.options.length && React$1.createElement("div", {
-    className: rootClassName$2n + "-panel-input"
+    className: rootClassName$2o + "-panel-input"
   }, React$1.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -9789,7 +10472,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$2n + "-options div");
+        var el = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
         if (el) {
           el.focus();
           evt.preventDefault();
@@ -9797,20 +10480,20 @@ function Select(props) {
       }
     }
   })), React$1.createElement("div", {
-    className: rootClassName$2n + "-options scroll-white"
+    className: rootClassName$2o + "-options scroll-white"
   }, props.options && props.options.length ? optionsFiltered.map(function (option) {
     if (props.multiple) {
       return getMultipleOption(option);
     }
     return getSingleOption(option);
   }) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React$1.createElement(React$1.Fragment, null, React$1.createElement("div", {
-    className: rootClassName$2n + "-panel-footer-clearfix"
+    className: rootClassName$2o + "-panel-footer-clearfix"
   }), React$1.createElement("div", {
-    className: rootClassName$2n + "-panel-footer"
+    className: rootClassName$2o + "-panel-footer"
   }, React$1.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2n + "-footer-button",
+    className: rootClassName$2o + "-footer-button",
     onClick: function onClick() {
       return props.onChange(optionsFiltered.map(function (op) {
         return op.value;
@@ -9823,7 +10506,7 @@ function Select(props) {
     tabIndex: 1,
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2n + "-footer-button",
+    className: rootClassName$2o + "-footer-button",
     onClick: function onClick() {
       return props.onChange([], {
         setPanelOpened: setPanelOpened
@@ -9845,7 +10528,7 @@ Select.defaultProps = {
 };
 var Select$1 = memo(Select);
 
-var rootClassName$2o = 'component-switch';
+var rootClassName$2p = 'component-switch';
 function Switch(props) {
   var handleClick = function handleClick() {
     if (typeof props.onChange === 'function' && !props.disabled) {
@@ -9854,7 +10537,7 @@ function Switch(props) {
   };
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2o, props.className || '', rootClassName$2o + "-" + (props.value ? 'on' : 'off')]),
+      className: getMergedClassNames([rootClassName$2p, props.className || '', rootClassName$2p + "-" + (props.value ? 'on' : 'off')]),
       onClick: handleClick,
       style: _extends({
         transform: "scale(" + props.scale + ")"
@@ -9866,9 +10549,9 @@ function Switch(props) {
     return p;
   };
   return React$1.createElement("button", Object.assign({}, getProps()), React$1.createElement("div", {
-    className: rootClassName$2o + "-track"
+    className: rootClassName$2p + "-track"
   }), React$1.createElement("div", {
-    className: rootClassName$2o + "-thumb"
+    className: rootClassName$2p + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -9878,10 +10561,10 @@ Switch.defaultProps = {
   scale: 1
 };
 
-var rootClassName$2p = 'component-table-actions-column';
+var rootClassName$2q = 'component-table-actions-column';
 var ActionsColumn = function ActionsColumn(props) {
   return React$1.createElement("div", {
-    className: rootClassName$2p
+    className: rootClassName$2q
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React$1.createElement(IconButton$1, Object.assign({
       key: index
@@ -9892,45 +10575,6 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var rootClassName$2q = 'component-table-left-checkbox-with-label';
-var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
-  var _props$spanProps2;
-  var style = useMemo(function () {
-    var _props$spanProps;
-    var style = _extends({
-      justifyContent: props.justifyContent
-    }, (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style);
-    if (props.removeUserSelect) {
-      style.userSelect = 'none';
-    }
-    if (props.anchorLabelToCheckbox && !props.disabled) {
-      style.cursor = 'pointer';
-    }
-    return style;
-  }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
-  return React$1.createElement("div", {
-    className: getMergedClassNames([rootClassName$2q, props.w100 ? 'w-100' : ''])
-  }, React$1.createElement("span", {
-    className: rootClassName$2q + "-checkbox-wrapper",
-    "tooltip-position": props['tooltip-position'],
-    "tooltip-text": props['tooltip-text']
-  }, React$1.createElement(Checkbox$1, {
-    value: props.value,
-    disabled: props.disabled,
-    onChange: props.onChange,
-    theme: props.theme
-  })), React$1.createElement("span", Object.assign({}, props.spanProps || {}, {
-    className: getMergedClassNames([rootClassName$2q + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
-    style: style,
-    onClick: function onClick(evt) {
-      if (props.anchorLabelToCheckbox) {
-        props.onChange(!props.value, evt);
-      }
-      if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
-    }
-  }), props.label));
-};
-
 var rootClassName$2r = 'component-table';
 function TypedTable(props) {
   return React$1.createElement(Table, Object.assign({}, props));
@@ -10112,53 +10756,6 @@ function useDraggableScroll(reference, options) {
   }, [reference]);
 }
 
-var ScreenSize;
-(function (ScreenSize) {
-  ScreenSize["xs"] = "xs";
-  ScreenSize["sm"] = "sm";
-  ScreenSize["md"] = "md";
-  ScreenSize["lg"] = "lg";
-  ScreenSize["xl"] = "xl";
-})(ScreenSize || (ScreenSize = {}));
-function useScreenSize() {
-  var _useState = useState(),
-    value = _useState[0],
-    setValue = _useState[1];
-  var valueRef = useRef(value);
-  valueRef.current = value;
-  var f = function f() {
-    if (window.innerWidth <= 575.98) {
-      if (valueRef.current !== ScreenSize.xs) {
-        setValue(ScreenSize.xs);
-      }
-    } else if (window.innerWidth <= 767.98) {
-      if (valueRef.current !== ScreenSize.sm) {
-        setValue(ScreenSize.sm);
-      }
-    } else if (window.innerWidth <= 991.98) {
-      if (valueRef.current !== ScreenSize.md) {
-        setValue(ScreenSize.md);
-      }
-    } else if (window.innerWidth <= 1199.98) {
-      if (valueRef.current !== ScreenSize.lg) {
-        setValue(ScreenSize.lg);
-      }
-    } else if (window.innerWidth > 1199.98) {
-      if (valueRef.current !== ScreenSize.xl) {
-        setValue(ScreenSize.xl);
-      }
-    }
-  };
-  useLayoutEffect(function () {
-    f();
-    window.addEventListener('resize', f);
-    return function () {
-      window.removeEventListener('resize', f);
-    };
-  }, []);
-  return value;
-}
-
 var rootClassName$2t = 'component-upper-header-table';
 function TableUpperHeader(props) {
   var _props$leftContent, _props$rightContent;
@@ -11030,7 +11627,7 @@ function Title(props) {
     icon: React$1.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React$1.createElement("div", {
-    className: rootClassName$2D + "-text"
+    className: getMergedClassNames([rootClassName$2D + "-text", props.rightElement ? 'ellipsis' : ''])
   }, props.children)), props.rightElement ? React$1.createElement("div", {
     className: rootClassName$2D + "-right-element"
   }, props.rightElement) : undefined);
@@ -11678,7 +12275,7 @@ function CalendarMonthDay(props) {
         evt.stopPropagation();
       }
     }
-  }, React$1.createElement("span", null, React$1.createElement(AddCircleIcon, null), props.language.addNew)) : undefined) : undefined);
+  }, React$1.createElement("span", null, React$1.createElement(AddIcon, null), props.language.addNew)) : undefined) : undefined);
 }
 var CalendarMonthDay$1 = memo(CalendarMonthDay);
 
@@ -43146,6 +43743,75 @@ function useModalManager() {
   }))), openModal, closeModal];
 }
 
+function useScrollTo() {
+  var scrollTo = function scrollTo(_ref) {
+    var to = _ref.to,
+      parent = _ref.parent,
+      offset = _ref.offset,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 1000 : _ref$duration;
+    var targetElement;
+    if (typeof to === 'string') {
+      targetElement = document.querySelector(to);
+    } else {
+      targetElement = to.current;
+    }
+    var parentElement = parent ? document.querySelector(parent) : window;
+    if (!targetElement || !parentElement) {
+      console.error('Elemento de destino inválido ou elemento pai inválido');
+      return;
+    }
+    var target = offset < 0 ? targetElement.offsetTop - Math.abs(offset) : !offset ? targetElement.offsetTop : targetElement.offsetTop + offset;
+    var smoothScrollTo = function smoothScrollTo(endX, endY, duration) {
+      var startX = parentElement instanceof Window ? parentElement.scrollX || parentElement.pageXOffset : parentElement.scrollLeft;
+      var startY = parentElement instanceof Window ? parentElement.scrollY || parentElement.pageYOffset : parentElement.scrollTop;
+      var distanceX = endX - startX;
+      var distanceY = endY - startY;
+      var startTime = new Date().getTime();
+      duration = typeof duration !== 'undefined' ? duration : 1000;
+      var easeInOutQuart = function easeInOutQuart(time, from, distance, duration) {
+        if ((time /= duration / 2) < 1) return distance / 2 * time * time * time * time + from;
+        return -distance / 2 * ((time -= 2) * time * time * time - 2) + from;
+      };
+      var timer = setInterval(function () {
+        var time = new Date().getTime() - startTime;
+        var newX = easeInOutQuart(time, startX, distanceX, duration);
+        var newY = easeInOutQuart(time, startY, distanceY, duration);
+        if (time >= duration) {
+          clearInterval(timer);
+          newX = endX;
+          newY = endY;
+          removeScrollLock();
+        }
+        if (parentElement instanceof Window) {
+          parentElement.scrollTo(newX, newY);
+        } else {
+          parentElement.scrollLeft = newX;
+          parentElement.scrollTop = newY;
+        }
+        if (newX === endX && newY === endY) {
+          clearInterval(timer);
+          removeScrollLock();
+        }
+      }, 1000 / 60);
+      var scrollLock = function scrollLock(event) {
+        event.preventDefault();
+      };
+      var addScrollLock = function addScrollLock() {
+        parentElement.addEventListener('wheel', scrollLock, {
+          passive: false
+        });
+      };
+      var removeScrollLock = function removeScrollLock() {
+        parentElement.removeEventListener('wheel', scrollLock);
+      };
+      addScrollLock();
+    };
+    smoothScrollTo(0, target, duration);
+  };
+  return scrollTo;
+}
+
 function useStorageState(storage, key, initialValue) {
   var _useState = useState(initialValue),
     value = _useState[0],
@@ -43321,29 +43987,6 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
-var rootClassName$2X = 'component-chip';
-function Chip(props) {
-  var _props$theme;
-  return React$1.createElement("div", {
-    className: useMergedClassNames([rootClassName$2X, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
-    onClick: function onClick() {
-      if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
-        props.onClick();
-      }
-    }
-  }, React$1.createElement("span", {
-    className: 'nunito'
-  }, props.label), React$1.createElement("div", {
-    className: rootClassName$2X + "-button",
-    onClick: function onClick() {
-      if (!props.disabled && typeof props.onClick === 'function') {
-        props.onClick();
-      }
-    }
-  }, React$1.createElement(TimesCircleIcon, null)));
-}
-var Chip$1 = memo(Chip);
-
 var References;
 (function (References) {
   References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
@@ -43490,6 +44133,68 @@ function FormattedText(text) {
   }));
 }
 
+var rootClassName$2X = 'icon-component';
+var DecreaseIcon = function DecreaseIcon() {
+  return React$1.createElement("svg", {
+    className: rootClassName$2X,
+    viewBox: '0 0 24 24',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React$1.createElement("path", {
+    "fill-rule": 'evenodd',
+    "clip-rule": 'evenodd',
+    d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
+    fill: 'currentColor'
+  }));
+};
+
+var rootClassName$2Y = 'component-table-left-checkbox-with-label';
+var LeftControlWithLabel = function LeftControlWithLabel(props) {
+  var _props$spanProps2;
+  var style = useMemo(function () {
+    var _props$spanProps;
+    var style = _extends({
+      justifyContent: props.justifyContent
+    }, (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style);
+    if (props.removeUserSelect) {
+      style.userSelect = 'none';
+    }
+    if (props.anchorLabelToCheckbox && !props.disabled) {
+      style.cursor = 'pointer';
+    }
+    return style;
+  }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
+  return React$1.createElement("div", {
+    className: getMergedClassNames([rootClassName$2Y, props.w100 ? 'w-100' : ''])
+  }, React$1.createElement("span", {
+    className: rootClassName$2Y + "-checkbox-wrapper",
+    "tooltip-position": props['tooltip-position'],
+    "tooltip-text": props['tooltip-text']
+  }, props.type === 'addRemove' ? React$1.createElement(IconButton$1, {
+    className: getMergedClassNames([rootClassName$2Y + "-add-remove-button", props.value ? rootClassName$2Y + "-danger" : '']),
+    icon: props.value ? React$1.createElement(DecreaseIcon, null) : React$1.createElement(AddIcon, null),
+    disabled: props.disabled,
+    onClick: function onClick(evt) {
+      var _props$onChange;
+      evt.stopPropagation();
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
+    }
+  }) : React$1.createElement(Checkbox$1, {
+    value: props.value,
+    disabled: props.disabled,
+    onChange: props.onChange,
+    theme: props.theme
+  })), React$1.createElement("span", Object.assign({}, props.spanProps || {}, {
+    className: getMergedClassNames([rootClassName$2Y + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
+    style: style,
+    onClick: function onClick(evt) {
+      if (props.anchorLabelToCheckbox) {
+        props.onChange(!props.value, evt);
+      }
+      if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
+    }
+  }), props.label));
+};
+
 function AlertModal(props) {
   var _useState = useState(false),
     loading = _useState[0],
@@ -43502,7 +44207,7 @@ function AlertModal(props) {
           loaderTheme: 'primary',
           loaderSize: 1
         },
-        disabled: loading,
+        disabled: loading || props.disabled,
         children: !props.language || !props.language.confirm ? languageValues.components.modals.alertModal.confirm : props.language.confirm,
         onClick: function onClick() {
           if (typeof props.onConfirm === 'function') {
@@ -43531,8 +44236,8 @@ function ConfirmModal(props) {
   var _useState2 = useState(false),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  var getProps = function getProps() {
-    var p = _extends({
+  var pr = useMemo(function () {
+    return _extends({
       footer: [{
         children: !props.language || !props.language.cancel ? languageValues.components.modals.confirmModal.cancel : props.language.cancel,
         onClick: props.onCancel,
@@ -43544,7 +44249,7 @@ function ConfirmModal(props) {
           loaderTheme: 'primary',
           loaderSize: 1
         },
-        disabled: loading,
+        disabled: loading || props.disabled,
         children: !props.language || !props.language.confirm ? languageValues.components.modals.confirmModal.confirm : props.language.confirm,
         onClick: function onClick() {
           if (typeof props.onConfirm === 'function') {
@@ -43560,11 +44265,11 @@ function ConfirmModal(props) {
         theme: ButtonThemes.Primary,
         leftIcon: props.showIcons ? React$1.createElement(CheckCircleIcon, null) : undefined
       }]
-    }, props);
-    delete p.showIcons;
-    return p;
-  };
-  return React$1.createElement(Modal, Object.assign({}, getProps()));
+    }, props, {
+      showIcons: undefined
+    });
+  }, [loading, props]);
+  return React$1.createElement(Modal, Object.assign({}, pr));
 }
 ConfirmModal.defaultProps = {
   showIcons: true
@@ -43586,7 +44291,7 @@ function DestructiveModal(props) {
           loaderTheme: 'dark',
           loaderSize: 1
         },
-        disabled: loading,
+        disabled: loading || props.disabled,
         children: !props.language || !props.language.confirm ? languageValues.components.modals.destructiveModal.confirm : props.language.confirm,
         onClick: function onClick() {
           if (typeof props.onConfirm === 'function') {
@@ -43662,5 +44367,5 @@ var getStatusClassName = function getStatusClassName(status) {
 };
 var STATUS_PAUTA = [STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_LIBERADA, STATUS_PAUTA_ENCERRADA];
 
-export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddCircleIcon, AddIcon, AgencyIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BlobFileTypes, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftCheckboxWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useProgressiveCount, usePublicMenuList, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
+export { ATMIcon, Accordion, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, Banner, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BlobFileTypes, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FormattedText, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, ImageTypes, Information, InformationIcon, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Pagination, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, Search$1 as Search, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
 //# sourceMappingURL=index.modern.js.map