plataforma-fundacao-componentes 2.25.9 → 2.25.11

package/dist/index.js

@@ -1839,6 +1839,20 @@ var AgencyIcon = function AgencyIcon() {
   }));
 };
 
+var rootClassName$1o = 'icon-component';
+var AlertIcon = function AlertIcon() {
+  return React$1__default.createElement("svg", {
+    className: rootClassName$1o,
+    viewBox: '0 0 20 20',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React$1__default.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M3.01513 15.9998C0.775704 15.9998 -0.680433 13.642 0.320912 11.6386L5.30596 1.66489C6.41626 -0.555305 9.58299 -0.555305 10.6933 1.66499L15.6783 11.6386C16.6796 13.6417 15.2228 15.9998 12.9841 15.9998H3.01513ZM6.20034 2.11236L1.21534 12.086C0.546406 13.4243 1.51917 14.9994 3.01513 14.9994H12.9841C14.4794 14.9994 15.4527 13.424 14.7839 12.086L9.79896 2.11246C9.05726 0.629319 6.94199 0.629319 6.20034 2.11236ZM8.49953 10.52V5.47917C8.49953 5.20293 8.27567 4.97899 7.99953 4.97899C7.72338 4.97899 7.49953 5.20293 7.49953 5.47917V10.52C7.49953 10.7962 7.72338 11.0202 7.99953 11.0202C8.27567 11.0202 8.49953 10.7962 8.49953 10.52ZM7.99953 13.229C7.65453 13.229 7.37453 12.9489 7.37453 12.6037C7.37453 12.2586 7.65453 11.9785 7.99953 11.9785C8.34453 11.9785 8.62453 12.2586 8.62453 12.6037C8.62453 12.9489 8.34453 13.229 7.99953 13.229Z'
+  }));
+};
+
 var BigPlayIcon = function BigPlayIcon(props) {
   return React$1__default.createElement("svg", {
     viewBox: '0 0 64 64',
@@ -1868,10 +1882,10 @@ var BigPlayIcon = function BigPlayIcon(props) {
   }));
 };
 
-var rootClassName$1o = 'icon-component';
+var rootClassName$1p = 'icon-component';
 var CalendarCheckIcon = function CalendarCheckIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1o,
+    className: rootClassName$1p,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -1882,10 +1896,10 @@ var CalendarCheckIcon = function CalendarCheckIcon() {
   }));
 };
 
-var rootClassName$1p = 'catavento-verde-icon-ui-component';
+var rootClassName$1q = 'catavento-verde-icon-ui-component';
 var CataventoVerde = function CataventoVerde() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1p,
+    className: rootClassName$1q,
     viewBox: '0 0 156.153 155.445',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("g", {
@@ -1999,10 +2013,10 @@ var CataventoVerde = function CataventoVerde() {
   }))));
 };
 
-var rootClassName$1q = 'icon-component';
+var rootClassName$1r = 'icon-component';
 var CopyIcon = function CopyIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1q,
+    className: rootClassName$1r,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2013,10 +2027,10 @@ var CopyIcon = function CopyIcon() {
   }));
 };
 
-var rootClassName$1r = 'icon-component';
+var rootClassName$1s = 'icon-component';
 var CrescerIcon = function CrescerIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1r,
+    className: rootClassName$1s,
     viewBox: '0 0 21 13',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2029,10 +2043,10 @@ var CrescerIcon = function CrescerIcon() {
   }));
 };
 
-var rootClassName$1s = 'icon-component';
+var rootClassName$1t = 'icon-component';
 var DevicePlusIcon = function DevicePlusIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1s,
+    className: rootClassName$1t,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2043,10 +2057,10 @@ var DevicePlusIcon = function DevicePlusIcon() {
   }));
 };
 
-var rootClassName$1t = 'loader-icon';
+var rootClassName$1u = 'loader-icon';
 var LoaderIcon = function LoaderIcon(props) {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1t,
+    className: rootClassName$1u,
     xmlns: 'http://www.w3.org/2000/svg',
     height: props.height,
     viewBox: '0 0 135.764 135.764'
@@ -2115,10 +2129,10 @@ LoaderIcon.defaultProps = {
   height: 135.764
 };
 
-var rootClassName$1u = 'icon-component';
+var rootClassName$1v = 'icon-component';
 var NotebookIcon = function NotebookIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1u,
+    className: rootClassName$1v,
     viewBox: '0 -1 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -2129,10 +2143,10 @@ var NotebookIcon = function NotebookIcon() {
   }));
 };
 
-var rootClassName$1v = 'icon-component';
+var rootClassName$1w = 'icon-component';
 var PrintIcon = function PrintIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1v,
+    className: rootClassName$1w,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("g", {
@@ -2168,10 +2182,10 @@ var PrintIcon = function PrintIcon() {
   }))));
 };
 
-var rootClassName$1w = 'icon-component';
+var rootClassName$1x = 'icon-component';
 var QRCodeIcon = function QRCodeIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$1w,
+    className: rootClassName$1x,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -4432,7 +4446,7 @@ var QRCodeWhatsapp = function QRCodeWhatsapp(props) {
   }))));
 };
 
-var rootClassName$1x = 'component-collapse';
+var rootClassName$1y = 'component-collapse';
 function Collapse(props) {
   var _useState = React$1.useState("collapse" + getUniqueKey()),
     id = _useState[0];
@@ -4487,10 +4501,10 @@ function Collapse(props) {
       }
     }
   }, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1x, props.animateOpacity ? 'animate-opacity' : '']),
+    className: getMergedClassNames([rootClassName$1y, props.animateOpacity ? 'animate-opacity' : '']),
     id: id
   }, React$1__default.createElement("div", {
-    className: rootClassName$1x + "-content"
+    className: rootClassName$1y + "-content"
   }, props.children)));
 }
 Collapse.defaultProps = {
@@ -4499,11 +4513,11 @@ Collapse.defaultProps = {
 };
 var Collapse$1 = React$1.memo(Collapse);
 
-var rootClassName$1y = 'component-accordion';
+var rootClassName$1z = 'component-accordion';
 function Accordion(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1y, props.className, props.opened ? rootClassName$1y + "-opened" : '', props.shadow ? rootClassName$1y + "-shadow" : ''])
+      className: getMergedClassNames([rootClassName$1z, props.className, props.opened ? rootClassName$1z + "-opened" : '', props.shadow ? rootClassName$1z + "-shadow" : ''])
     });
     delete p.animateOpacity;
     delete p.shadow;
@@ -4515,20 +4529,20 @@ function Accordion(props) {
     return p;
   };
   return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$1y + "-first-content",
+    className: rootClassName$1z + "-first-content",
     onClick: function onClick() {
       return props.onChange(!props.opened);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1y + "-label-icon"
+    className: rootClassName$1z + "-label-icon"
   }, props.icon && React$1__default.createElement("div", {
-    className: rootClassName$1y + "-icon"
+    className: rootClassName$1z + "-icon"
   }, props.icon), React$1__default.createElement("div", {
-    className: rootClassName$1y + "-label"
+    className: rootClassName$1z + "-label"
   }, props.label)), React$1__default.createElement("div", {
-    className: rootClassName$1y + "-arrow"
+    className: rootClassName$1z + "-arrow"
   }, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement("div", {
-    className: rootClassName$1y + "-content"
+    className: rootClassName$1z + "-content"
   }, React$1__default.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: props.animateOpacity
@@ -4542,10 +4556,10 @@ function Accordion(props) {
   ActionCardThemes["Darker"] = "darker";
 })(exports.ActionCardThemes || (exports.ActionCardThemes = {}));
 
-var rootClassName$1z = 'action-card';
+var rootClassName$1A = 'action-card';
 function ActionCard(props) {
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1z, props.theme])
+    className: getMergedClassNames([rootClassName$1A, props.theme])
   }, React$1__default.createElement("div", {
     className: 'bar'
   }), React$1__default.createElement("div", {
@@ -4560,13 +4574,13 @@ ActionCard.defaultProps = {
 };
 var ActionCard$1 = React$1.memo(ActionCard);
 
-var rootClassName$1A = 'component-animated-link';
+var rootClassName$1B = 'component-animated-link';
 function AnimatedLink(props) {
   var _useState = React$1.useState(props.id ? props.id : getUniqueKey()),
     id = _useState[0];
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1A, props.className || '', props.animated ? 'animated' : ''])
+      className: getMergedClassNames([rootClassName$1B, props.className || '', props.animated ? 'animated' : ''])
     });
     delete p.animated;
     return p;
@@ -4580,42 +4594,42 @@ AnimatedLink.defaultProps = {
 };
 var AnimatedLink$1 = React$1.memo(AnimatedLink);
 
-var rootClassName$1B = 'component-banner';
+var rootClassName$1C = 'component-banner';
 function Banner(props) {
   var _useState = React$1.useState("text" + getUniqueKey()),
     id = _useState[0];
   React$1.useEffect(function () {
-    var text = document.querySelector("#" + id + " .text ." + rootClassName$1B + "-text");
+    var text = document.querySelector("#" + id + " .text ." + rootClassName$1C + "-text");
     if (text && props.text && !String(props.text).match(/(<script>|<\/script>)/g)) {
       text.innerHTML = props.text;
     }
   }, [id, props.text]);
   return React$1__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$1B, typeof props.onClick === 'function' ? 'clickable' : '']),
+    className: getMergedClassNames([rootClassName$1C, typeof props.onClick === 'function' ? 'clickable' : '']),
     onClick: function onClick() {
       if (typeof props.onClick === 'function') {
         props.onClick();
       }
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1B + "-side img"
+    className: rootClassName$1C + "-side img"
   }, React$1__default.createElement("img", {
     src: props.imgUrl,
     alt: 'img-banner',
     draggable: false
   })), React$1__default.createElement("div", {
-    className: rootClassName$1B + "-side text"
+    className: rootClassName$1C + "-side text"
   }, React$1__default.createElement("div", {
-    className: rootClassName$1B + "-text"
+    className: rootClassName$1C + "-text"
   })));
 }
 
-var rootClassName$1C = 'component-big-block-button';
+var rootClassName$1D = 'component-big-block-button';
 function BigBlockButton(props) {
   return React$1__default.createElement("button", {
     id: props.id ? props.id : getUniqueKey(),
-    className: rootClassName$1C,
+    className: rootClassName$1D,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
         props.onClick(evt);
@@ -4623,11 +4637,11 @@ function BigBlockButton(props) {
     },
     disabled: props.disabled || false
   }, React$1__default.createElement("div", {
-    className: rootClassName$1C + "-icon"
+    className: rootClassName$1D + "-icon"
   }, props.icon), React$1__default.createElement("div", {
-    className: rootClassName$1C + "-label"
+    className: rootClassName$1D + "-label"
   }, props.label), props.subtitle ? React$1__default.createElement("div", {
-    className: rootClassName$1C + "-subtitle"
+    className: rootClassName$1D + "-subtitle"
   }, props.subtitle) : undefined);
 }
 
@@ -4646,11 +4660,11 @@ function BigBlockButton(props) {
   NotificationType["Disabled"] = "disabled";
 })(exports.NotificationType || (exports.NotificationType = {}));
 
-var rootClassName$1D = 'component-notification';
+var rootClassName$1E = 'component-notification';
 function Notification(props) {
   var getProps = function getProps() {
     var p = {
-      className: getMergedClassNames([rootClassName$1D + "-outer", props.className])
+      className: getMergedClassNames([rootClassName$1E + "-outer", props.className])
     };
     return p;
   };
@@ -4661,11 +4675,11 @@ function Notification(props) {
   }, [props.count]);
   return React$1__default.createElement("div", Object.assign({}, getProps()), props.children, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": !!label,
-    classNames: rootClassName$1D,
+    classNames: rootClassName$1E,
     timeout: 300,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$1D + " " + rootClassName$1D + "-" + props.position + " " + rootClassName$1D + "-" + props.type,
+    className: rootClassName$1E + " " + rootClassName$1E + "-" + props.position + " " + rootClassName$1E + "-" + 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',
@@ -4681,20 +4695,20 @@ Notification.defaultProps = {
   horizontalOuter: 10
 };
 
-var rootClassName$1E = 'bottom-navigation';
+var rootClassName$1F = 'bottom-navigation';
 function BottomNavigation(props) {
   var _props$itens;
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1E, props.theme])
+    className: getMergedClassNames([rootClassName$1F, props.theme])
   }, (_props$itens = props.itens) === null || _props$itens === void 0 ? void 0 : _props$itens.map(function (item, index) {
     return React$1__default.createElement("button", {
       key: index,
-      className: getMergedClassNames([rootClassName$1E + "-item", index === props.atual ? 'atual' : '']),
+      className: getMergedClassNames([rootClassName$1F + "-item", index === props.atual ? 'atual' : '']),
       onClick: function onClick() {
         if (props.atual !== index) props.setAtual(index);
       }
     }, React$1__default.createElement("div", {
-      className: rootClassName$1E + "-icon"
+      className: rootClassName$1F + "-icon"
     }, React$1__default.createElement(Notification, {
       count: item.notificationCount || 0,
       position: exports.NotificationPosition.TopRight,
@@ -4702,7 +4716,7 @@ function BottomNavigation(props) {
       horizontalOuter: 12,
       verticalOuter: 6
     }, item.icon)), React$1__default.createElement("div", {
-      className: rootClassName$1E + "-label"
+      className: rootClassName$1F + "-label"
     }, item.label));
   }));
 }
@@ -4711,19 +4725,19 @@ BottomNavigation.defaultProps = {
 };
 var BottomNavigation$1 = React$1.memo(BottomNavigation);
 
-var rootClassName$1F = 'component-bread-crumb';
+var rootClassName$1G = 'component-bread-crumb';
 function BreadCrumb(props) {
   return React$1__default.createElement("div", {
-    className: rootClassName$1F
+    className: rootClassName$1G
   }, props.path && props.path.length ? props.path.map(function (p, index) {
     return React$1__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$1F + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1F + "-active" : '']),
+      className: getMergedClassNames([rootClassName$1G + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1G + "-active" : '']),
       onClick: p.onClick
     }, index > 0 ? React$1__default.createElement("div", {
-      className: rootClassName$1F + "-arrow"
+      className: rootClassName$1G + "-arrow"
     }, React$1__default.createElement(ChevronArrowRightIcon, null)) : undefined, React$1__default.createElement("div", {
-      className: rootClassName$1F + "-label nunito"
+      className: rootClassName$1G + "-label nunito"
     }, p.label));
   }) : undefined);
 }
@@ -4752,7 +4766,7 @@ BreadCrumb.defaultProps = {
   ButtonThemes["HeaderUserBold"] = "header-user-bold";
 })(exports.ButtonThemes || (exports.ButtonThemes = {}));
 
-var rootClassName$1G = 'component-button';
+var rootClassName$1H = 'component-button';
 function Button(props) {
   var handleClick = function handleClick(evt) {
     if (typeof props.onClick === 'function' && !props.disabled && (!props.loader || !props.loader.loading)) {
@@ -4762,7 +4776,7 @@ function Button(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames(['nunito', rootClassName$1G, props.className, rootClassName$1G + "-" + props.theme, props.w100 ? rootClassName$1G + "-w100" : '', props.mobileBottomPage ? rootClassName$1G + "-bottom-mobile" : ''])
+      className: getMergedClassNames(['nunito', rootClassName$1H, props.className, rootClassName$1H + "-" + props.theme, props.w100 ? rootClassName$1H + "-w100" : '', props.mobileBottomPage ? rootClassName$1H + "-bottom-mobile" : ''])
     });
     delete p.mobileBottomPage;
     delete p.children;
@@ -4774,13 +4788,13 @@ function Button(props) {
     return p;
   };
   return React$1__default.createElement("button", Object.assign({}, getProps()), props.leftIcon && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-left-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-left-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
   }, props.leftIcon), React$1__default.createElement("div", {
-    className: rootClassName$1G + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1G + "-hide" : '')
+    className: rootClassName$1H + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1H + "-hide" : '')
   }, props.children), props.rightIcon && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-right-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
+    className: getMergedClassNames([rootClassName$1H + "-icon", rootClassName$1H + "-right-icon", props.loader && props.loader.loading ? rootClassName$1H + "-hide" : ''])
   }, props.rightIcon), props.loader && props.loader.loading ? React$1__default.createElement("div", {
-    className: rootClassName$1G + "-loader"
+    className: rootClassName$1H + "-loader"
   }, React$1__default.createElement(ThreeDotsLoader, {
     theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
     size: props.loader.loaderSize ? props.loader.loaderSize : undefined
@@ -4830,7 +4844,7 @@ var Button$1 = React$1.memo(Button);
   ImageTypes["PNG"] = ".png";
 })(exports.ImageTypes || (exports.ImageTypes = {}));
 
-var rootClassName$1H = 'component-button-file-upload';
+var rootClassName$1I = 'component-button-file-upload';
 function ButtonFileUpload(props) {
   var _props$inputProps;
   var id = React$1.useMemo(getUniqueKey, []);
@@ -4862,7 +4876,7 @@ function ButtonFileUpload(props) {
     }, props.buttonProps);
   }, [id, props.buttonProps, props.disabled, props.leftIcon, props.theme, props.w100]);
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1H, props.w100 ? 'w100' : '']),
+    className: getMergedClassNames([rootClassName$1I, props.w100 ? 'w100' : '']),
     id: id
   }, React$1__default.createElement("input", Object.assign({
     hidden: true,
@@ -4910,23 +4924,23 @@ var ButtonFileUpload$1 = React$1.memo(ButtonFileUpload);
   CardTypes["Green"] = "green";
 })(exports.CardTypes || (exports.CardTypes = {}));
 
-var rootClassName$1I = 'component-card';
+var rootClassName$1J = 'component-card';
 function Card(props) {
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1I, rootClassName$1I + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$1J, rootClassName$1J + "-" + props.theme])
   }, React$1__default.createElement("div", {
-    className: rootClassName$1I + "-caption"
+    className: rootClassName$1J + "-caption"
   }, props.caption), React$1__default.createElement("div", {
-    className: rootClassName$1I + "-label"
+    className: rootClassName$1J + "-label"
   }, props.label), React$1__default.createElement("div", {
-    className: rootClassName$1I + "-helper-text"
+    className: rootClassName$1J + "-helper-text"
   }, props.helperText));
 }
 Card.defaultProps = {
   theme: exports.CardTypes.White
 };
 
-var rootClassName$1J = 'component-carousel';
+var rootClassName$1K = 'component-carousel';
 function Carousel(props) {
   var _useState = React$1.useState(0),
     atual = _useState[0],
@@ -4991,9 +5005,9 @@ function Carousel(props) {
     }
   }, [props.loading]);
   return React$1__default.createElement("div", {
-    className: rootClassName$1J
+    className: rootClassName$1K
   }, React$1__default.createElement("div", {
-    className: rootClassName$1J + "-banners",
+    className: rootClassName$1K + "-banners",
     onMouseEnter: function onMouseEnter() {
       if (timerRef.current) {
         timerRef.current.pause();
@@ -5007,10 +5021,10 @@ function Carousel(props) {
   }, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
     return React$1__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$1J + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
+      className: getMergedClassNames([rootClassName$1K + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
     }, React$1__default.createElement(Banner, Object.assign({}, banner)));
   }) : undefined, props.banners.length > 1 && React$1__default.createElement("div", {
-    className: rootClassName$1J + "-control prev",
+    className: rootClassName$1K + "-control prev",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -5022,11 +5036,11 @@ function Carousel(props) {
       changeBanner(atual - 1);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1J + "-icon"
+    className: rootClassName$1K + "-icon"
   }, React$1__default.createElement(ChevronArrowLeftIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$1J + "-shadow"
+    className: rootClassName$1K + "-shadow"
   })), props.banners.length > 1 && React$1__default.createElement("div", {
-    className: rootClassName$1J + "-control next",
+    className: rootClassName$1K + "-control next",
     onClick: function onClick() {
       if (timerRef.current) {
         timerRef.current.restart();
@@ -5034,22 +5048,22 @@ function Carousel(props) {
       changeBanner();
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1J + "-icon"
+    className: rootClassName$1K + "-icon"
   }, React$1__default.createElement(ChevronArrowRightIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$1J + "-shadow"
+    className: rootClassName$1K + "-shadow"
   })), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.loading,
     classNames: 'fade',
     timeout: 300,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$1J + "-loader-mask"
+    className: rootClassName$1K + "-loader-mask"
   }, React$1__default.createElement(ThreeDotsLoader, null)))), React$1__default.createElement("div", {
-    className: rootClassName$1J + "-balls"
+    className: rootClassName$1K + "-balls"
   }, props.banners.map(function (_banner, index) {
     return React$1__default.createElement("div", {
       key: changedCount + index,
-      className: getMergedClassNames([rootClassName$1J + "-ball", atual === index ? rootClassName$1J + "-atual" : '']),
+      className: getMergedClassNames([rootClassName$1K + "-ball", atual === index ? rootClassName$1K + "-atual" : '']),
       onClick: function onClick() {
         if (!props.loading) {
           changeBanner(index);
@@ -5183,19 +5197,19 @@ function useDraggableContainer(queryContainer, size) {
   }, []);
 }
 
-var rootClassName$1K = 'carousel-behaviour';
+var rootClassName$1L = 'carousel-behaviour';
 function useCarouselBehaviour(props) {
   var _props$slides, _props$slides4;
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
-  useDraggableContainer("#" + id + " ." + rootClassName$1K + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
+  useDraggableContainer("#" + id + " ." + rootClassName$1L + "-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$1K + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-content");
       var width = el.scrollWidth / (((_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.length) || 1);
       scrollSmooth({
         top: 0,
@@ -5229,26 +5243,26 @@ function useCarouselBehaviour(props) {
     }
   }, [props.newAtual]);
   return [React$1__default.createElement("div", {
-    className: rootClassName$1K,
+    className: rootClassName$1L,
     id: id
   }, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1K + "-content", props.draggable ? 'draggable' : '']),
+    className: getMergedClassNames([rootClassName$1L + "-content", props.draggable ? 'draggable' : '']),
     onScroll: function onScroll() {
       var _props$slides3;
-      var el = document.querySelector("#" + id + " ." + rootClassName$1K + "-content");
+      var el = document.querySelector("#" + id + " ." + rootClassName$1L + "-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__default.createElement("div", {
-      className: rootClassName$1K + "-slide",
+      className: rootClassName$1L + "-slide",
       key: index
     }, slide);
   }))), handleChange];
 }
 
-var rootClassName$1L = 'component-icon-button';
+var rootClassName$1M = 'component-icon-button';
 function IconButton(props) {
   var handleClick = function handleClick(evt) {
     if (typeof props.onClick === 'function' && !props.disabled) {
@@ -5258,7 +5272,7 @@ function IconButton(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$1L, props.className, rootClassName$1L + "-" + props.theme])
+      className: getMergedClassNames([rootClassName$1M, props.className, rootClassName$1M + "-" + props.theme])
     });
     delete p.icon;
     delete p.children;
@@ -5276,7 +5290,7 @@ IconButton.defaultProps = {
 };
 var IconButton$1 = React$1.memo(IconButton);
 
-var rootClassName$1M = 'element-paginator';
+var rootClassName$1N = 'element-paginator';
 function ElementPaginator(props) {
   var handleChange = function handleChange(num) {
     if (num > props.size) {
@@ -5288,16 +5302,16 @@ function ElementPaginator(props) {
     }
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$1M
+    className: rootClassName$1N
   }, props.hideArrows ? undefined : React$1__default.createElement("div", null, React$1__default.createElement(IconButton$1, {
-    className: rootClassName$1M + "-buttons",
+    className: rootClassName$1N + "-buttons",
     icon: React$1__default.createElement(ArrowLeftIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual - 1);
     },
     disabled: !props.infinite && props.atual === 1
   })), React$1__default.createElement("div", {
-    className: rootClassName$1M + "-indexes"
+    className: rootClassName$1N + "-indexes"
   }, Array.from({
     length: props.size
   }).map(function (_, i) {
@@ -5309,7 +5323,7 @@ function ElementPaginator(props) {
       }
     }, React$1__default.createElement("span", null));
   })), props.hideArrows ? undefined : React$1__default.createElement("div", null, React$1__default.createElement(IconButton$1, {
-    className: rootClassName$1M + "-buttons",
+    className: rootClassName$1N + "-buttons",
     icon: React$1__default.createElement(ArrowRightIcon, null),
     onClick: function onClick() {
       return handleChange(props.atual + 1);
@@ -5322,7 +5336,7 @@ ElementPaginator.defaultProps = {
 };
 var ElementPaginator$1 = React$1.memo(ElementPaginator);
 
-var rootClassName$1N = 'carousel-persona';
+var rootClassName$1O = 'carousel-persona';
 function CarouselPersona(props) {
   var _props$personas2;
   var _useState = React$1.useState(0),
@@ -5332,17 +5346,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__default.createElement("div", {
-        className: rootClassName$1N + "-persona",
+        className: rootClassName$1O + "-persona",
         key: index
       }, React$1__default.createElement("div", {
-        className: rootClassName$1N + "-image",
+        className: rootClassName$1O + "-image",
         style: {
           backgroundImage: "url(" + persona.imgUrl + ")"
         }
       }), React$1__default.createElement("div", {
-        className: rootClassName$1N + "-name"
+        className: rootClassName$1O + "-name"
       }, persona.name), React$1__default.createElement("div", {
-        className: rootClassName$1N + "-description nunito"
+        className: rootClassName$1O + "-description nunito"
       }, persona.description));
     });
   }, [props.personas]);
@@ -5354,13 +5368,13 @@ function CarouselPersona(props) {
     CarouselBehaviour = _useCarouselBehaviour[0],
     handleChange = _useCarouselBehaviour[1];
   return React$1__default.createElement("div", {
-    className: rootClassName$1N
+    className: rootClassName$1O
   }, React$1__default.createElement("div", {
-    className: rootClassName$1N + "-personas"
+    className: rootClassName$1O + "-personas"
   }, personas), React$1__default.createElement("div", {
-    className: rootClassName$1N + "-carousel"
+    className: rootClassName$1O + "-carousel"
   }, CarouselBehaviour, React$1__default.createElement("div", {
-    className: rootClassName$1N + "-paginator"
+    className: rootClassName$1O + "-paginator"
   }, React$1__default.createElement(ElementPaginator$1, {
     infinite: true,
     size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
@@ -5446,7 +5460,7 @@ function useControlledTimer(props) {
   return [dispatchAction, status];
 }
 
-var rootClassName$1O = 'component-carousel-touch-frendly';
+var rootClassName$1P = 'component-carousel-touch-frendly';
 function CarouselTouchFrendly(props) {
   var _props$slides, _props$slides2;
   var _useState = React$1.useState(getUniqueKey()),
@@ -5462,7 +5476,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__default.createElement("div", {
           key: index,
-          className: rootClassName$1O + "-slide"
+          className: rootClassName$1P + "-slide"
         }, slide);
       })
     }),
@@ -5477,9 +5491,9 @@ function CarouselTouchFrendly(props) {
     dispatchActionsToTimer = _useControlledTimer[0];
   return React$1__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$1O, props.className])
+    className: getMergedClassNames([rootClassName$1P, props.className])
   }, React$1__default.createElement("div", {
-    className: rootClassName$1O + "-outside-content",
+    className: rootClassName$1P + "-outside-content",
     onMouseEnter: function onMouseEnter() {
       dispatchActionsToTimer('pause');
     },
@@ -5487,27 +5501,27 @@ function CarouselTouchFrendly(props) {
       dispatchActionsToTimer('play');
     }
   }, props.slides.length > 1 && React$1__default.createElement("div", {
-    className: rootClassName$1O + "-control prev",
+    className: rootClassName$1P + "-control prev",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual > 0 ? atual - 1 : props.slides.length - 1, false);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1O + "-icon"
+    className: rootClassName$1P + "-icon"
   }, React$1__default.createElement(ChevronArrowLeftIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$1O + "-shadow"
+    className: rootClassName$1P + "-shadow"
   })), props.slides.length > 1 && React$1__default.createElement("div", {
-    className: rootClassName$1O + "-control next",
+    className: rootClassName$1P + "-control next",
     onClick: function onClick() {
       dispatchActionsToTimer('stop');
       handleChange(atual < props.slides.length - 1 ? atual + 1 : 0, false);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1O + "-icon"
+    className: rootClassName$1P + "-icon"
   }, React$1__default.createElement(ChevronArrowRightIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$1O + "-shadow"
+    className: rootClassName$1P + "-shadow"
   })), CarouselBehaviour), React$1__default.createElement("div", {
-    className: rootClassName$1O + "-balls"
+    className: rootClassName$1P + "-balls"
   }, (_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.map(function (_slide, index) {
     return React$1__default.createElement("div", {
       key: index,
@@ -5515,7 +5529,7 @@ function CarouselTouchFrendly(props) {
         dispatchActionsToTimer('restart');
         handleChange(index, false);
       },
-      className: getMergedClassNames([rootClassName$1O + "-ball", index === atual ? 'atual' : ''])
+      className: getMergedClassNames([rootClassName$1P + "-ball", index === atual ? 'atual' : ''])
     });
   })));
 }
@@ -6923,7 +6937,7 @@ function useProgressiveCount(initialValue) {
   return [value, changeNumber];
 }
 
-var rootClassName$1P = 'component-doughnut-square';
+var rootClassName$1Q = 'component-doughnut-square';
 function DoughnutSquare(props) {
   var _useProgressiveCount = useProgressiveCount(0),
     val = _useProgressiveCount[0],
@@ -6935,11 +6949,11 @@ function DoughnutSquare(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React$1__default.createElement("div", {
-    className: rootClassName$1P
+    className: rootClassName$1Q
   }, React$1__default.createElement("div", {
-    className: rootClassName$1P + "-caption " + rootClassName$1P + "-caption-left"
+    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
   }, props.leftCaption), React$1__default.createElement("div", {
-    className: rootClassName$1P + "-chart"
+    className: rootClassName$1Q + "-chart"
   }, React$1__default.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React$1__default.createElement("circle", {
@@ -6952,24 +6966,24 @@ function DoughnutSquare(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), React$1__default.createElement("div", {
-    className: rootClassName$1P + "-center-caption"
+    className: rootClassName$1Q + "-center-caption"
   }, val + "%"), React$1__default.createElement("div", {
-    className: rootClassName$1P + "-label-bottom"
+    className: rootClassName$1Q + "-label-bottom"
   }, React$1__default.createElement("div", {
-    className: rootClassName$1P + "-text"
+    className: rootClassName$1Q + "-text"
   }, props.bottomCaption)));
 }
 
-var rootClassName$1Q = 'component-money-by-month';
+var rootClassName$1R = 'component-money-by-month';
 function MoneyByMonth(props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1Q
+    className: rootClassName$1R
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
+    className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-left"
   }, props.leftCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-right"
+    className: rootClassName$1R + "-caption " + rootClassName$1R + "-caption-right"
   }, props.rightCaption), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$1Q + "-chart"
+    className: rootClassName$1R + "-chart"
   }, /*#__PURE__*/React.createElement(MoneyMonthLineChart, {
     data: props.data,
     labels: props.labels
@@ -6986,7 +7000,7 @@ MoneyByMonth.defaultProps = {
   labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
 };
 
-var rootClassName$1R = 'component-checkbox';
+var rootClassName$1S = 'component-checkbox';
 function Checkbox(props) {
   var fProps = React$1.useMemo(function () {
     var handleClick = function handleClick(evt) {
@@ -6996,7 +7010,7 @@ function Checkbox(props) {
       }
     };
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$1R, rootClassName$1R + "-" + props.theme, rootClassName$1R + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$1S, rootClassName$1S + "-" + props.theme, rootClassName$1S + "-" + (props.value ? 'checked' : 'not')]),
       'aria-disabled': props.disabled || props['aria-disabled'],
       onClick: handleClick
     });
@@ -7019,19 +7033,19 @@ Checkbox.defaultProps = {
 };
 var Checkbox$1 = React$1.memo(Checkbox);
 
-var rootClassName$1S = 'component-col';
+var rootClassName$1T = 'component-col';
 function Col(props) {
   var p = React$1.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$1S + "-" + size[index] + "-" + n;
+      return rootClassName$1T + "-" + size[index] + "-" + n;
     });
     var rp = _extends({}, props, {
       style: _extends({}, props.style || {}, {
         gap: props.gap
       }),
-      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' : '']))
+      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' : '']))
     });
     delete rp.noPadding;
     delete rp.centralized;
@@ -7052,13 +7066,13 @@ Col.defaultProps = {
 };
 var Col$1 = React$1.memo(Col);
 
-var rootClassName$1T = 'component-control-label';
+var rootClassName$1U = 'component-control-label';
 var keysToExclude = ['control', 'controlProps', 'labelPosition', 'labelGap', 'label'];
 function ControlLabel(props) {
   var _props$control$props;
   var ref = React$1.useRef();
   return React$1__default.createElement("label", Object.assign({
-    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' : '']),
+    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' : '']),
     ref: ref,
     style: props.labelGap ? {
       gap: props.labelGap + "px"
@@ -7069,11 +7083,11 @@ function ControlLabel(props) {
 }
 var ControlLabel$1 = React$1.memo(ControlLabel);
 
-var rootClassName$1U = 'component-container';
+var rootClassName$1V = 'component-container';
 function Container(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      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' : '']),
+      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' : '']),
       style: _extends({}, props.style, {
         position: props.position
       })
@@ -7087,7 +7101,7 @@ function Container(props) {
     return p;
   };
   return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$1U + "-insider"
+    className: rootClassName$1V + "-insider"
   }, props.children));
 }
 Container.defaultProps = {
@@ -7192,7 +7206,7 @@ var stringToReactElement = function stringToReactElement(str, props) {
   return el;
 };
 
-var rootClassName$1V = 'component-date-picker-calendar';
+var rootClassName$1W = 'component-date-picker-calendar';
 function DatePickerCalendar(props) {
   var _useState = React$1.useState(new Date()),
     today = _useState[0];
@@ -7218,14 +7232,14 @@ function DatePickerCalendar(props) {
     monthPage = _useState4[0],
     setMonthPage = _useState4[1];
   return React$1__default.createElement("div", {
-    className: rootClassName$1V
+    className: rootClassName$1W
   }, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": monthPage,
-    classNames: rootClassName$1V + "-month-picker",
+    classNames: rootClassName$1W + "-month-picker",
     timeout: 300,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$1V + "-month-picker"
+    className: rootClassName$1W + "-month-picker"
   }, React$1__default.createElement("div", {
     className: 'header'
   }, React$1__default.createElement("button", {
@@ -7242,7 +7256,7 @@ function DatePickerCalendar(props) {
       setYear(year + 1);
     }
   }, React$1__default.createElement(ChevronArrowRightIcon, null))), React$1__default.createElement("div", {
-    className: rootClassName$1V + "-months"
+    className: rootClassName$1W + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
     return React$1__default.createElement("button", {
       key: index,
@@ -7250,14 +7264,14 @@ function DatePickerCalendar(props) {
         setMonth(index);
         setMonthPage(false);
       },
-      className: getMergedClassNames([rootClassName$1V + "-month", index === month ? 'selected' : ''])
+      className: getMergedClassNames([rootClassName$1W + "-month", index === month ? 'selected' : ''])
     }, mes);
   })))), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": !monthPage,
     timeout: 300,
-    classNames: rootClassName$1V + "-bottom-page"
+    classNames: rootClassName$1W + "-bottom-page"
   }, React$1__default.createElement("div", {
-    className: rootClassName$1V + "-first-page"
+    className: rootClassName$1W + "-first-page"
   }, React$1__default.createElement("div", {
     className: 'header'
   }, React$1__default.createElement("button", {
@@ -7310,7 +7324,7 @@ function DatePickerCalendar(props) {
 }
 var DatePickerCalendar$1 = React$1.memo(DatePickerCalendar);
 
-var rootClassName$1W = 'component-date-picker';
+var rootClassName$1X = 'component-date-picker';
 function DatePicker(props) {
   var id = React$1.useMemo(function () {
     return "picker_" + getUniqueKey();
@@ -7320,7 +7334,7 @@ function DatePicker(props) {
     setOpened = _useState[1];
   React$1.useEffect(function () {
     var func = function func(evt) {
-      if (document.querySelector("#" + id + "." + rootClassName$1W + "-panel." + rootClassName$1W + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
+      if (document.querySelector("#" + id + "." + rootClassName$1X + "-panel." + rootClassName$1X + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
         setOpened(false);
       }
     };
@@ -7356,7 +7370,7 @@ function DatePicker(props) {
     }
     var position = function position() {
       var element = document.querySelector(props.queryToAppend);
-      var panel = document.querySelector("#" + id + "." + rootClassName$1W + "-panel");
+      var panel = document.querySelector("#" + id + "." + rootClassName$1X + "-panel");
       if (!element || !panel) return;
       var elementBound = element.getBoundingClientRect();
       var windowHeight = parseFloat(String(window.innerHeight));
@@ -7403,10 +7417,10 @@ function DatePicker(props) {
     vd();
   }, [props.initialValue]);
   return React$1__default.createElement("div", {
-    className: rootClassName$1W
+    className: rootClassName$1X
   }, props.initialValue ? React$1__default.createElement(IconButton$1, {
     disabled: props.disabled,
-    className: rootClassName$1W + "-clear-button",
+    className: rootClassName$1X + "-clear-button",
     icon: React$1__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onChange === 'function') {
@@ -7422,11 +7436,11 @@ function DatePicker(props) {
   }), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": opened,
     timeout: 300,
-    classNames: rootClassName$1W + "-panel",
+    classNames: rootClassName$1X + "-panel",
     unmountOnExit: true
   }, React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$1W + "-panel"
+    className: rootClassName$1X + "-panel"
   }, React$1__default.createElement(DatePickerCalendar$1, {
     language: props.language,
     disabled: props.disabled,
@@ -7454,7 +7468,7 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = React$1.memo(DatePicker);
 
-var rootClassName$1X = 'component-doughnut';
+var rootClassName$1Y = 'component-doughnut';
 function Doughnut(props) {
   var _useProgressiveCount = useProgressiveCount(0),
     val = _useProgressiveCount[0],
@@ -7466,9 +7480,9 @@ function Doughnut(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React$1__default.createElement("div", {
-    className: rootClassName$1X
+    className: rootClassName$1Y
   }, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$1X + "-chart", props.red ? 'red' : ''])
+    className: getMergedClassNames([rootClassName$1Y + "-chart", props.red ? 'red' : ''])
   }, React$1__default.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React$1__default.createElement("circle", {
@@ -7481,7 +7495,7 @@ function Doughnut(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), props.showLabel ? React$1__default.createElement("div", {
-    className: rootClassName$1X + "-label nunito"
+    className: rootClassName$1Y + "-label nunito"
   }, val + "%") : undefined);
 }
 Doughnut.defaultProps = {
@@ -7489,10 +7503,10 @@ Doughnut.defaultProps = {
 };
 var Doughnut$1 = React$1.memo(Doughnut);
 
-var rootClassName$1Y = 'component-dropdown-item';
+var rootClassName$1Z = 'component-dropdown-item';
 function DropdownItem(props) {
   var classNames = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$1Y, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$1Z, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
   }, [props.alignRight, props.loading]);
   return React$1__default.createElement("button", {
     id: props.id,
@@ -7505,57 +7519,72 @@ function DropdownItem(props) {
       }
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1Y + "-content"
+    className: rootClassName$1Z + "-content"
   }, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true,
-    classNames: rootClassName$1Y + "-fade"
+    classNames: rootClassName$1Z + "-fade"
   }, React$1__default.createElement("div", {
-    className: rootClassName$1Y + "-loader"
+    className: rootClassName$1Z + "-loader"
   }, React$1__default.createElement(PercentLoaderIcon, {
     indefinido: true
   }))), props.icon ? React$1__default.createElement("div", {
-    className: rootClassName$1Y + "-icon"
+    className: rootClassName$1Z + "-icon"
   }, props.icon) : undefined, React$1__default.createElement("div", {
-    className: rootClassName$1Y + "-label"
+    className: rootClassName$1Z + "-label"
   }, props.label)));
 }
 var DropdownItem$1 = React$1.memo(DropdownItem);
 
-function useOutsideClick(refs, handler) {
+function useOutsideClick(refs, handler, options) {
+  var _options3;
+  if (options === void 0) {
+    options = {
+      events: ['mouseup', 'touchstart']
+    };
+  }
   var handleClickOutside = React$1.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);
-    }
+    var isInside = refs.some(function (r) {
+      return (r === null || r === void 0 ? void 0 : r.current) && r.current.contains(e.target);
+    });
+    handler(isInside);
   }, [handler, refs]);
   React$1.useEffect(function () {
-    document.addEventListener('mouseup', handleClickOutside);
-    document.addEventListener('touchstart', handleClickOutside);
+    var _options;
+    (_options = options) === null || _options === void 0 ? void 0 : _options.events.forEach(function (evt) {
+      document.addEventListener(evt, handleClickOutside);
+    });
     return function () {
-      document.removeEventListener('mouseup', handleClickOutside);
-      document.removeEventListener('touchstart', handleClickOutside);
+      var _options2;
+      (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.events.forEach(function (evt) {
+        document.removeEventListener(evt, handleClickOutside);
+      });
     };
-  }, [refs, handler, handleClickOutside]);
-}
-
-var rootClassName$1Z = 'component-dropdown-menu';
-function DropdownMenu(props) {
+  }, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
+}
+
+var _excluded = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps"];
+var rootClassName$1_ = 'component-dropdown-menu';
+function DropdownMenu(_ref) {
+  var _panelProps$className;
+  var opened = _ref.opened,
+    setOpened = _ref.setOpened,
+    content = _ref.content,
+    closeOnEsc = _ref.closeOnEsc,
+    closeOnOutClick = _ref.closeOnOutClick,
+    children = _ref.children,
+    _ref$panelProps = _ref.panelProps,
+    panelProps = _ref$panelProps === void 0 ? {} : _ref$panelProps,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var id = React$1.useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var _useState = React$1.useState(null),
     inter = _useState[0],
     setInter = _useState[1];
-  var panelRef = React$1.useRef(null);
+  var wrapperRef = React$1.createRef();
+  var panelRef = React$1.createRef();
   var interRef = React$1.useRef(inter);
   interRef.current = inter;
   React$1.useEffect(function () {
@@ -7565,9 +7594,9 @@ function DropdownMenu(props) {
       setInter(null);
     }
     var position = function position() {
-      var painel = document.querySelector("#" + id + " ." + rootClassName$1Z + "-panel");
+      var painel = document.querySelector("#" + id + " ." + rootClassName$1_ + "-panel");
       if (!painel) return;
-      var trigger = document.querySelector("#" + id + " ." + rootClassName$1Z + "-children > *");
+      var trigger = document.querySelector("#" + id + " ." + rootClassName$1_ + "-children > *");
       var bound = trigger.getBoundingClientRect();
       var pontoCentralX = bound.x + bound.width / 2;
       var pontoCentralY = bound.y + bound.height / 2;
@@ -7589,7 +7618,7 @@ function DropdownMenu(props) {
         }
       }
     };
-    if (props.opened) {
+    if (opened) {
       position();
       var _inter = setInterval(position, 100);
       setInter(_inter);
@@ -7600,20 +7629,20 @@ function DropdownMenu(props) {
         setInter(null);
       }
     };
-  }, [props.opened]);
-  useOutsideClick([panelRef], function (isInside) {
-    if (props.closeOnOutClick && !isInside) {
-      props.setOpened(false);
+  }, [opened]);
+  useOutsideClick([wrapperRef], function (isInside) {
+    if (closeOnOutClick && !isInside) {
+      setOpened(false);
     }
   });
   React$1.useEffect(function () {
     var onEscPress = function onEscPress(evt) {
       if (evt.key === 'Escape') {
-        props.setOpened(false);
+        setOpened(false);
       }
     };
-    if (props.closeOnEsc) {
-      if (props.opened) {
+    if (closeOnEsc) {
+      if (opened) {
         document.addEventListener('keyup', onEscPress);
       } else {
         document.removeEventListener('keyup', onEscPress);
@@ -7622,37 +7651,30 @@ function DropdownMenu(props) {
     return function () {
       document.removeEventListener('keyup', onEscPress);
     };
-  }, [props.opened]);
-  var getProps = function getProps() {
-    var p = _extends({}, props, {
-      id: id,
-      className: getMergedClassNames([rootClassName$1Z, props.className || ''])
-    });
-    delete p.opened;
-    delete p.setOpened;
-    delete p.content;
-    delete p.closeOnOutClick;
-    delete p.closeOnEsc;
-    return p;
-  };
-  return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$1Z + "-children"
-  }, props.children), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
-    "in": props.opened,
+  }, [opened]);
+  return React$1__default.createElement("div", Object.assign({}, props, {
+    ref: wrapperRef,
+    id: id,
+    className: [rootClassName$1_, props.className || ''].join(' ')
+  }), React$1__default.createElement("div", {
+    className: rootClassName$1_ + "-children"
+  }, children), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
+    "in": opened,
     timeout: 300,
-    classNames: rootClassName$1Z + "-panel-fade",
+    classNames: rootClassName$1_ + "-panel-fade",
     unmountOnExit: true
-  }, React$1__default.createElement("div", {
-    ref: panelRef,
-    className: rootClassName$1Z + "-panel scroll-white"
-  }, props.content)));
+  }, React$1__default.createElement("div", Object.assign({
+    ref: panelRef
+  }, panelProps, {
+    className: [rootClassName$1_ + "-panel scroll-white", (_panelProps$className = panelProps === null || panelProps === void 0 ? void 0 : panelProps.className) != null ? _panelProps$className : ''].join(' ')
+  }), content)));
 }
 DropdownMenu.defaultProps = {
   closeOnOutClick: true,
   closeOnEsc: true
 };
 
-var rootClassName$1_ = 'floating-panel';
+var rootClassName$1$ = 'floating-panel';
 function FloatingPanel(props) {
   var id = React$1.useMemo(getUniqueKey, []);
   var onClick = React$1.useCallback(function (evt) {
@@ -7674,7 +7696,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";
@@ -7682,7 +7704,7 @@ function FloatingPanel(props) {
   var updateSize = React$1.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;
@@ -7730,17 +7752,17 @@ function FloatingPanel(props) {
   }, [props.opened]);
   return React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$1_ + "-wrapper",
+    className: rootClassName$1$ + "-wrapper",
     style: {
       bottom: props.bottom
     }
   }, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.opened,
-    classNames: rootClassName$1_,
+    classNames: rootClassName$1$,
     timeout: 300,
     unmountOnExit: true
   }, React$1__default.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 = {
@@ -7749,7 +7771,7 @@ FloatingPanel.defaultProps = {
 };
 var FloatingPanel$1 = React$1.memo(FloatingPanel);
 
-var rootClassName$1$ = 'dropdown-selector';
+var rootClassName$20 = 'dropdown-selector';
 function DropdownSelector(props) {
   var _useState = React$1.useState(false),
     opened = _useState[0],
@@ -7774,25 +7796,25 @@ function DropdownSelector(props) {
     }));
   }, [props]);
   return React$1__default.createElement("div", {
-    className: useMergedClassNames([rootClassName$1$ + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$20 + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
   }, React$1__default.createElement("button", {
-    className: useMergedClassNames([rootClassName$1$, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
+    className: useMergedClassNames([rootClassName$20, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
     onClick: function onClick() {
       setOpened(!opened);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$1$ + "-label nunito"
+    className: rootClassName$20 + "-label nunito"
   }, label), React$1__default.createElement("div", {
-    className: useMergedClassNames([rootClassName$1$ + "-icon", opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$20 + "-icon", opened ? 'opened' : ''])
   }, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement(FloatingPanel$1, {
     opened: opened,
     setOpened: setOpened,
-    className: rootClassName$1$ + "-menu"
+    className: rootClassName$20 + "-menu"
   }, options));
 }
 var DropdownSelector$1 = React$1.memo(DropdownSelector);
 
-var rootClassName$20 = 'component-etapas';
+var rootClassName$21 = 'component-etapas';
 function Etapas(props) {
   var _useState = React$1.useState(props.id || getUniqueKey()),
     id = _useState[0];
@@ -7840,17 +7862,17 @@ function Etapas(props) {
   }, []);
   React$1.useEffect(function () {
     var larguras = [];
-    document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
       larguras.push(parseInt(window.getComputedStyle(etapa).width));
     });
     var maior = Math.max.apply(Math, larguras);
-    document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$21 + "-etapa").forEach(function (etapa) {
       etapa.style.width = maior + "px";
     });
   });
   React$1.useEffect(function () {
     var outerComponent = document.querySelector("#" + id);
-    var atual = document.querySelector("#" + id + " ." + rootClassName$20 + "-etapa.atual");
+    var atual = document.querySelector("#" + id + " ." + rootClassName$21 + "-etapa.atual");
     if (props.scrollOnChange && outerComponent && atual) {
       atual.scrollIntoView({
         behavior: 'smooth',
@@ -7860,13 +7882,13 @@ function Etapas(props) {
     }
   }, [props.atual]);
   return React$1__default.createElement("div", {
-    className: rootClassName$20,
+    className: rootClassName$21,
     id: id
   }, React$1__default.createElement("div", {
-    className: rootClassName$20 + "-etapas"
+    className: rootClassName$21 + "-etapas"
   }, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
     var p = _extends({}, etapa, {
-      className: getMergedClassNames([rootClassName$20 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
+      className: getMergedClassNames([rootClassName$21 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
     });
     delete p.disabled;
     delete p.icon;
@@ -7882,18 +7904,18 @@ function Etapas(props) {
       }
     }), React$1__default.createElement("div", {
       id: etapa.id || undefined,
-      className: getMergedClassNames([rootClassName$20 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
+      className: getMergedClassNames([rootClassName$21 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
     }, etapa.icon), React$1__default.createElement("div", {
-      className: getMergedClassNames([rootClassName$20 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
+      className: getMergedClassNames([rootClassName$21 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
     }, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       "in": etapa.error,
       timeout: 300,
-      classNames: rootClassName$20 + "-appear",
+      classNames: rootClassName$21 + "-appear",
       unmountOnExit: true
     }, React$1__default.createElement(ExclamationIcon, null)), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       "in": etapa.completed,
       timeout: 300,
-      classNames: rootClassName$20 + "-appear",
+      classNames: rootClassName$21 + "-appear",
       unmountOnExit: true
     }, React$1__default.createElement(CheckCircleIcon, null)), etapa.name));
   }) : undefined));
@@ -7922,25 +7944,25 @@ var Etapas$1 = React$1.memo(Etapas);
   EtiquetasStyle["Yellow"] = "yellow";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
 
-var rootClassName$21 = 'component-etiqueta';
+var rootClassName$22 = 'component-etiqueta';
 function Etiqueta(props) {
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$21, props.theme, props.fitContent ? 'fit-content' : undefined])
+    className: getMergedClassNames([rootClassName$22, props.theme, props.fitContent ? 'fit-content' : undefined])
   }, props.icon ? React$1__default.createElement("div", {
-    className: rootClassName$21 + "-icon"
+    className: rootClassName$22 + "-icon"
   }, props.icon) : undefined, React$1__default.createElement("div", {
-    className: rootClassName$21 + "-text"
+    className: rootClassName$22 + "-text"
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: exports.EtiquetasStyle.Programas
 };
 
-var rootClassName$22 = 'component-file-loader';
+var rootClassName$23 = 'component-file-loader';
 function FileLoader(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([props.className || '', rootClassName$22])
+      className: getMergedClassNames([props.className || '', rootClassName$23])
     });
     delete p.percent;
     delete p.totalSize;
@@ -7960,24 +7982,24 @@ function FileLoader(props) {
     return percent;
   };
   return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$22 + "-percent-line"
+    className: rootClassName$23 + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React$1__default.createElement("span", {
-    className: rootClassName$22 + "-downloaded-percent"
+    className: rootClassName$23 + "-downloaded-percent"
   }, getPercent(), "%")), React$1__default.createElement("div", {
-    className: rootClassName$22 + "-loader-bar"
+    className: rootClassName$23 + "-loader-bar"
   }, React$1__default.createElement("div", {
-    className: rootClassName$22 + "-loader-progress",
+    className: rootClassName$23 + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React$1__default.createElement("div", {
-    className: rootClassName$22 + "-progress-info"
+    className: rootClassName$23 + "-progress-info"
   }, React$1__default.createElement("div", {
-    className: rootClassName$22 + "-downloaded-size"
+    className: rootClassName$23 + "-downloaded-size"
   }, getSizeDownloaded()), React$1__default.createElement("div", {
-    className: rootClassName$22 + "-bar"
+    className: rootClassName$23 + "-bar"
   }, "/"), React$1__default.createElement("div", {
-    className: rootClassName$22 + "-total-size"
+    className: rootClassName$23 + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -7985,20 +8007,20 @@ FileLoader.defaultProps = {
   percent: 0
 };
 
-var rootClassName$23 = 'component-file-upload';
+var rootClassName$24 = 'component-file-upload';
 var DRAG_ENTER_CLASS_NAME = 'drag-enter';
 var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
 function FileUpload(props) {
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
   var addClass = function addClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$23 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
     if (el) {
       el.classList.add(className);
     }
   };
   var removeClass = function removeClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$23 + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$24 + "-droppable");
     if (el) {
       el.classList.remove(className);
     }
@@ -8038,15 +8060,15 @@ function FileUpload(props) {
     return true;
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$23 + "-outer"
+    className: rootClassName$24 + "-outer"
   }, !props.hideTopLabel && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$23 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
+    className: getMergedClassNames([rootClassName$24 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
   }, props.topLabel), React$1__default.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$23, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$24, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, React$1__default.createElement("div", {
     onClick: handleClick,
-    className: getMergedClassNames([rootClassName$23 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
+    className: getMergedClassNames([rootClassName$24 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
     onDragEnter: function onDragEnter(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -8072,11 +8094,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React$1__default.createElement("div", {
-    className: rootClassName$23 + "-row"
+    className: rootClassName$24 + "-row"
   }, React$1__default.createElement("div", {
-    className: rootClassName$23 + "-upload-icon"
+    className: rootClassName$24 + "-upload-icon"
   }, React$1__default.createElement(CloudUploadIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$23 + "-label"
+    className: rootClassName$24 + "-label"
   }, props.label)), React$1__default.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -8099,7 +8121,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$23 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$24 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 FileUpload.defaultProps = {
@@ -8113,11 +8135,11 @@ FileUpload.defaultProps = {
   error: false
 };
 
-var rootClassName$24 = 'component-row';
+var rootClassName$25 = 'component-row';
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$24, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
+      className: getMergedClassNames([rootClassName$25, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
     });
     delete p.centralized;
     delete p.columnDirection;
@@ -8130,7 +8152,7 @@ Row.defaultProps = {
 };
 var Row$1 = React$1.memo(Row);
 
-var rootClassName$25 = 'footer-sicredi';
+var rootClassName$26 = 'footer-sicredi';
 function FooterSicredi(props) {
   var colSize = [12, 12, 3, 3, 3];
   var qrCodeColor = React$1.useMemo(function () {
@@ -8150,136 +8172,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React$1__default.createElement("footer", {
-    className: getMergedClassNames([rootClassName$25, props.theme])
+    className: getMergedClassNames([rootClassName$26, props.theme])
   }, React$1__default.createElement(Row$1, {
-    className: rootClassName$25 + "-section",
+    className: rootClassName$26 + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React$1__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$25 + "-cell"
+    className: rootClassName$26 + "-cell"
   }, React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "WhatsApp Corporativo"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-asterisco nunito"
+    className: rootClassName$26 + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-qr-code"
+    className: rootClassName$26 + "-qr-code"
   }, React$1__default.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React$1__default.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React$1__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$25 + "-cell"
+    className: rootClassName$26 + "-cell"
   }, React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "Servi\xE7os por telefone"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-asterisco nunito"
+    className: rootClassName$26 + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "Demais regi\xF5es"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-asterisco nunito"
+    className: rootClassName$26 + "-asterisco nunito"
   }, "* Sem custo")), React$1__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$25 + "-cell"
+    className: rootClassName$26 + "-cell"
   }, React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "SAC"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "Ouvidoria"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React$1__default.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$25 + "-cell"
+    className: rootClassName$26 + "-cell"
   }, React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "Chamadas internacionais"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "(a cobrar)"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-space"
+    className: rootClassName$26 + "-space"
   }), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-title"
+    className: rootClassName$26 + "-title"
   }, "Atendimento \xE0 pessoas com defici\xEAncia"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-subtitle nunito"
+    className: rootClassName$26 + "-subtitle nunito"
   }, "Auditivos ou de fala"), React$1__default.createElement("div", {
-    className: rootClassName$25 + "-number"
+    className: rootClassName$26 + "-number"
   }, React$1__default.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React$1__default.createElement(Row$1, {
-    className: rootClassName$25 + "-section",
+    className: rootClassName$26 + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React$1__default.createElement(Row$1, null, React$1__default.createElement(AnimatedLink$1, {
-    className: rootClassName$25 + "-social-media nunito",
+    className: rootClassName$26 + "-social-media nunito",
     href: 'https://www.youtube.com/user/sicredioficial',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "youtube"), React$1__default.createElement(AnimatedLink$1, {
-    className: rootClassName$25 + "-social-media nunito",
+    className: rootClassName$26 + "-social-media nunito",
     href: 'https://twitter.com/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "twitter"), React$1__default.createElement(AnimatedLink$1, {
-    className: rootClassName$25 + "-social-media nunito",
+    className: rootClassName$26 + "-social-media nunito",
     href: 'https://www.linkedin.com/company/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "linkedin"), React$1__default.createElement(AnimatedLink$1, {
-    className: rootClassName$25 + "-social-media nunito",
+    className: rootClassName$26 + "-social-media nunito",
     href: 'https://www.instagram.com/sicredi/',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "instagram"), React$1__default.createElement(AnimatedLink$1, {
-    className: rootClassName$25 + "-social-media nunito",
+    className: rootClassName$26 + "-social-media nunito",
     href: 'https://www.facebook.com/Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "facebook")), React$1__default.createElement(Row$1, {
-    className: rootClassName$25 + "-endereco"
+    className: rootClassName$26 + "-endereco"
   }, React$1__default.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React$1__default.createElement(Row$1, {
@@ -8292,16 +8314,16 @@ function FooterSicredi(props) {
 }
 var FooterSicredi$1 = React$1.memo(FooterSicredi);
 
-var rootClassName$26 = 'full-height-container';
+var rootClassName$27 = 'full-height-container';
 function FullHeightContainer(props) {
   return React$1__default.createElement("div", {
-    className: rootClassName$26
+    className: rootClassName$27
   }, React$1__default.createElement("div", {
-    className: rootClassName$26 + "-row-header"
+    className: rootClassName$27 + "-row-header"
   }, props.header), React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$26 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
+    className: getMergedClassNames([rootClassName$27 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
   }, props.children), props.fixedFooter ? React$1__default.createElement("div", {
-    className: rootClassName$26 + "-row-footer"
+    className: rootClassName$27 + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
 FullHeightContainer.defaultProps = {
@@ -8313,10 +8335,10 @@ var FullHeightContainer$1 = React$1.memo(FullHeightContainer);
 var HEADER_SEPARATOR_PRIMARY = 'primary';
 var HEADER_SEPARATOR_SECONDARY = 'secondary';
 
-var rootClassName$27 = 'component-header-separator';
+var rootClassName$28 = 'component-header-separator';
 function HeaderSeparator(props) {
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$27, rootClassName$27 + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$28, rootClassName$28 + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -8330,7 +8352,7 @@ HeaderSeparator.defaultProps = {
   HeaderType["Assembleia"] = "assembleia";
 })(exports.HeaderType || (exports.HeaderType = {}));
 
-var rootClassName$28 = 'component-header';
+var rootClassName$29 = 'component-header';
 function Header(props) {
   var _props$blackBar;
   var handleClick = function handleClick() {
@@ -8341,32 +8363,32 @@ function Header(props) {
   var getProps = function getProps() {
     var p = {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$28, props.className, rootClassName$28 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
+      className: getMergedClassNames([rootClassName$29, props.className, rootClassName$29 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
     };
     return p;
   };
-  var clearfixClassNames = getMergedClassNames([rootClassName$28 + "-clearfix", rootClassName$28 + "-" + props.theme]);
+  var clearfixClassNames = getMergedClassNames([rootClassName$29 + "-clearfix", rootClassName$29 + "-" + props.theme]);
   return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React$1__default.createElement("div", {
-    className: rootClassName$28 + "-black-bar"
+    className: rootClassName$29 + "-black-bar"
   }, React$1__default.createElement("a", {
     href: props.blackBar.link,
     target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
   }, props.blackBar.icon, React$1__default.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React$1__default.createElement("div", {
-    className: rootClassName$28 + "-header-item"
+    className: rootClassName$29 + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React$1__default.createElement("div", {
-    className: rootClassName$28 + "-separator-logo"
+    className: rootClassName$29 + "-separator-logo"
   }, props.separator.label) : undefined), React$1__default.createElement("div", {
-    className: rootClassName$28 + "-header-item"
+    className: rootClassName$29 + "-header-item"
   }, props.centerContent), React$1__default.createElement("div", {
-    className: rootClassName$28 + "-header-item"
+    className: rootClassName$29 + "-header-item"
   }, props.rightContent)), props.theme === exports.HeaderType.Semi && React$1__default.createElement("div", {
-    className: rootClassName$28 + "-semi-clear"
+    className: rootClassName$29 + "-semi-clear"
   }), props.clearfix && React$1__default.createElement("div", {
     className: clearfixClassNames
   }));
@@ -8378,11 +8400,11 @@ Header.defaultProps = {
 };
 var Header$1 = React$1.memo(Header);
 
-var rootClassName$29 = 'component-information-icon';
+var rootClassName$2a = 'component-information-icon';
 function Information(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$29, props.className || ''])
+      className: getMergedClassNames([rootClassName$2a, props.className || ''])
     });
     delete p.icon;
     delete p['tooltip-text'];
@@ -8390,7 +8412,7 @@ function Information(props) {
     return p;
   };
   return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$29 + "-icon",
+    className: rootClassName$2a + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -8399,12 +8421,12 @@ Information.defaultProps = {
   icon: React$1__default.createElement(InformationIcon, null)
 };
 
-var rootClassName$2a = 'component-input';
+var rootClassName$2b = 'component-input';
 function Input(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: props.id ? props.id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2a + "-input", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2b + "-input", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8417,23 +8439,23 @@ function Input(props) {
     return p;
   };
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$2a, props.error ? rootClassName$2a + "-error" : '', props.loading ? rootClassName$2a + "-loading" : '', props.disabled ? rootClassName$2a + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$2b, props.error ? rootClassName$2b + "-error" : '', props.loading ? rootClassName$2b + "-loading" : '', props.disabled ? rootClassName$2b + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1__default.createElement("div", {
     id: props.id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1__default.createElement("div", {
-    className: rootClassName$2a + "-label nunito"
+    className: rootClassName$2b + "-label nunito"
   }, props.label || ''), React$1__default.createElement("div", {
-    className: rootClassName$2a + "-input-container"
+    className: rootClassName$2b + "-input-container"
   }, React$1__default.createElement("input", Object.assign({}, getProps())), props.rightObject && React$1__default.createElement("div", {
-    className: rootClassName$2a + "-right-object"
+    className: rootClassName$2b + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1__default.createElement("div", {
-    className: rootClassName$2a + "-helper-and-counter"
+    className: rootClassName$2b + "-helper-and-counter"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2a + "-helper-text nunito"
+    className: rootClassName$2b + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1__default.createElement("div", {
-    className: rootClassName$2a + "-counter"
+    className: rootClassName$2b + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 Input.defaultProps = {
@@ -8448,7 +8470,7 @@ Input.defaultProps = {
 };
 var Input$1 = React$1.memo(Input);
 
-var rootClassName$2b = 'component-input-area';
+var rootClassName$2c = 'component-input-area';
 function InputArea(props) {
   var _useState = React$1.useState(props.id ? props.id : getUniqueKey()),
     id = _useState[0];
@@ -8456,7 +8478,7 @@ function InputArea(props) {
     var p = _extends({}, props, {
       rows: 1,
       id: id ? id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2b + "-input-area", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2c + "-input-area", props.className || ''])
     });
     delete p.loading;
     delete p.error;
@@ -8476,23 +8498,23 @@ function InputArea(props) {
     }
   }, [props.value]);
   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$2c, props.error ? rootClassName$2c + "-error" : '', props.loading ? rootClassName$2c + "-loading" : '', props.disabled ? rootClassName$2c + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
   return React$1__default.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React$1__default.createElement("div", {
-    className: rootClassName$2b + "-label nunito"
+    className: rootClassName$2c + "-label nunito"
   }, props.label || ''), React$1__default.createElement("div", {
-    className: rootClassName$2b + "-input-container"
+    className: rootClassName$2c + "-input-container"
   }, React$1__default.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React$1__default.createElement("div", {
-    className: rootClassName$2b + "-right-object"
+    className: rootClassName$2c + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React$1__default.createElement("div", {
-    className: rootClassName$2b + "-helper-and-counter"
+    className: rootClassName$2c + "-helper-and-counter"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2b + "-helper-text nunito"
+    className: rootClassName$2c + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React$1__default.createElement("div", {
-    className: rootClassName$2b + "-counter"
+    className: rootClassName$2c + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 InputArea.defaultProps = {
@@ -8508,14 +8530,14 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = React$1.memo(InputArea);
 
-var rootClassName$2c = 'component-item-dropdown-download';
+var rootClassName$2d = 'component-item-dropdown-download';
 function ItemDropdownDownload(props) {
   var id = React$1.useMemo(function () {
     return props.id ? props.id : getUniqueKey();
   }, [props.id]);
   var filteredProps = React$1.useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2c, props.className || '', props.opened ? 'opened' : 'closed']),
+      className: getMergedClassNames([rootClassName$2d, props.className || '', props.opened ? 'opened' : 'closed']),
       onClick: function onClick(event) {
         if (typeof props.onClick === 'function') {
           props.onClick(event);
@@ -8536,12 +8558,12 @@ function ItemDropdownDownload(props) {
   React$1.useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$2c + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$2d + "-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$2c + "-outer")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2d + "-outer")) {
             deveFechar = false;
             break;
           }
@@ -8578,23 +8600,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2c + "-outer",
+    className: rootClassName$2d + "-outer",
     id: id
   }, React$1__default.createElement("button", Object.assign({}, filteredProps), React$1__default.createElement("div", {
-    className: rootClassName$2c + "-label"
+    className: rootClassName$2d + "-label"
   }, props.label), React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2c + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$2d + "-arrow", props.opened ? 'up' : 'down'])
   }, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$2c + "-panel"
+    className: rootClassName$2d + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React$1__default.createElement("button", {
       id: download.id || undefined,
-      className: rootClassName$2c + "-item " + (download.loading ? 'loading' : ''),
+      className: rootClassName$2d + "-item " + (download.loading ? 'loading' : ''),
       onClick: function onClick(evt) {
         if (!download.loading && typeof download.onClick === 'function') {
           download.onClick(evt);
@@ -8602,9 +8624,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React$1__default.createElement("div", {
-      className: rootClassName$2c + "-item-label"
+      className: rootClassName$2d + "-item-label"
     }, download.label), React$1__default.createElement("div", {
-      className: rootClassName$2c + "-download-icon"
+      className: rootClassName$2d + "-download-icon"
     }, download.loading ? React$1__default.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React$1__default.createElement(CloudDownloadIcon, null)));
@@ -8616,7 +8638,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = React$1.memo(ItemDropdownDownload);
 
-var rootClassName$2d = 'component-menu-item';
+var rootClassName$2e = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -8626,7 +8648,7 @@ function MenuItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$2d, props.className, props.active ? rootClassName$2d + "-active" : ''])
+      className: getMergedClassNames([rootClassName$2e, props.className, props.active ? rootClassName$2e + "-active" : ''])
     });
     delete p.icon;
     delete p.active;
@@ -8639,15 +8661,15 @@ function MenuItem(props) {
     return p;
   };
   return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("button", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$2d + "-icon"
+    className: rootClassName$2e + "-icon"
   }, props.icon), React$1__default.createElement("div", {
-    className: rootClassName$2d + "-label"
+    className: rootClassName$2e + "-label"
   }, props.label)), props.subList && props.subList.length ? React$1__default.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React$1__default.createElement("div", {
-    className: rootClassName$2d + "-sub-list"
+    className: rootClassName$2e + "-sub-list"
   }, props.subList.map(function (subItem) {
-    var itemClassNames = getMergedClassNames([rootClassName$2d + "-sub-item", subItem.active ? rootClassName$2d + "-active" : '']);
+    var itemClassNames = getMergedClassNames([rootClassName$2e + "-sub-item", subItem.active ? rootClassName$2e + "-active" : '']);
     var idAndKey = subItem.id ? subItem.id : getUniqueKey();
     return React$1__default.createElement("div", {
       id: idAndKey,
@@ -8655,9 +8677,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React$1__default.createElement("div", {
-      className: rootClassName$2d + "-sub-item-icon"
+      className: rootClassName$2e + "-sub-item-icon"
     }, subItem.icon), React$1__default.createElement("div", {
-      className: rootClassName$2d + "-sub-item-label"
+      className: rootClassName$2e + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -8668,7 +8690,7 @@ MenuItem.defaultProps = {
   label: ''
 };
 
-var rootClassName$2e = 'component-menu';
+var rootClassName$2f = 'component-menu';
 var timeout;
 var format = function format(s) {
   return getStringWithoutSpecialChar(s).trim().toLowerCase();
@@ -8710,11 +8732,11 @@ function Menu(props) {
   }, [props.openOnClick]);
   var getProps = function getProps() {
     var openedOrNot = function openedOrNot(condition) {
-      if (condition) return rootClassName$2e + "-opened";
+      if (condition) return rootClassName$2f + "-opened";
       return '';
     };
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2e, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2e + "-short-on-md" : '', props.openOnClick ? rootClassName$2e + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2e + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
+      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))])
     });
     delete p.loading;
     delete p.openOnClick;
@@ -8750,14 +8772,14 @@ function Menu(props) {
     });
   }, [buscarValue, props.items]);
   return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React$1__default.createElement(IconButton$1, {
-    className: rootClassName$2e + "-close-button",
+    className: rootClassName$2f + "-close-button",
     icon: React$1__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React$1__default.createElement("div", {
-    className: rootClassName$2e + "-logo"
+    className: rootClassName$2f + "-logo"
   }, props.logo), React$1__default.createElement(Collapse$1, {
     animateOpacity: true,
     opened: props.loading
@@ -8769,7 +8791,7 @@ function Menu(props) {
     animateOpacity: true,
     opened: props.buscar && !props.loading
   }, React$1__default.createElement("div", {
-    className: rootClassName$2e + "-buscar"
+    className: rootClassName$2f + "-buscar"
   }, React$1__default.createElement(Input$1, {
     disabled: props.loading || !props.buscar,
     id: 'buscar-menu',
@@ -8785,29 +8807,29 @@ function Menu(props) {
     animateOpacity: true,
     opened: itens.length > 0
   }, React$1__default.createElement("div", {
-    className: rootClassName$2e + "-items"
+    className: rootClassName$2f + "-items"
   }, itens.map(function (it, index) {
     return React$1__default.createElement("div", {
-      className: rootClassName$2e + "-it",
+      className: rootClassName$2f + "-it",
       key: index
     }, React$1__default.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   })))), React$1__default.createElement(React$1__default.Fragment, null, props.openOnClick && React$1__default.createElement("button", {
-    className: rootClassName$2e + "-toggle " + (opened ? rootClassName$2e + "-opened" : ''),
+    className: rootClassName$2f + "-toggle " + (opened ? rootClassName$2f + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }, React$1__default.createElement(ChevronArrowRightIcon, null))), React$1__default.createElement(React$1__default.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     timeout: 300,
-    classNames: rootClassName$2e + "-background",
+    classNames: rootClassName$2f + "-background",
     "in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
     mountOnEnter: true,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$2e + "-background",
+    className: rootClassName$2f + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -8827,12 +8849,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = React$1.memo(Menu);
 
-var rootClassName$2f = 'component-modal';
+var rootClassName$2g = 'component-modal';
 function Modal(props) {
   var filteredProps = React$1.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([props.className || '', rootClassName$2f, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2f + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$2g, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2g + "-" + String(props.size).toLowerCase()])
     });
     delete p.footer;
     delete p.title;
@@ -8862,18 +8884,18 @@ function Modal(props) {
     if (typeof props.onClose === 'function') props.onClose(props.modalKey);
   };
   return React$1__default.createElement("div", Object.assign({}, filteredProps), React$1__default.createElement("div", {
-    className: rootClassName$2f + "-header"
+    className: rootClassName$2g + "-header"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2f + "-title"
+    className: rootClassName$2g + "-title"
   }, props.title), React$1__default.createElement("div", {
-    className: rootClassName$2f + "-close-button"
+    className: rootClassName$2g + "-close-button"
   }, React$1__default.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React$1__default.createElement(CloseIcon, null)
   }))), React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2f + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$2g + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React$1__default.createElement("div", {
-    className: rootClassName$2f + "-footer"
+    className: rootClassName$2g + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -8882,11 +8904,11 @@ Modal.defaultProps = {
   size: 'large'
 };
 
-var rootClassName$2g = 'component-modal-mask';
+var rootClassName$2h = 'component-modal-mask';
 var ModalMask = function ModalMask(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2g, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
+      className: getMergedClassNames([rootClassName$2h, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
     });
     delete p.mobileOnXS;
     return p;
@@ -8894,7 +8916,7 @@ var ModalMask = function ModalMask(props) {
   return React$1__default.createElement("div", Object.assign({}, getProps()), props.children);
 };
 
-var rootClassName$2h = 'comp-modal-manager';
+var rootClassName$2i = 'comp-modal-manager';
 var maskRootClassName = 'component-modal-mask';
 var hackFocus = function hackFocus() {
   var tmp = document.createElement('input');
@@ -8969,7 +8991,7 @@ var ModalManager = React$1.forwardRef(function (_props, ref) {
     };
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2h + "-modals"]);
+    return getMergedClassNames([rootClassName$2i + "-modals"]);
   };
   return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement(reactTransitionGroup.TransitionGroup, {
     className: getClassNames()
@@ -8978,7 +9000,7 @@ var ModalManager = React$1.forwardRef(function (_props, ref) {
     var ModalComponent = React$1__default.createElement(obj.component, obj.props);
     return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2h + "-mask-mobile-on-xs" : rootClassName$2h + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2i + "-mask-mobile-on-xs" : rootClassName$2i + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React$1__default.createElement(ModalMask, {
@@ -9016,7 +9038,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$2i = 'component-paginator';
+var rootClassName$2j = 'component-paginator';
 function Paginator(props) {
   var _useState = React$1.useState([]),
     arrOfNumbers = _useState[0],
@@ -9042,13 +9064,13 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React$1__default.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$2i, props.className || ''])
+    className: getMergedClassNames([rootClassName$2j, props.className || ''])
   }, React$1__default.createElement("div", {
-    className: rootClassName$2i + "-center-content"
+    className: rootClassName$2j + "-center-content"
   }, React$1__default.createElement("div", {
     className: props.loading ? "hidden" : ''
   }, props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
-    className: rootClassName$2i + "-left-arrow"
+    className: rootClassName$2j + "-left-arrow"
   }, React$1__default.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React$1__default.createElement(ChevronArrowLeftIcon, null),
@@ -9058,11 +9080,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React$1__default.createElement("div", {
-    className: rootClassName$2i + "-numbers"
+    className: rootClassName$2j + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React$1__default.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$2i + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$2j + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -9070,7 +9092,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
-    className: rootClassName$2i + "-right-arrow"
+    className: rootClassName$2j + "-right-arrow"
   }, React$1__default.createElement(IconButton$1, {
     icon: React$1__default.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -9080,19 +9102,19 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
-    classNames: rootClassName$2i + "-loader",
+    classNames: rootClassName$2j + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$2i + "-loader"
+    className: rootClassName$2j + "-loader"
   }, React$1__default.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
 
-var _excluded = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
+var _excluded$1 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
 function usePagination(props) {
   if (props === void 0) {
     props = {};
@@ -9115,7 +9137,7 @@ function usePagination(props) {
     _props$siblingCount = _props.siblingCount,
     siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
     maxLength = _props.maxLength,
-    other = _objectWithoutPropertiesLoose(_props, _excluded);
+    other = _objectWithoutPropertiesLoose(_props, _excluded$1);
   var isControlledRef = React$1.useRef(pageProp !== undefined);
   var _useState = React$1.useState(currentPage),
     pageCurrent = _useState[0],
@@ -9194,10 +9216,10 @@ function usePagination(props) {
   }, other);
 }
 
-var rootClassName$2j = 'icon-component';
+var rootClassName$2k = 'icon-component';
 var ThreeDots = function ThreeDots() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$2j,
+    className: rootClassName$2k,
     xmlns: 'http://www.w3.org/2000/svg',
     fill: 'none',
     viewBox: '0.8 0.71 10.32 2.37'
@@ -9254,8 +9276,8 @@ function useScreenSize() {
   return value;
 }
 
-var _excluded$1 = ["page", "type", "selected"];
-var rootClassName$2k = 'pagination-component';
+var _excluded$2 = ["page", "type", "selected"];
+var rootClassName$2l = 'pagination-component';
 var Pagination = function Pagination(props) {
   var screenSize = useScreenSize();
   var _useState = React$1.useState(false),
@@ -9325,7 +9347,7 @@ var Pagination = function Pagination(props) {
     return false;
   }, [rowsPerPage, countPages, screenSize]);
   return React$1__default.createElement(Row$1, {
-    className: getMergedClassNames([rootClassName$2k, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
+    className: getMergedClassNames([rootClassName$2l, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
   }, countPages || rowsPerPage ? React$1__default.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]
@@ -9378,7 +9400,7 @@ var Pagination = function Pagination(props) {
     var page = _ref2.page,
       type = _ref2.type,
       selected = _ref2.selected,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
     var children = null;
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
       children = React$1__default.createElement("li", {
@@ -9430,7 +9452,7 @@ var Pagination = function Pagination(props) {
   }))))));
 };
 
-var rootClassName$2l = 'component-video-player';
+var rootClassName$2m = 'component-video-player';
 function VideoPlayer(props) {
   var youtubeRegex = /youtu(\.){0,1}be/;
   var alreadyPlayed = false;
@@ -9471,7 +9493,7 @@ function VideoPlayer(props) {
   }, []);
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2l, props.className, props.blackGround ? 'blackground' : ''])
+      className: getMergedClassNames([rootClassName$2m, props.className, props.blackGround ? 'blackground' : ''])
     });
     delete p.id;
     delete p.url;
@@ -9567,7 +9589,7 @@ VideoPlayer.defaultProps = {
   formatUrl: true
 };
 
-var rootClassName$2m = 'previa-video';
+var rootClassName$2n = 'previa-video';
 function PreviaVideo(props) {
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
@@ -9603,21 +9625,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$2m,
+    className: rootClassName$2n,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$2m + "-img",
+    className: rootClassName$2n + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React$1__default.createElement("div", {
-    className: rootClassName$2m + "-icon"
+    className: rootClassName$2n + "-icon"
   }, React$1__default.createElement(BigPlayIcon, {
     hideBackground: true
   })), React$1__default.createElement("div", {
-    className: rootClassName$2m + "-label"
+    className: rootClassName$2n + "-label"
   }, props.label), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -9628,7 +9650,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$2m + "-video"
+    className: rootClassName$2n + "-video"
   }, React$1__default.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -9642,11 +9664,11 @@ var PreviaVideo$1 = React$1.memo(PreviaVideo);
   RadioButtonType["New"] = "new";
 })(exports.RadioButtonType || (exports.RadioButtonType = {}));
 
-var rootClassName$2n = 'component-radio-button';
+var rootClassName$2o = 'component-radio-button';
 function RadioButton(props) {
   var buttonProps = React$1.useMemo(function () {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2n, props.theme, props.className, rootClassName$2n + "-" + (props.value ? 'checked' : 'not')]),
+      className: getMergedClassNames([rootClassName$2o, props.theme, props.className, rootClassName$2o + "-" + (props.value ? 'checked' : 'not')]),
       onClick: function onClick() {
         if (!props.disabled) {
           props.onChange(!props.value);
@@ -9667,11 +9689,11 @@ RadioButton.defaultProps = {
 };
 var RadioButton$1 = React$1.memo(RadioButton);
 
-var rootClassName$2o = 'component-chip';
+var rootClassName$2p = 'component-chip';
 function Chip(props) {
   var _props$theme;
   return React$1__default.createElement("div", {
-    className: useMergedClassNames([rootClassName$2o, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
+    className: useMergedClassNames([rootClassName$2p, 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();
@@ -9680,7 +9702,7 @@ function Chip(props) {
   }, React$1__default.createElement("span", {
     className: 'nunito'
   }, props.label), React$1__default.createElement("div", {
-    className: rootClassName$2o + "-button",
+    className: rootClassName$2p + "-button",
     onClick: function onClick() {
       if (!props.disabled && typeof props.onClick === 'function') {
         props.onClick();
@@ -9690,7 +9712,7 @@ function Chip(props) {
 }
 var Chip$1 = React$1.memo(Chip);
 
-var rootClassName$2p = 'component-search';
+var rootClassName$2q = 'component-search';
 function Search(props) {
   var _wrapperRef$current;
   var _useState = React$1.useState(),
@@ -9712,11 +9734,11 @@ function Search(props) {
   var _useState7 = React$1.useState(false),
     showResults = _useState7[0],
     setShowResults = _useState7[1];
-  var wrapperRef = React$1.useRef(null);
+  var wrapperRef = React$1.createRef();
   var handleClickOutside = function handleClickOutside(e) {
     if (!e) setShowResults(false);
   };
-  useOutsideClick(wrapperRef, handleClickOutside);
+  useOutsideClick([wrapperRef], handleClickOutside);
   var onEsc = function onEsc(evt) {
     if (evt.key === 'Escape') {
       setShowResults(false);
@@ -9799,7 +9821,7 @@ function Search(props) {
   return React$1__default.createElement("div", {
     tabIndex: 1,
     id: id,
-    className: rootClassName$2p,
+    className: rootClassName$2q,
     ref: wrapperRef
   }, React$1__default.createElement(Input$1, {
     id: getUniqueKey(),
@@ -9809,7 +9831,7 @@ function Search(props) {
     placeholder: props.placeholder,
     onKeyDown: function onKeyDown(evt) {
       if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
-        var query = "#" + panelId + " ." + rootClassName$2p + "-options:nth-child(1)";
+        var query = "#" + panelId + " ." + rootClassName$2q + "-options:nth-child(1)";
         var optionToFocus = document.querySelector(query);
         if (optionToFocus) {
           optionToFocus.focus();
@@ -9818,7 +9840,7 @@ function Search(props) {
       }
     },
     rightObject: React$1__default.createElement("div", {
-      className: rootClassName$2p + "-right-container"
+      className: rootClassName$2q + "-right-container"
     }, props.showSelected && selected ? React$1__default.createElement(Chip$1, {
       label: selected,
       allClickable: false,
@@ -9871,7 +9893,7 @@ function Search(props) {
     unmountOnExit: true
   }, React$1__default.createElement("div", {
     id: panelId,
-    className: rootClassName$2p + "-panel scroll-white",
+    className: rootClassName$2q + "-panel scroll-white",
     style: {
       width: ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) + "px"
     }
@@ -9879,7 +9901,7 @@ function Search(props) {
     return React$1__default.createElement("div", {
       key: i,
       tabIndex: 1,
-      className: rootClassName$2p + "-options",
+      className: rootClassName$2q + "-options",
       onClick: function onClick() {
         handleSelectItem(e);
       },
@@ -9935,7 +9957,7 @@ function Search(props) {
     return React$1__default.createElement("div", {
       key: i,
       tabIndex: 1,
-      className: rootClassName$2p + "-options",
+      className: rootClassName$2q + "-options",
       onClick: function onClick() {
         handleSelectItem(results);
       },
@@ -9992,7 +10014,7 @@ Search.defaultProps = {
 };
 var Search$1 = React$1.memo(Search);
 
-var rootClassName$2q = 'component-select';
+var rootClassName$2r = 'component-select';
 function Select(props) {
   var _props$options3;
   var _useState = React$1.useState(getUniqueKey()),
@@ -10025,7 +10047,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$2q + "-outer")) {
+        if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2r + "-outer")) {
           deveFechar = false;
           break;
         }
@@ -10123,11 +10145,11 @@ function Select(props) {
   }, [opcoes]);
   var getRightObject = function getRightObject() {
     return React$1__default.createElement("div", {
-      className: rootClassName$2q + "-objects"
+      className: rootClassName$2r + "-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__default.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2q + "-clear-button",
+      className: rootClassName$2r + "-clear-button",
       icon: React$1__default.createElement(CloseIcon, null),
       onClick: function onClick() {
         if (props.multiple) {
@@ -10143,7 +10165,7 @@ function Select(props) {
     }) : undefined, React$1__default.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2q + "-arrow " + rootClassName$2q + "-arrow-" + (panelOpened ? 'up' : 'down'),
+      className: rootClassName$2r + "-arrow " + rootClassName$2r + "-arrow-" + (panelOpened ? 'up' : 'down'),
       onClick: function onClick() {
         return setPanelOpened(!panelOpened);
       },
@@ -10153,12 +10175,12 @@ function Select(props) {
   var getInputProps = function getInputProps() {
     var _props$options;
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2q, props.className]),
+      className: getMergedClassNames([rootClassName$2r, props.className]),
       forceFocus: fakeSelectFocused,
       readOnly: true,
       rightObject: getRightObject(),
       onClick: function onClick() {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2q + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2r + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -10166,7 +10188,7 @@ function Select(props) {
         }
       },
       onFocus: function onFocus(evt) {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2q + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2r + "-select-fake");
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
         } else {
@@ -10179,12 +10201,12 @@ function Select(props) {
           evt.preventDefault();
         }
         if (evt.keyCode === 9 && panelOpened) {
-          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
           if (inputFilter) {
             inputFilter.focus();
             evt.preventDefault();
           } else {
-            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2q + "-options div");
+            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2r + "-options div");
             if (firstOption) {
               firstOption.focus();
               evt.preventDefault();
@@ -10233,7 +10255,7 @@ function Select(props) {
     return React$1__default.createElement("div", {
       tabIndex: 1,
       key: getKey(option),
-      className: rootClassName$2q + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2r + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
         var parent = child.parentNode;
@@ -10243,14 +10265,14 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
                 if (inputFilter) {
                   inputFilter.focus();
                   evt.preventDefault();
                 }
               }
             } else if (index === total - 1) {
-              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2q + "-footer-button." + rootClassName$2q + "-selectAll");
+              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2r + "-footer-button." + rootClassName$2r + "-selectAll");
               if (selectAll) {
                 selectAll.focus();
               }
@@ -10271,7 +10293,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
               if (_inputFilter) _inputFilter.focus();
             }
             evt.preventDefault();
@@ -10292,7 +10314,7 @@ function Select(props) {
         handleChange();
       }
     }), React$1__default.createElement("div", {
-      className: rootClassName$2q + "-multiple-option-label"
+      className: rootClassName$2r + "-multiple-option-label"
     }, option.label));
   };
   var getSingleOption = function getSingleOption(option) {
@@ -10308,7 +10330,7 @@ function Select(props) {
     return React$1__default.createElement("div", {
       key: getKey(option),
       tabIndex: 1,
-      className: rootClassName$2q + "-single-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2r + "-single-option " + (props.readOnly ? 'read-only' : ''),
       onClick: handleChange,
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
@@ -10319,7 +10341,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
                 if (inputPanel) {
                   inputPanel.focus();
                   evt.preventDefault();
@@ -10340,7 +10362,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var el = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+              var el = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
               if (el) el.focus();
             }
             evt.preventDefault();
@@ -10357,7 +10379,7 @@ function Select(props) {
   };
   var noOptionsMessage = React$1.useMemo(function () {
     return React$1__default.createElement("div", {
-      className: rootClassName$2q + "-no-result"
+      className: rootClassName$2r + "-no-result"
     }, props.noOptionMessage);
   }, [props.noOptionMessage]);
   var optionsFiltered = React$1.useMemo(function () {
@@ -10368,9 +10390,9 @@ function Select(props) {
   }, [props.options, filterInput]);
   return React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$2q + "-outer"
+    className: rootClassName$2r + "-outer"
   }, !props.multiple && isiPhone() && React$1__default.createElement("select", {
-    className: rootClassName$2q + "-select-fake",
+    className: rootClassName$2r + "-select-fake",
     value: props.value ? String(props.value) : '',
     onChange: function onChange(evt) {
       return props.onChange(evt.target.value, {
@@ -10403,14 +10425,14 @@ function Select(props) {
         panel.style.top = 'unset';
         panel.style.bottom = '0';
       }
-      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-panel-input input");
+      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
       if (firstInput && !isiPhone()) {
         setTimeout(function () {
           firstInput.focus();
         }, 50);
       } else {
         if (props.multiple) {
-          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2q + "-options div");
+          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-options div");
           if (optionToFocus) {
             setTimeout(function () {
               optionToFocus.focus();
@@ -10426,7 +10448,7 @@ function Select(props) {
             return opt.value === props.value;
           });
           var index = elProps ? elProps.ind + 1 : 1;
-          var query = "#" + panelId + " ." + rootClassName$2q + "-options div:nth-child(" + index + ")";
+          var query = "#" + panelId + " ." + rootClassName$2r + "-options div:nth-child(" + index + ")";
           var _optionToFocus = document.querySelector(query);
           if (_optionToFocus) {
             setTimeout(function () {
@@ -10444,9 +10466,9 @@ function Select(props) {
     }
   }, React$1__default.createElement("div", {
     id: panelId,
-    className: rootClassName$2q + "-panel " + (props.multiple ? 'multiple' : '')
+    className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : '')
   }, props.panelFilter && props.options && !!props.options.length && React$1__default.createElement("div", {
-    className: rootClassName$2q + "-panel-input"
+    className: rootClassName$2r + "-panel-input"
   }, React$1__default.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -10456,7 +10478,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$2q + "-options div");
+        var el = document.querySelector("#" + id + " ." + rootClassName$2r + "-options div");
         if (el) {
           el.focus();
           evt.preventDefault();
@@ -10464,20 +10486,20 @@ function Select(props) {
       }
     }
   })), React$1__default.createElement("div", {
-    className: rootClassName$2q + "-options scroll-white"
+    className: rootClassName$2r + "-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__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("div", {
-    className: rootClassName$2q + "-panel-footer-clearfix"
+    className: rootClassName$2r + "-panel-footer-clearfix"
   }), React$1__default.createElement("div", {
-    className: rootClassName$2q + "-panel-footer"
+    className: rootClassName$2r + "-panel-footer"
   }, React$1__default.createElement(Button$1, {
     theme: exports.ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2q + "-footer-button",
+    className: rootClassName$2r + "-footer-button",
     onClick: function onClick() {
       return props.onChange(optionsFiltered.map(function (op) {
         return op.value;
@@ -10490,7 +10512,7 @@ function Select(props) {
     tabIndex: 1,
     theme: exports.ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2q + "-footer-button",
+    className: rootClassName$2r + "-footer-button",
     onClick: function onClick() {
       return props.onChange([], {
         setPanelOpened: setPanelOpened
@@ -10512,7 +10534,7 @@ Select.defaultProps = {
 };
 var Select$1 = React$1.memo(Select);
 
-var rootClassName$2r = 'component-switch';
+var rootClassName$2s = 'component-switch';
 function Switch(props) {
   var handleClick = function handleClick() {
     if (typeof props.onChange === 'function' && !props.disabled) {
@@ -10521,7 +10543,7 @@ function Switch(props) {
   };
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2r, props.className || '', rootClassName$2r + "-" + (props.value ? 'on' : 'off')]),
+      className: getMergedClassNames([rootClassName$2s, props.className || '', rootClassName$2s + "-" + (props.value ? 'on' : 'off')]),
       onClick: handleClick,
       style: _extends({
         transform: "scale(" + props.scale + ")"
@@ -10533,9 +10555,9 @@ function Switch(props) {
     return p;
   };
   return React$1__default.createElement("button", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$2r + "-track"
+    className: rootClassName$2s + "-track"
   }), React$1__default.createElement("div", {
-    className: rootClassName$2r + "-thumb"
+    className: rootClassName$2s + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -10545,10 +10567,10 @@ Switch.defaultProps = {
   scale: 1
 };
 
-var rootClassName$2s = 'component-table-actions-column';
+var rootClassName$2t = 'component-table-actions-column';
 var ActionsColumn = function ActionsColumn(props) {
   return React$1__default.createElement("div", {
-    className: rootClassName$2s
+    className: rootClassName$2t
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React$1__default.createElement(IconButton$1, Object.assign({
       key: index
@@ -10559,7 +10581,7 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var rootClassName$2t = 'component-table';
+var rootClassName$2u = 'component-table';
 function TypedTable(props) {
   return React$1__default.createElement(Table, Object.assign({}, props));
 }
@@ -10571,8 +10593,8 @@ function Table(props) {
       var el = document.getElementById(itemsId);
       var sortable = new Sortable(el, {
         animation: 300,
-        ghostClass: rootClassName$2t + "-item-ghost",
-        dragClass: rootClassName$2t + "-item-dragging",
+        ghostClass: rootClassName$2u + "-item-ghost",
+        dragClass: rootClassName$2u + "-item-dragging",
         onStart: function onStart() {
           document.body.classList.add('document-grabbing');
         },
@@ -10605,7 +10627,7 @@ function Table(props) {
   }, []);
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2t, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
+      className: getMergedClassNames([rootClassName$2u, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
     });
     delete p.columns;
     delete p.lines;
@@ -10616,9 +10638,9 @@ function Table(props) {
     return p;
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$2t + "-outer"
+    className: rootClassName$2u + "-outer"
   }, props.upperHeader ? React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2t + "-upper-header", props.upperHeader.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2u + "-upper-header", props.upperHeader.active ? 'active' : ''])
   }, props.upperHeader.buttons && props.upperHeader.buttons.length ? props.upperHeader.buttons.map(function (btn, index) {
     var _props$upperHeader;
     return React$1__default.createElement("button", {
@@ -10628,7 +10650,7 @@ function Table(props) {
       disabled: !((_props$upperHeader = props.upperHeader) !== null && _props$upperHeader !== void 0 && _props$upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
     }, React$1__default.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React$1__default.createElement("div", {
-    className: rootClassName$2t + "-outer-table"
+    className: rootClassName$2u + "-outer-table"
   }, React$1__default.createElement("table", Object.assign({}, getProps()), React$1__default.createElement("thead", null, React$1__default.createElement("tr", null, React$1__default.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React$1__default.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
@@ -10674,15 +10696,15 @@ TableActions.defaultProps = {
   actions: []
 };
 
-var rootClassName$2u = 'component-table-file-name-and-action';
+var rootClassName$2v = 'component-table-file-name-and-action';
 function TableFileNameAndAction(props) {
   return React$1__default.createElement("div", {
-    className: rootClassName$2u
+    className: rootClassName$2v
   }, props.files && props.files.length ? props.files.map(function (line, index) {
     var obj = line.file ? line.file : line;
     return React$1__default.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$2u + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2v + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
     }, React$1__default.createElement("span", null, obj.name), React$1__default.createElement(IconButton$1, {
       icon: line.uploading ? React$1__default.createElement(PercentLoaderIcon, {
         indefinido: line.indefinido,
@@ -10740,20 +10762,20 @@ function useDraggableScroll(reference, options) {
   }, [reference]);
 }
 
-var rootClassName$2v = 'component-upper-header-table';
+var rootClassName$2w = 'component-upper-header-table';
 function TableUpperHeader(props) {
   var _props$leftContent, _props$rightContent;
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2v, props.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2w, props.active ? 'active' : ''])
   }, React$1__default.createElement("div", {
-    className: rootClassName$2v + "-left"
+    className: rootClassName$2w + "-left"
   }, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
     return btn.type === 'Button' ? React$1__default.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2v + "-btn",
+      className: rootClassName$2w + "-btn",
       type: 'button'
     }, btn.leftIcon && React$1__default.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1__default.createElement("span", null, btn.rightIcon)) : React$1__default.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
@@ -10761,19 +10783,19 @@ function TableUpperHeader(props) {
       key: i,
       id: btn.children.id,
       onClick: btn.children.onClick,
-      className: rootClassName$2v + "-btn",
+      className: rootClassName$2w + "-btn",
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       type: 'button'
     }, btn.children.leftIcon && React$1__default.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1__default.createElement("span", null, btn.children.rightIcon)));
   })), React$1__default.createElement("div", {
-    className: rootClassName$2v + "-right"
+    className: rootClassName$2w + "-right"
   }, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
     return btn.type === 'Button' ? React$1__default.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2v + "-btn",
+      className: rootClassName$2w + "-btn",
       type: 'button'
     }, btn.leftIcon && React$1__default.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React$1__default.createElement("span", null, btn.rightIcon)) : React$1__default.createElement(DropdownMenu, Object.assign({}, btn, {
       key: "children_" + i
@@ -10782,23 +10804,23 @@ function TableUpperHeader(props) {
       id: btn.children.id,
       onClick: btn.children.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
-      className: rootClassName$2v + "-btn",
+      className: rootClassName$2w + "-btn",
       type: 'button'
     }, btn.children.leftIcon && React$1__default.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React$1__default.createElement("span", null, btn.children.rightIcon)));
   })), props.collapsedContent ? React$1__default.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: true
   }, React$1__default.createElement(Row$1, {
-    className: rootClassName$2v + "-collapsed"
+    className: rootClassName$2w + "-collapsed"
   }, props.collapsedContent)) : undefined);
 }
 var TableUpperHeader$1 = React$1.memo(TableUpperHeader);
 
-var rootClassName$2w = 'component-table-with-overflow';
+var rootClassName$2x = 'component-table-with-overflow';
 function TableWithOverflow(props) {
   var mediaQuery = useScreenSize();
   var wrapperClassName = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$2w + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
+    return getMergedClassNames([rootClassName$2x + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
   }, [props.upperHeader, props.lines, props.noResultMessage]);
   var outerTableRef = React$1.createRef();
   useDraggableScroll(outerTableRef, {
@@ -10886,9 +10908,9 @@ function TableWithOverflow(props) {
     });
   }, [props.lines, props.columns, atLeastOneStaticColumn, someAbsoluteColumn]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2w
+    className: rootClassName$2x
   }, props.upperHeader ? React$1__default.createElement("div", {
-    className: rootClassName$2w + "-upper-header"
+    className: rootClassName$2x + "-upper-header"
   }, React$1__default.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React$1__default.createElement("div", {
     className: wrapperClassName,
     style: {
@@ -10896,7 +10918,7 @@ function TableWithOverflow(props) {
       paddingRight: paddingRight
     }
   }, props.showTopNavigator && React$1__default.createElement("div", {
-    className: rootClassName$2w + "-table-arrows"
+    className: rootClassName$2x + "-table-arrows"
   }, React$1__default.createElement(IconButton$1, {
     icon: React$1__default.createElement(CircleArrowLeft, null),
     onClick: function onClick() {
@@ -10908,14 +10930,14 @@ function TableWithOverflow(props) {
       handleArrowClick(150);
     }
   })), React$1__default.createElement("div", {
-    className: rootClassName$2w + "-outer-table",
+    className: rootClassName$2x + "-outer-table",
     ref: outerTableRef
   }, React$1__default.createElement("table", null, React$1__default.createElement("thead", null, React$1__default.createElement("tr", null, React$1__default.createElement("th", {
     className: 'absolute left-0'
   }), columnsHeader, React$1__default.createElement("th", {
     className: 'absolute right-0'
   })), React$1__default.createElement("tr", null)), React$1__default.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React$1__default.createElement("div", {
-    className: rootClassName$2w + "-no-result"
+    className: rootClassName$2x + "-no-result"
   }, props.noResultMessage) : undefined));
 }
 TableWithOverflow.defaultProps = {
@@ -10923,7 +10945,7 @@ TableWithOverflow.defaultProps = {
 };
 var TableWithOverflow$1 = React$1.memo(TableWithOverflow);
 
-var rootClassName$2x = 'component-tabs';
+var rootClassName$2y = 'component-tabs';
 function Tabs(props) {
   var _props$tabs;
   var navRef = React$1.createRef();
@@ -10949,14 +10971,14 @@ function Tabs(props) {
     };
   }, [startBar]);
   return React$1__default.createElement("nav", {
-    className: rootClassName$2x,
+    className: rootClassName$2y,
     style: {
       justifyContent: props.justify
     },
     ref: navRef
   }, (_props$tabs = props.tabs) === null || _props$tabs === void 0 ? void 0 : _props$tabs.map(function (tab, index) {
     return React$1__default.createElement("button", {
-      className: getMergedClassNames([rootClassName$2x + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
+      className: getMergedClassNames([rootClassName$2y + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
       onClick: function onClick() {
         props.onChange(index);
       },
@@ -10966,12 +10988,12 @@ function Tabs(props) {
     }, React$1__default.createElement("span", null, tab.title));
   }), React$1__default.createElement("div", {
     ref: actualRef,
-    className: rootClassName$2x + "-bar"
+    className: rootClassName$2y + "-bar"
   }));
 }
 var Tabs$1 = React$1.memo(Tabs);
 
-var rootClassName$2y = 'text-editor-header-input';
+var rootClassName$2z = 'text-editor-header-input';
 function TextEditorHeaderInput(props) {
   var _useState = React$1.useState(getUniqueKey()),
     inputLabelId = _useState[0];
@@ -10993,7 +11015,7 @@ function TextEditorHeaderInput(props) {
         (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, evt);
         evt.stopPropagation();
       },
-      className: getMergedClassNames([rootClassName$2y + "-input", props.className || '']),
+      className: getMergedClassNames([rootClassName$2z + "-input", props.className || '']),
       value: props.value,
       onKeyUp: function onKeyUp(evt) {
         if (evt.key === 'Enter' && typeof props.onEnter === 'function') {
@@ -11003,25 +11025,25 @@ function TextEditorHeaderInput(props) {
     };
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$2y
+    className: rootClassName$2z
   }, React$1__default.createElement("div", {
     id: inputLabelId,
-    className: getMergedClassNames([rootClassName$2y + "-label", props.value ? 'top' : ''])
+    className: getMergedClassNames([rootClassName$2z + "-label", props.value ? 'top' : ''])
   }, props.label), React$1__default.createElement("input", Object.assign({}, getInputProps())));
 }
 TextEditorHeaderInput.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2z = 'text-editor-menu-button';
+var rootClassName$2A = 'text-editor-menu-button';
 function TextEditorMenuButton(props) {
   return React$1__default.createElement("button", Object.assign({}, props, {
-    className: getMergedClassNames([props.className || '', rootClassName$2z])
+    className: getMergedClassNames([props.className || '', rootClassName$2A])
   }));
 }
 
-var rootClassName$2A = 'text-editor-color-picker';
-var colorClassName = rootClassName$2A + "-color-button";
+var rootClassName$2B = 'text-editor-color-picker';
+var colorClassName = rootClassName$2B + "-color-button";
 var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
 function ColorButton(props) {
   return React$1__default.createElement("button", {
@@ -11037,7 +11059,6 @@ function ColorButton(props) {
 }
 var timeOutID = null;
 function TextEditorColorPicker(props) {
-  var _window$localStorage$;
   var _useState = React$1.useState(''),
     hexa = _useState[0],
     setHexa = _useState[1];
@@ -11074,7 +11095,8 @@ function TextEditorColorPicker(props) {
       }
     }
   }, [props.opened]);
-  var lastUsedColors = JSON.parse((_window$localStorage$ = window.localStorage.getItem('lastUsedColors')) != null ? _window$localStorage$ : '') || ['', '', '', '', '', ''];
+  var luc = window.localStorage.getItem('lastUsedColors');
+  var lastUsedColors = luc ? JSON.parse(luc) : ['', '', '', '', '', ''];
   var submitColor = function submitColor(color) {
     var _window$getSelection;
     (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
@@ -11092,9 +11114,9 @@ function TextEditorColorPicker(props) {
   };
   return React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$2A
+    className: rootClassName$2B
   }, React$1__default.createElement("div", {
-    className: rootClassName$2A + "-colors"
+    className: rootClassName$2B + "-colors"
   }, defaultColors.map(function (color, index) {
     return React$1__default.createElement(ColorButton, {
       key: index,
@@ -11104,7 +11126,7 @@ function TextEditorColorPicker(props) {
       }
     });
   })), React$1__default.createElement("div", {
-    className: rootClassName$2A + "-colors"
+    className: rootClassName$2B + "-colors"
   }, lastUsedColors.map(function (color, index) {
     return React$1__default.createElement(ColorButton, {
       key: index,
@@ -11115,9 +11137,9 @@ function TextEditorColorPicker(props) {
       }
     });
   })), React$1__default.createElement("div", {
-    className: rootClassName$2A + "-hexa-row"
+    className: rootClassName$2B + "-hexa-row"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2A + "-picker-col"
+    className: rootClassName$2B + "-picker-col"
   }, React$1__default.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
@@ -11128,7 +11150,7 @@ function TextEditorColorPicker(props) {
         setHexa(val);
       }, 200);
     },
-    className: rootClassName$2A + "-color-picker",
+    className: rootClassName$2B + "-color-picker",
     type: 'color'
   })), React$1__default.createElement(TextEditorHeaderInput, {
     label: 'Hexadecimal',
@@ -11149,19 +11171,19 @@ TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
-var _excluded$2 = ["icon", "active"];
-var rootClassName$2B = 'text-editor-header-button';
+var _excluded$3 = ["icon", "active"];
+var rootClassName$2C = 'text-editor-header-button';
 function TextEditorHeaderButton(_ref) {
   var _props$className;
   var icon = _ref.icon,
     active = _ref.active,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return React$1__default.createElement("button", Object.assign({
-    className: getMergedClassNames([rootClassName$2B, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
+    className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
   }, props), icon);
 }
 
-var rootClassName$2C = 'text-editor-title-choser';
+var rootClassName$2D = 'text-editor-title-choser';
 function TextEditorTitleChoser(props) {
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
@@ -11200,7 +11222,7 @@ function TextEditorTitleChoser(props) {
     }
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$2C,
+    className: rootClassName$2D,
     id: id
   }, React$1__default.createElement("button", {
     onClick: function onClick() {
@@ -11216,7 +11238,7 @@ TextEditorTitleChoser.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2D = 'text-editor-url-creator';
+var rootClassName$2E = 'text-editor-url-creator';
 function TextEditorUrlCreator(props) {
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
@@ -11281,9 +11303,9 @@ function TextEditorUrlCreator(props) {
   };
   return React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$2D
+    className: rootClassName$2E
   }, React$1__default.createElement(Row$1, {
-    className: rootClassName$2D + "-url-row"
+    className: rootClassName$2E + "-url-row"
   }, React$1__default.createElement(TextEditorHeaderInput, {
     label: 'Url',
     value: urlValue,
@@ -11292,7 +11314,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), React$1__default.createElement(Row$1, {
-    className: rootClassName$2D + "-text-row"
+    className: rootClassName$2E + "-text-row"
   }, React$1__default.createElement(TextEditorHeaderInput, {
     label: 'Texto',
     value: textValue,
@@ -11301,7 +11323,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), React$1__default.createElement(Row$1, {
-    className: rootClassName$2D + "-new-tab-row"
+    className: rootClassName$2E + "-new-tab-row"
   }, React$1__default.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
@@ -11312,7 +11334,7 @@ function TextEditorUrlCreator(props) {
       return setNewTab(!newTab);
     }
   }, "Nova Guia")), React$1__default.createElement(Row$1, {
-    className: rootClassName$2D + "-ok-row"
+    className: rootClassName$2E + "-ok-row"
   }, React$1__default.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
@@ -11322,7 +11344,7 @@ TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2E = 'component-text-editor';
+var rootClassName$2F = 'component-text-editor';
 function TextEditor(props) {
   var _cursor$foreColor;
   var _useState = React$1.useState(getUniqueKey()),
@@ -11341,7 +11363,7 @@ function TextEditor(props) {
     setCursor = _useState5[1];
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2E, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2F, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
     });
     delete p.topLabel;
     delete p.helperText;
@@ -11426,13 +11448,13 @@ function TextEditor(props) {
     }
   }, [props.value]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2E + "-outer"
+    className: rootClassName$2F + "-outer"
   }, !props.hideTopLabel && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2E + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2F + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.topLabel), React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
-    className: rootClassName$2E + "-header"
+    className: rootClassName$2F + "-header"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2E + "-left-content"
+    className: rootClassName$2F + "-left-content"
   }, React$1__default.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
@@ -11563,7 +11585,7 @@ function TextEditor(props) {
       (_document$querySelect12 = document.querySelector("#" + id)) === null || _document$querySelect12 === void 0 ? void 0 : _document$querySelect12.focus();
     }
   })), React$1__default.createElement("div", {
-    className: rootClassName$2E + "-right-content"
+    className: rootClassName$2F + "-right-content"
   }, React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     icon: React$1__default.createElement(UndoIcon, null),
@@ -11578,12 +11600,12 @@ function TextEditor(props) {
     }
   }))), React$1__default.createElement("div", {
     id: id,
-    className: rootClassName$2E + "-editor",
+    className: rootClassName$2F + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
   })), !props.hideHelperText && React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2E + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2F + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 TextEditor.defaultProps = {
@@ -11592,25 +11614,25 @@ TextEditor.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2F = 'component-title';
+var rootClassName$2G = 'component-title';
 function Title(props) {
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2F, props.hideRightElementXS ? 'hide-right-xs' : '']),
+    className: getMergedClassNames([rootClassName$2G, props.hideRightElementXS ? 'hide-right-xs' : '']),
     style: {
       alignItems: props.align,
       flexWrap: props.flexWrap
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$2F + "-wrapper"
+    className: rootClassName$2G + "-wrapper"
   }, props.showBackButton ? React$1__default.createElement("div", {
-    className: rootClassName$2F + "-icon"
+    className: rootClassName$2G + "-icon"
   }, React$1__default.createElement(IconButton$1, {
     icon: React$1__default.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2F + "-text", props.oneLineTitle ? 'one-line-title' : ''])
+    className: getMergedClassNames([rootClassName$2G + "-text", props.oneLineTitle ? 'one-line-title' : ''])
   }, props.children)), props.rightElement ? React$1__default.createElement("div", {
-    className: rootClassName$2F + "-right-element"
+    className: rootClassName$2G + "-right-element"
   }, props.rightElement) : undefined);
 }
 Title.defaultProps = {};
@@ -11622,15 +11644,15 @@ Title.defaultProps = {};
   ToastTypes["Warning"] = "warning";
 })(exports.ToastTypes || (exports.ToastTypes = {}));
 
-var rootClassName$2G = 'component-toast';
+var rootClassName$2H = 'component-toast';
 function Toast(props) {
   var _useState = React$1.useState(props.id || getUniqueKey()),
     id = _useState[0];
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2G, rootClassName$2G + "-" + props.theme]);
+    return getMergedClassNames([rootClassName$2H, rootClassName$2H + "-" + props.theme]);
   };
   React$1.useEffect(function () {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2G + "-fill");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2H + "-fill");
     if (el) {
       el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
     }
@@ -11669,22 +11691,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React$1__default.createElement("div", {
-    className: rootClassName$2G + "-left-content"
+    className: rootClassName$2H + "-left-content"
   }, props.label), React$1__default.createElement("div", {
-    className: rootClassName$2G + "-right-content"
+    className: rootClassName$2H + "-right-content"
   }, props.showActionButton && React$1__default.createElement("div", {
-    className: rootClassName$2G + "-action-button"
+    className: rootClassName$2H + "-action-button"
   }, props.actionButtonText), React$1__default.createElement("div", {
-    className: rootClassName$2G + "-close-button"
+    className: rootClassName$2H + "-close-button"
   }, React$1__default.createElement(IconButton$1, {
     icon: React$1__default.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onClose === 'function') props.onClose();
     }
   }))), props.timeout ? React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2G + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$2H + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React$1__default.createElement("div", {
-    className: rootClassName$2G + "-fill",
+    className: rootClassName$2H + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -11699,7 +11721,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
 
-var rootClassName$2H = 'comp-toast-manager';
+var rootClassName$2I = 'comp-toast-manager';
 var count = 0;
 var ToastManager = React$1.forwardRef(function (props, ref) {
   var _useState = React$1.useState([]),
@@ -11763,17 +11785,17 @@ var ToastManager = React$1.forwardRef(function (props, ref) {
     };
   });
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2H + "-toasts", rootClassName$2H + "-" + props.verticalPosition, rootClassName$2H + "-" + props.horizontalPosition, props.reverse ? rootClassName$2H + "-reverse" : '', props.animateSize ? rootClassName$2H + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2I + "-toasts", rootClassName$2I + "-" + props.verticalPosition, rootClassName$2I + "-" + props.horizontalPosition, props.reverse ? rootClassName$2I + "-reverse" : '', props.animateSize ? rootClassName$2I + "-animate-size" : '']);
   };
   React$1.useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2H + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2I + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (props.verticalPosition === 'top' && !props.reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$2H + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2I + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -11781,7 +11803,7 @@ var ToastManager = React$1.forwardRef(function (props, ref) {
       } else if (props.verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$2H + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2I + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -11789,7 +11811,7 @@ var ToastManager = React$1.forwardRef(function (props, ref) {
       } else if (props.verticalPosition === 'bottom' && !props.reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$2H + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2I + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -11798,7 +11820,7 @@ var ToastManager = React$1.forwardRef(function (props, ref) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$2H + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2I + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -11811,11 +11833,11 @@ var ToastManager = React$1.forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2H + "-toast",
+      classNames: rootClassName$2I + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React$1__default.createElement("div", {
-      className: rootClassName$2H + "-toastzin"
+      className: rootClassName$2I + "-toastzin"
     }, React$1__default.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -11843,19 +11865,19 @@ ToastManager.defaultProps = {
   TooltipPosition["Bottom"] = "bottom";
 })(exports.TooltipPosition || (exports.TooltipPosition = {}));
 
-var rootClassName$2I = 'component-tooltip';
+var rootClassName$2J = 'component-tooltip';
 function Tooltip(props) {
   var _useState = React$1.useState(props.id || getUniqueKey()),
     id = _useState[0];
   var getProps = function getProps() {
     return _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$2I, props.className, rootClassName$2I + "-" + props.position])
+      className: getMergedClassNames([rootClassName$2J, props.className, rootClassName$2J + "-" + props.position])
     });
   };
   React$1.useEffect(function () {
     var element = document.querySelector("#" + id);
-    var triangle = element.querySelector("." + rootClassName$2I + "-triangle");
+    var triangle = element.querySelector("." + rootClassName$2J + "-triangle");
     var bounding = element.getBoundingClientRect();
     var ScreenWidth = window.innerWidth;
     if (props.position === exports.TooltipPosition.Top || props.position === exports.TooltipPosition.Bottom) {
@@ -11873,16 +11895,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2I + "-outer"
+    className: rootClassName$2J + "-outer"
   }, React$1__default.createElement("div", Object.assign({}, getProps()), props.children, React$1__default.createElement("div", {
-    className: rootClassName$2I + "-triangle"
+    className: rootClassName$2J + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: exports.TooltipPosition.Top
 };
 
-var rootClassName$2J = 'tooltip-manager';
+var rootClassName$2K = 'tooltip-manager';
 function TooltipManager() {
   var _useState = React$1.useState([]),
     arrayOfTooltips = _useState[0],
@@ -11969,17 +11991,17 @@ function TooltipManager() {
     };
   }, []);
   return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement(reactTransitionGroup.TransitionGroup, {
-    className: rootClassName$2J
+    className: rootClassName$2K
   }, arrayOfTooltips.map(function (tooltip) {
     return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2J + "-tooltip",
+      classNames: rootClassName$2K + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React$1__default.createElement(Tooltip, {
       id: tooltip.id,
       position: tooltip.position,
-      className: rootClassName$2J + "-tooltip",
+      className: rootClassName$2K + "-tooltip",
       style: _extends({}, tooltip.style),
       onMouseLeave: function onMouseLeave() {
         if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
@@ -11996,7 +12018,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
 
-var rootClassName$2K = 'component-top-loader';
+var rootClassName$2L = 'component-top-loader';
 function TopLoader(props) {
   return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     classNames: 'fade',
@@ -12004,11 +12026,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React$1__default.createElement("div", {
-    className: rootClassName$2K
+    className: rootClassName$2L
   }, React$1__default.createElement("div", {
-    className: rootClassName$2K + "-logo"
+    className: rootClassName$2L + "-logo"
   }, props.logo), props.status && React$1__default.createElement("div", {
-    className: rootClassName$2K + "-status"
+    className: rootClassName$2L + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -12017,7 +12039,7 @@ TopLoader.defaultProps = {
   })
 };
 
-var rootClassName$2L = 'video-modal';
+var rootClassName$2M = 'video-modal';
 function VideoModal(props) {
   var handleClose = React$1.useCallback(function () {
     props.onClose(props.modalKey);
@@ -12025,7 +12047,7 @@ function VideoModal(props) {
   var filteredProps = React$1.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$2L, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2L + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([rootClassName$2M, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2M + "-" + String(props.size).toLowerCase()])
     });
     delete p.urlVideo;
     delete p.footer;
@@ -12043,12 +12065,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React$1__default.createElement("div", Object.assign({}, filteredProps), React$1__default.createElement("div", {
-    className: rootClassName$2L + "-close-button"
+    className: rootClassName$2M + "-close-button"
   }, React$1__default.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React$1__default.createElement(CloseIcon, null)
   })), React$1__default.createElement("div", {
-    className: rootClassName$2L + "-video-row"
+    className: rootClassName$2M + "-video-row"
   }, React$1__default.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -12059,10 +12081,10 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
-var rootClassName$2M = 'icon-component';
+var rootClassName$2N = 'icon-component';
 var PhonePlusIcon = function PhonePlusIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$2M,
+    className: rootClassName$2N,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -12073,7 +12095,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
   }));
 };
 
-var rootClassName$2N = 'calendar-header';
+var rootClassName$2O = 'calendar-header';
 function CalendarHeader(props) {
   var size = useScreenSize();
   var days = React$1.useMemo(function () {
@@ -12083,16 +12105,16 @@ function CalendarHeader(props) {
     return props.language.daysOfWeek;
   }, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2N
+    className: rootClassName$2O
   }, days.map(function (d, i) {
     return React$1__default.createElement("div", {
-      className: rootClassName$2N + "-day",
+      className: rootClassName$2O + "-day",
       key: i
     }, d);
   }));
 }
 
-var rootClassName$2O = 'evento-calendario';
+var rootClassName$2P = 'evento-calendario';
 function CalendarEvent(props) {
   var _useState = React$1.useState(props.forceExpanded || false),
     expanded = _useState[0],
@@ -12121,12 +12143,12 @@ function CalendarEvent(props) {
         return React$1__default.createElement(React$1.Fragment, null, "large");
       case 'medium':
         return React$1__default.createElement(React$1.Fragment, null, React$1__default.createElement("div", {
-          className: rootClassName$2O + "-tipo",
+          className: rootClassName$2P + "-tipo",
           style: {
             borderColor: props.color
           }
         }, props.tipoEvento), React$1__default.createElement("div", {
-          className: rootClassName$2O + "-label"
+          className: rootClassName$2P + "-label"
         }, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
           "in": !props.forceExpanded && (!expanded || !props.expandedLabel),
           timeout: 300,
@@ -12136,26 +12158,26 @@ function CalendarEvent(props) {
           opened: props.forceExpanded || expanded && !!props.expandedLabel,
           animateOpacity: true
         }, React$1__default.createElement(React$1.Fragment, null, React$1__default.createElement("span", null, props.expandedLabel), React$1__default.createElement("div", {
-          className: rootClassName$2O + "-date-label"
+          className: rootClassName$2P + "-date-label"
         }, props.expandedDate)))), React$1__default.createElement("div", {
-          className: rootClassName$2O + "-modalidade"
+          className: rootClassName$2P + "-modalidade"
         }, React$1__default.createElement("div", {
-          className: rootClassName$2O + "-icon"
+          className: rootClassName$2P + "-icon"
         }, props.icon), React$1__default.createElement("div", {
-          className: rootClassName$2O + "-modalidade-label nunito"
+          className: rootClassName$2P + "-modalidade-label nunito"
         }, props.iconLabel)));
       case 'small':
       default:
         return React$1__default.createElement(React$1.Fragment, null, React$1__default.createElement("div", {
-          className: rootClassName$2O + "-icon"
+          className: rootClassName$2P + "-icon"
         }, props.icon), React$1__default.createElement("div", {
-          className: rootClassName$2O + "-label nunito"
+          className: rootClassName$2P + "-label nunito"
         }, props.tipoEvento, " | ", props.label));
     }
   }, [expanded, props.color, props.expandedDate, props.expandedLabel, props.forceExpanded, props.icon, props.iconLabel, props.label, props.size, props.tipoEvento]);
   return React$1__default.createElement("button", {
     ref: ref,
-    className: useMergedClassNames([rootClassName$2O, props.size, props.borderStyle]),
+    className: useMergedClassNames([rootClassName$2P, props.size, props.borderStyle]),
     disabled: props.disabled,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
@@ -12181,10 +12203,10 @@ CalendarEvent.defaultProps = {
 };
 var CalendarEvent$1 = React$1.memo(CalendarEvent);
 
-var rootClassName$2P = 'calendar-chip';
+var rootClassName$2Q = 'calendar-chip';
 function CalendarChip(props) {
   return React$1__default.createElement("button", {
-    className: useMergedClassNames([rootClassName$2P, 'nunito']),
+    className: useMergedClassNames([rootClassName$2Q, 'nunito']),
     onClick: props.onClick,
     disabled: props.disabled,
     style: {
@@ -12199,11 +12221,11 @@ CalendarChip.defaultProps = {
 };
 var CalendarChip$1 = React$1.memo(CalendarChip);
 
-var rootClassName$2Q = 'calendar-month-day';
+var rootClassName$2R = 'calendar-month-day';
 function CalendarMonthDay(props) {
   var _props$eventos, _props$eventos2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
   var classNames = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$2Q, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
+    return getMergedClassNames([rootClassName$2R, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
   }, [props.day, props.disabled, props.highlightWeekends, props.isToday, props.pocket]);
   var date = new Date();
   date.setDate(date.getDate() - 1);
@@ -12216,9 +12238,9 @@ function CalendarMonthDay(props) {
       }
     }
   }, React$1__default.createElement("div", {
-    className: rootClassName$2Q + "-label-line"
+    className: rootClassName$2R + "-label-line"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2Q + "-day nunito",
+    className: rootClassName$2R + "-day nunito",
     onClick: function onClick(evt) {
       if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
         props.onPlusButtonClick(props.day, evt);
@@ -12239,7 +12261,7 @@ function CalendarMonthDay(props) {
     },
     disabled: props.disabled
   }) : undefined)), !props.pocket ? React$1__default.createElement(React$1.Fragment, null, React$1__default.createElement("div", {
-    className: rootClassName$2Q + "-eventos"
+    className: rootClassName$2R + "-eventos"
   }, (_props$eventos4 = props.eventos) === null || _props$eventos4 === void 0 ? void 0 : (_props$eventos4$slice = _props$eventos4.slice(0, 2)) === null || _props$eventos4$slice === void 0 ? void 0 : _props$eventos4$slice.map(function (e) {
     return React$1__default.createElement(CalendarEvent$1, Object.assign({
       key: e.id
@@ -12248,7 +12270,7 @@ function CalendarMonthDay(props) {
     }));
   })), props.showAddButton ? React$1__default.createElement("button", {
     disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
-    className: rootClassName$2Q + "-button",
+    className: rootClassName$2R + "-button",
     onClick: function onClick(evt) {
       if (typeof props.onAddButtonClick === 'function') {
         props.onAddButtonClick(props.day, evt);
@@ -12259,7 +12281,7 @@ function CalendarMonthDay(props) {
 }
 var CalendarMonthDay$1 = React$1.memo(CalendarMonthDay);
 
-var rootClassName$2R = 'calendar-days';
+var rootClassName$2S = 'calendar-days';
 function CalendarDays(props) {
   var today = React$1.useMemo(function () {
     return new Date();
@@ -12277,7 +12299,7 @@ function CalendarDays(props) {
     return false;
   }, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
   return React$1__default.createElement("div", {
-    className: rootClassName$2R
+    className: rootClassName$2S
   }, days.map(function (d) {
     var _props$eventos;
     var k = "" + d.getFullYear() + getTwoNumbersIfNotTen(d.getMonth() + 1) + getTwoNumbersIfNotTen(d.getDate());
@@ -12302,7 +12324,7 @@ function CalendarDays(props) {
 }
 var CalendarDays$1 = React$1.memo(CalendarDays);
 
-var rootClassName$2S = 'calendar';
+var rootClassName$2T = 'calendar';
 function Calendar(props) {
   var id = React$1.useMemo(getUniqueKey, []);
   var _useState = React$1.useState(false),
@@ -12311,7 +12333,7 @@ function Calendar(props) {
   var pocketRef = React$1.useRef(pocket);
   pocketRef.current = pocket;
   var classNames = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$2S, props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$2T, props.loading ? 'loading' : '']);
   }, [props.loading]);
   var cbResize = React$1.useCallback(function (evt) {
     if (pocketRef.current) {
@@ -12371,7 +12393,7 @@ Calendar.defaultProps = {
 };
 var Calendar$1 = React$1.memo(Calendar);
 
-var rootClassName$2T = 'scroll-arrow-overflow';
+var rootClassName$2U = 'scroll-arrow-overflow';
 function ScrollArrowOverflow(props) {
   var ref = React$1.createRef();
   var atualRef = React$1.useRef(0);
@@ -12443,9 +12465,9 @@ function ScrollArrowOverflow(props) {
     };
   }, []);
   return React$1__default.createElement("div", {
-    className: useMergedClassNames([rootClassName$2T, props.arrows])
+    className: useMergedClassNames([rootClassName$2U, props.arrows])
   }, React$1__default.createElement("div", {
-    className: rootClassName$2T + "-navigation"
+    className: rootClassName$2U + "-navigation"
   }, React$1__default.createElement(IconButton$1, {
     disabled: start,
     icon: React$1__default.createElement(CircleArrowLeft, null),
@@ -12460,7 +12482,7 @@ function ScrollArrowOverflow(props) {
     }
   })), React$1__default.createElement("div", {
     ref: ref,
-    className: rootClassName$2T + "-overflow"
+    className: rootClassName$2U + "-overflow"
   }, props.children));
 }
 ScrollArrowOverflow.defaultProps = {
@@ -12469,26 +12491,26 @@ ScrollArrowOverflow.defaultProps = {
 };
 var ScrollArrowOverflow$1 = React$1.memo(ScrollArrowOverflow);
 
-var rootClassName$2U = 'hour-events';
+var rootClassName$2V = 'hour-events';
 function HourEvents(props) {
   var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
   var _useState = React$1.useState(props.defaultOpened),
     opened = _useState[0],
     setOpened = _useState[1];
   return React$1__default.createElement("div", {
-    className: rootClassName$2U
+    className: rootClassName$2V
   }, React$1__default.createElement("div", {
-    className: rootClassName$2U + "-first-line"
+    className: rootClassName$2V + "-first-line"
   }, React$1__default.createElement("div", {
-    className: rootClassName$2U + "-hour"
+    className: rootClassName$2V + "-hour"
   }, props.hour), React$1__default.createElement("div", {
-    className: rootClassName$2U + "-line"
+    className: rootClassName$2V + "-line"
   }), !props.events || !props.events.length ? React$1__default.createElement("div", {
-    className: rootClassName$2U + "-no-events nunito"
+    className: rootClassName$2V + "-no-events nunito"
   }, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React$1__default.createElement("div", {
-    className: rootClassName$2U + "-counter nunito"
+    className: rootClassName$2V + "-counter nunito"
   }, (_props$language2 = props.language) === null || _props$language2 === void 0 ? void 0 : _props$language2.events((_props$events = props.events) === null || _props$events === void 0 ? void 0 : _props$events.length))), (_props$events2 = props.events) !== null && _props$events2 !== void 0 && _props$events2.length ? React$1__default.createElement(React$1.Fragment, null, React$1__default.createElement("div", {
-    className: rootClassName$2U + "-toggle"
+    className: rootClassName$2V + "-toggle"
   }, React$1__default.createElement(Button$1, {
     theme: exports.ButtonThemes.DefaultPrimary,
     onClick: function onClick() {
@@ -12523,7 +12545,7 @@ HourEvents.defaultProps = {
 };
 var HourEvents$1 = React$1.memo(HourEvents);
 
-var rootClassName$2V = 'inline-month-picker';
+var rootClassName$2W = 'inline-month-picker';
 function InlineMonthPicker(props) {
   var d = new Date(props.value.getTime());
   var fix31st = function fix31st(months) {
@@ -12534,13 +12556,13 @@ function InlineMonthPicker(props) {
     }
   };
   return React$1__default.createElement("div", {
-    className: rootClassName$2V
+    className: rootClassName$2W
   }, React$1__default.createElement("div", {
-    className: rootClassName$2V + "-icon"
+    className: rootClassName$2W + "-icon"
   }, React$1__default.createElement(CalendarCheckIcon, null)), React$1__default.createElement("div", {
-    className: rootClassName$2V + "-label"
+    className: rootClassName$2W + "-label"
   }, props.labelGen(props.value)), React$1__default.createElement("div", {
-    className: rootClassName$2V + "-actions"
+    className: rootClassName$2W + "-actions"
   }, React$1__default.createElement(IconButton$1, {
     icon: React$1__default.createElement(ChevronArrowLeftIcon, null),
     onClick: function onClick() {
@@ -12564,7 +12586,7 @@ InlineMonthPicker.defaultProps = {
 };
 var InlineMonthPicker$1 = React$1.memo(InlineMonthPicker);
 
-var rootClassName$2W = 'qrcode';
+var rootClassName$2X = 'qrcode';
 function QRCode(props) {
   var ref = React$1.createRef();
   React$1.useEffect(function () {
@@ -12583,7 +12605,7 @@ function QRCode(props) {
     });
   }, [props, ref]);
   var className = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$2W, props.button ? 'button' : '']);
+    return getMergedClassNames([rootClassName$2X, props.button ? 'button' : '']);
   }, [props.button]);
   return React$1__default.createElement("div", {
     className: className,
@@ -43631,7 +43653,7 @@ function useHTMLShare() {
   };
 }
 
-var rootClassName$2X = 'comp-modal-manager';
+var rootClassName$2Y = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 var hackFocus$1 = function hackFocus() {
   var tmp = document.createElement('input');
@@ -43699,13 +43721,13 @@ function useModalManager() {
   return [React$1__default.createElement(React$1__default.Fragment, {
     key: 1
   }, React$1__default.createElement(reactTransitionGroup.TransitionGroup, {
-    className: rootClassName$2X + "-modals"
+    className: rootClassName$2Y + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props2, _obj$props3, _obj$props4;
     var ModalComponent = React$1__default.createElement(obj.component, obj.props);
     return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2X + "-mask-mobile-on-xs" : rootClassName$2X + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2Y + "-mask-mobile-on-xs" : rootClassName$2Y + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React$1__default.createElement(ModalMask, {
@@ -43846,7 +43868,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
   return timeToReturn;
 }
 
-var rootClassName$2Y = 'comp-toast-manager';
+var rootClassName$2Z = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _useState = React$1.useState([]),
@@ -43887,17 +43909,17 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = React$1.useMemo(function () {
-    return getMergedClassNames([rootClassName$2Y + "-toasts", rootClassName$2Y + "-" + verticalPosition, rootClassName$2Y + "-" + horizontalPosition, reverse ? rootClassName$2Y + "-reverse" : '', animateSize ? rootClassName$2Y + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2Z + "-toasts", rootClassName$2Z + "-" + verticalPosition, rootClassName$2Z + "-" + horizontalPosition, reverse ? rootClassName$2Z + "-reverse" : '', animateSize ? rootClassName$2Z + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   React$1.useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2Y + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2Z + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (verticalPosition === 'top' && !reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$2Y + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2Z + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -43905,7 +43927,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$2Y + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2Z + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -43913,7 +43935,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'bottom' && !reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$2Y + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2Z + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -43922,7 +43944,7 @@ function useToastManager(props) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$2Y + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2Z + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -43935,11 +43957,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2Y + "-toast",
+      classNames: rootClassName$2Z + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React$1__default.createElement("div", {
-      className: rootClassName$2Y + "-toastzin"
+      className: rootClassName$2Z + "-toastzin"
     }, React$1__default.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -44113,10 +44135,10 @@ function FormattedText(text) {
   }));
 }
 
-var rootClassName$2Z = 'icon-component';
+var rootClassName$2_ = 'icon-component';
 var DecreaseIcon = function DecreaseIcon() {
   return React$1__default.createElement("svg", {
-    className: rootClassName$2Z,
+    className: rootClassName$2_,
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
@@ -44127,7 +44149,7 @@ var DecreaseIcon = function DecreaseIcon() {
   }));
 };
 
-var rootClassName$2_ = 'component-table-left-checkbox-with-label';
+var rootClassName$2$ = 'component-table-left-checkbox-with-label';
 var LeftControlWithLabel = function LeftControlWithLabel(props) {
   var _props$spanProps2;
   var style = React$1.useMemo(function () {
@@ -44144,13 +44166,13 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
     return style;
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2_, props.w100 ? 'w-100' : ''])
+    className: getMergedClassNames([rootClassName$2$, props.w100 ? 'w-100' : ''])
   }, React$1__default.createElement("span", {
-    className: rootClassName$2_ + "-checkbox-wrapper",
+    className: rootClassName$2$ + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
     "tooltip-text": props['tooltip-text']
   }, props.type === 'addRemove' ? React$1__default.createElement(IconButton$1, {
-    className: getMergedClassNames([rootClassName$2_ + "-add-remove-button", props.value ? rootClassName$2_ + "-danger" : '']),
+    className: getMergedClassNames([rootClassName$2$ + "-add-remove-button", props.value ? rootClassName$2$ + "-danger" : '']),
     icon: props.value ? React$1__default.createElement(DecreaseIcon, null) : React$1__default.createElement(AddIcon, null),
     disabled: props.disabled,
     onClick: function onClick(evt) {
@@ -44164,7 +44186,7 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
     onChange: props.onChange,
     theme: props.theme
   })), React$1__default.createElement("span", Object.assign({}, props.spanProps || {}, {
-    className: getMergedClassNames([rootClassName$2_ + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
+    className: getMergedClassNames([rootClassName$2$ + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
     style: style,
     onClick: function onClick(evt) {
       if (props.anchorLabelToCheckbox) {
@@ -44353,6 +44375,7 @@ exports.AddAssemblyIcon = AddAssemblyIcon;
 exports.AddCircleIcon = AddIcon;
 exports.AddIcon = AddIcon;
 exports.AgencyIcon = AgencyIcon;
+exports.AlertIcon = AlertIcon;
 exports.AlertModal = AlertModal;
 exports.AlignCenterIcon = AlignCenterIcon;
 exports.AlignJustifyIcon = AlignJustifyIcon;