plataforma-fundacao-componentes 2.23.29 → 2.23.31

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useEffect, memo, useCallback, useLayoutEffect, useRef, Fragment as Fragment$1, forwardRef, useImperativeHandle, createRef } from 'react';
+import React, { useMemo, useState, useEffect, memo, useCallback, useLayoutEffect, useRef, cloneElement, Fragment as Fragment$1, forwardRef, useImperativeHandle, createRef } from 'react';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import moment from 'moment';
 import DOMPurify from 'dompurify';
@@ -8193,12 +8193,52 @@ Col.defaultProps = {
 };
 var Col$1 = memo(Col);
 
-var rootClassName$23 = 'component-container';
+var rootClassName$23 = 'component-control-label';
+
+function ControlLabel(props) {
+  var ref = useRef();
+
+  var getProps = function getProps() {
+    var p = _extends({}, props);
+
+    delete p.control;
+    delete p.value;
+    delete p.label;
+    delete p.labelPosition;
+    delete p.labelGap;
+    return p;
+  };
+
+  var disabled = props.disabled;
+  var controlProps = {
+    disabled: disabled
+  };
+  ['checked', 'onChange', 'value', 'onClick'].forEach(function (key) {
+    var _props$control;
+
+    if (typeof ((_props$control = props.control) === null || _props$control === void 0 ? void 0 : _props$control.props[key]) === 'undefined' && typeof props[key] !== 'undefined') {
+      controlProps[key] = props[key];
+    }
+  });
+  return React.createElement("label", Object.assign({
+    className: getMergedClassNames([rootClassName$23, props.labelPosition ? props.labelPosition : '', controlProps.disabled ? 'disabled' : '']),
+    ref: ref,
+    style: props.labelGap ? {
+      gap: props.labelGap + "px"
+    } : {}
+  }, getProps()), cloneElement(props.control, controlProps), React.createElement("span", {
+    className: 'nunito'
+  }, props.label));
+}
+
+var ControlLabel$1 = memo(ControlLabel);
+
+var rootClassName$24 = 'component-container';
 
 function Container(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$23, 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$24, 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
       })
@@ -8214,7 +8254,7 @@ function Container(props) {
   };
 
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$23 + "-insider"
+    className: rootClassName$24 + "-insider"
   }, props.children));
 }
 
@@ -8278,7 +8318,7 @@ function getDaysInMonth(mesOuData, _ano) {
   return arr;
 }
 
-var rootClassName$24 = 'component-date-picker-calendar';
+var rootClassName$25 = 'component-date-picker-calendar';
 
 function DatePickerCalendar(props) {
   var _useState = useState(new Date()),
@@ -8311,14 +8351,14 @@ function DatePickerCalendar(props) {
       setMonthPage = _useState4[1];
 
   return React.createElement("div", {
-    className: rootClassName$24
+    className: rootClassName$25
   }, React.createElement(CSSTransition, {
     "in": monthPage,
-    classNames: rootClassName$24 + "-month-picker",
+    classNames: rootClassName$25 + "-month-picker",
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$24 + "-month-picker"
+    className: rootClassName$25 + "-month-picker"
   }, React.createElement("div", {
     className: 'header'
   }, React.createElement("button", {
@@ -8335,7 +8375,7 @@ function DatePickerCalendar(props) {
       setYear(year + 1);
     }
   }, React.createElement(ChevronArrowRightIcon, null))), React.createElement("div", {
-    className: rootClassName$24 + "-months"
+    className: rootClassName$25 + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
     return React.createElement("button", {
       key: index,
@@ -8343,14 +8383,14 @@ function DatePickerCalendar(props) {
         setMonth(index);
         setMonthPage(false);
       },
-      className: getMergedClassNames([rootClassName$24 + "-month", index === month ? 'selected' : ''])
+      className: getMergedClassNames([rootClassName$25 + "-month", index === month ? 'selected' : ''])
     }, mes);
   })))), React.createElement(CSSTransition, {
     "in": !monthPage,
     timeout: 300,
-    classNames: rootClassName$24 + "-bottom-page"
+    classNames: rootClassName$25 + "-bottom-page"
   }, React.createElement("div", {
-    className: rootClassName$24 + "-first-page"
+    className: rootClassName$25 + "-first-page"
   }, React.createElement("div", {
     className: 'header'
   }, React.createElement("button", {
@@ -8405,7 +8445,7 @@ function DatePickerCalendar(props) {
 
 var DatePickerCalendar$1 = memo(DatePickerCalendar);
 
-var rootClassName$25 = 'component-date-picker';
+var rootClassName$26 = 'component-date-picker';
 
 function DatePicker(props) {
   var _useState = useState(getUniqueKey()),
@@ -8418,13 +8458,13 @@ function DatePicker(props) {
   useEffect(function () {
     var func = function func(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + "." + rootClassName$25 + "-panel." + rootClassName$25 + "-panel-enter-done") && !evt.path.includes(document.querySelector("#" + id))) setOpened(false);
+        if (document.querySelector("#" + id + "." + rootClassName$26 + "-panel." + rootClassName$26 + "-panel-enter-done") && !evt.path.includes(document.querySelector("#" + id))) setOpened(false);
       } else {
         var aux = evt.target;
         var deveFechar = true;
 
         while (aux && aux.id !== 'root') {
-          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$25 + "-panel")) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$26 + "-panel")) {
             deveFechar = false;
             break;
           }
@@ -8475,7 +8515,7 @@ function DatePicker(props) {
 
     var position = function position() {
       var element = document.querySelector(props.queryToAppend);
-      var panel = document.querySelector("#" + id + "." + rootClassName$25 + "-panel");
+      var panel = document.querySelector("#" + id + "." + rootClassName$26 + "-panel");
       if (!element || !panel) return;
       var elementBound = element.getBoundingClientRect();
       var windowHeight = parseFloat(String(window.innerHeight));
@@ -8529,10 +8569,10 @@ function DatePicker(props) {
     vd();
   }, [props.initialValue]);
   return React.createElement("div", {
-    className: rootClassName$25
+    className: rootClassName$26
   }, props.initialValue ? React.createElement(IconButton$1, {
     disabled: props.disabled,
-    className: rootClassName$25 + "-clear-button",
+    className: rootClassName$26 + "-clear-button",
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onChange === 'function') {
@@ -8547,11 +8587,11 @@ function DatePicker(props) {
   }), React.createElement(CSSTransition, {
     "in": opened,
     timeout: 300,
-    classNames: rootClassName$25 + "-panel",
+    classNames: rootClassName$26 + "-panel",
     unmountOnExit: true
   }, React.createElement("div", {
     id: id,
-    className: rootClassName$25 + "-panel"
+    className: rootClassName$26 + "-panel"
   }, React.createElement(DatePickerCalendar$1, {
     language: props.language,
     value: value,
@@ -8581,7 +8621,7 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = memo(DatePicker);
 
-var rootClassName$26 = 'component-doughnut';
+var rootClassName$27 = 'component-doughnut';
 
 function Doughnut(props) {
   var _useProgressiveCount = useProgressiveCount(0),
@@ -8596,9 +8636,9 @@ function Doughnut(props) {
     setVal(parseInt(String(props.value)));
   }, [props.value]);
   return React.createElement("div", {
-    className: rootClassName$26
+    className: rootClassName$27
   }, React.createElement("div", {
-    className: getMergedClassNames([rootClassName$26 + "-chart", props.red ? 'red' : ''])
+    className: getMergedClassNames([rootClassName$27 + "-chart", props.red ? 'red' : ''])
   }, React.createElement("svg", {
     viewBox: '0 0 100 100'
   }, React.createElement("circle", {
@@ -8611,7 +8651,7 @@ function Doughnut(props) {
     r: '42',
     strokeDashoffset: getStrokeDashOffset(val)
   }))), props.showLabel ? React.createElement("div", {
-    className: rootClassName$26 + "-label nunito"
+    className: rootClassName$27 + "-label nunito"
   }, val + "%") : undefined);
 }
 
@@ -8620,11 +8660,11 @@ Doughnut.defaultProps = {
 };
 var Doughnut$1 = memo(Doughnut);
 
-var rootClassName$27 = 'component-dropdown-item';
+var rootClassName$28 = 'component-dropdown-item';
 
 function DropdownItem(props) {
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$27, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$28, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
   }, [props.alignRight, props.loading]);
   return React.createElement("button", {
     id: props.id,
@@ -8637,26 +8677,26 @@ function DropdownItem(props) {
       }
     }
   }, React.createElement("div", {
-    className: rootClassName$27 + "-content"
+    className: rootClassName$28 + "-content"
   }, React.createElement(CSSTransition, {
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true,
-    classNames: rootClassName$27 + "-fade"
+    classNames: rootClassName$28 + "-fade"
   }, React.createElement("div", {
-    className: rootClassName$27 + "-loader"
+    className: rootClassName$28 + "-loader"
   }, React.createElement(PercentLoaderIcon, {
     indefinido: true
   }))), props.icon ? React.createElement("div", {
-    className: rootClassName$27 + "-icon"
+    className: rootClassName$28 + "-icon"
   }, props.icon) : undefined, React.createElement("div", {
-    className: rootClassName$27 + "-label"
+    className: rootClassName$28 + "-label"
   }, props.label)));
 }
 
 var DropdownItem$1 = memo(DropdownItem);
 
-var rootClassName$28 = 'component-dropdown-menu';
+var rootClassName$29 = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = useMemo(function () {
     return props.id ? props.id : getUniqueKey();
@@ -8677,9 +8717,9 @@ function DropdownMenu(props) {
     }
 
     var position = function position() {
-      var painel = document.querySelector("#" + id + " ." + rootClassName$28 + "-panel");
+      var painel = document.querySelector("#" + id + " ." + rootClassName$29 + "-panel");
       if (!painel) return;
-      var trigger = document.querySelector("#" + id + " ." + rootClassName$28 + "-children > *");
+      var trigger = document.querySelector("#" + id + " ." + rootClassName$29 + "-children > *");
       var bound = trigger.getBoundingClientRect();
       var pontoCentralX = bound.x + bound.width / 2;
       var pontoCentralY = bound.y + bound.height / 2;
@@ -8723,13 +8763,13 @@ function DropdownMenu(props) {
   useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$28 + "-panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$29 + "-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$28)) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$29)) {
             deveFechar = false;
             break;
           }
@@ -8774,7 +8814,7 @@ function DropdownMenu(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$28, props.className || ''])
+      className: getMergedClassNames([rootClassName$29, props.className || ''])
     });
 
     delete p.opened;
@@ -8786,14 +8826,14 @@ function DropdownMenu(props) {
   };
 
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$28 + "-children"
+    className: rootClassName$29 + "-children"
   }, props.children), React.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
-    classNames: rootClassName$28 + "-panel-fade",
+    classNames: rootClassName$29 + "-panel-fade",
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$28 + "-panel scroll-white"
+    className: rootClassName$29 + "-panel scroll-white"
   }, props.content)));
 }
 DropdownMenu.defaultProps = {
@@ -8801,7 +8841,7 @@ DropdownMenu.defaultProps = {
   closeOnEsc: true
 };
 
-var rootClassName$29 = 'floating-panel';
+var rootClassName$2a = 'floating-panel';
 
 function FloatingPanel(props) {
   var id = useMemo(getUniqueKey, []);
@@ -8825,7 +8865,7 @@ function FloatingPanel(props) {
     var wrapper = document.getElementById(id);
     if (!wrapper) return;
     var computedStyle = wrapper.getBoundingClientRect();
-    var panel = document.querySelector("#" + id + " ." + rootClassName$29);
+    var panel = document.querySelector("#" + id + " ." + rootClassName$2a);
     if (!panel) return;
     panel.style.top = computedStyle.top + computedStyle.height + "px";
     panel.style.left = computedStyle.left + "px";
@@ -8834,7 +8874,7 @@ function FloatingPanel(props) {
     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$29);
+    var panel = document.querySelector("#" + id + " ." + rootClassName$2a);
     if (!panel || !anchor) return;
     var computedStyle = window.getComputedStyle(anchor);
     panel.style.width = computedStyle.width;
@@ -8886,17 +8926,17 @@ function FloatingPanel(props) {
   }, [props.opened]);
   return React.createElement("div", {
     id: id,
-    className: rootClassName$29 + "-wrapper",
+    className: rootClassName$2a + "-wrapper",
     style: {
       bottom: props.bottom
     }
   }, React.createElement(CSSTransition, {
     "in": props.opened,
-    classNames: rootClassName$29,
+    classNames: rootClassName$2a,
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: useMergedClassNames([rootClassName$29, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
+    className: useMergedClassNames([rootClassName$2a, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
   }, props.children)));
 }
 
@@ -8906,7 +8946,7 @@ FloatingPanel.defaultProps = {
 };
 var FloatingPanel$1 = memo(FloatingPanel);
 
-var rootClassName$2a = 'dropdown-selector';
+var rootClassName$2b = 'dropdown-selector';
 
 function DropdownSelector(props) {
   var _useState = useState(false),
@@ -8935,26 +8975,26 @@ function DropdownSelector(props) {
     }));
   }, [props]);
   return React.createElement("div", {
-    className: useMergedClassNames([rootClassName$2a + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$2b + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
   }, React.createElement("button", {
-    className: useMergedClassNames([rootClassName$2a, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
+    className: useMergedClassNames([rootClassName$2b, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
     onClick: function onClick() {
       setOpened(!opened);
     }
   }, React.createElement("div", {
-    className: rootClassName$2a + "-label nunito"
+    className: rootClassName$2b + "-label nunito"
   }, label), React.createElement("div", {
-    className: useMergedClassNames([rootClassName$2a + "-icon", opened ? 'opened' : ''])
+    className: useMergedClassNames([rootClassName$2b + "-icon", opened ? 'opened' : ''])
   }, React.createElement(ChevronArrowDownIcon, null))), React.createElement(FloatingPanel$1, {
     opened: opened,
     setOpened: setOpened,
-    className: rootClassName$2a + "-menu"
+    className: rootClassName$2b + "-menu"
   }, options));
 }
 
 var DropdownSelector$1 = memo(DropdownSelector);
 
-var rootClassName$2b = 'component-editable-video-item';
+var rootClassName$2c = 'component-editable-video-item';
 
 function EditableVideoItem(props) {
   var _props$titleProps2, _props$titleProps3, _props$urlProps2, _props$urlProps3;
@@ -9001,14 +9041,14 @@ function EditableVideoItem(props) {
     setErrorUrl(editable && typeof finded === 'function' ? finded(url) : null);
   }, [url, editable, props.urlProps]);
   return React.createElement("div", {
-    className: rootClassName$2b
+    className: rootClassName$2c
   }, React.createElement("div", {
-    className: rootClassName$2b + "-play-icon"
+    className: rootClassName$2c + "-play-icon"
   }, React.createElement(PlayIcon, null)), React.createElement("div", {
-    className: rootClassName$2b + "-content"
+    className: rootClassName$2c + "-content"
   }, React.createElement("div", null, React.createElement("input", {
     title: title,
-    className: getMergedClassNames([rootClassName$2b + "-input", errorTitle !== null && errorTitle !== void 0 && errorTitle.error ? 'error' : '', editable ? 'editable' : '']),
+    className: getMergedClassNames([rootClassName$2c + "-input", errorTitle !== null && errorTitle !== void 0 && errorTitle.error ? 'error' : '', editable ? 'editable' : '']),
     type: 'text',
     value: title,
     disabled: loading,
@@ -9021,9 +9061,9 @@ function EditableVideoItem(props) {
   }), React.createElement(Collapse$1, {
     opened: editable
   }, React.createElement("span", {
-    className: rootClassName$2b + "-input-error"
+    className: rootClassName$2c + "-input-error"
   }, errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.helperText))), React.createElement("div", null, React.createElement("input", {
-    className: getMergedClassNames([rootClassName$2b + "-input", errorUrl !== null && errorUrl !== void 0 && errorUrl.error ? 'error' : '', editable ? 'editable' : '']),
+    className: getMergedClassNames([rootClassName$2c + "-input", errorUrl !== null && errorUrl !== void 0 && errorUrl.error ? 'error' : '', editable ? 'editable' : '']),
     title: url,
     type: 'text',
     value: url,
@@ -9037,9 +9077,9 @@ function EditableVideoItem(props) {
   }), React.createElement(Collapse$1, {
     opened: editable
   }, React.createElement("span", {
-    className: rootClassName$2b + "-input-error"
+    className: rootClassName$2c + "-input-error"
   }, errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.helperText)))), React.createElement("div", {
-    className: rootClassName$2b + "-actions"
+    className: rootClassName$2c + "-actions"
   }, loading ? React.createElement(RefreshIcon, null) : editable ? React.createElement(IconButton$1, {
     icon: React.createElement(CheckIcon, null),
     disabled: (errorUrl === null || errorUrl === void 0 ? void 0 : errorUrl.error) || (errorTitle === null || errorTitle === void 0 ? void 0 : errorTitle.error),
@@ -9051,7 +9091,7 @@ function EditableVideoItem(props) {
       });
     }
   }) : React.createElement("div", {
-    className: rootClassName$2b + "-actions-inside"
+    className: rootClassName$2c + "-actions-inside"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(EditIcon, null),
     onClick: function onClick() {
@@ -9072,7 +9112,7 @@ function EditableVideoItem(props) {
 
 var EditableVideoItem$1 = memo(EditableVideoItem);
 
-var rootClassName$2c = 'component-etapas';
+var rootClassName$2d = 'component-etapas';
 
 function Etapas(props) {
   var _useState = useState(props.id || getUniqueKey()),
@@ -9128,17 +9168,17 @@ function Etapas(props) {
   }, []);
   useEffect(function () {
     var larguras = [];
-    document.querySelectorAll("#" + id + " ." + rootClassName$2c + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$2d + "-etapa").forEach(function (etapa) {
       larguras.push(parseInt(window.getComputedStyle(etapa).width));
     });
     var maior = Math.max.apply(Math, larguras);
-    document.querySelectorAll("#" + id + " ." + rootClassName$2c + "-etapa").forEach(function (etapa) {
+    document.querySelectorAll("#" + id + " ." + rootClassName$2d + "-etapa").forEach(function (etapa) {
       etapa.style.width = maior + "px";
     });
   });
   useEffect(function () {
     var outerComponent = document.querySelector("#" + id);
-    var atual = document.querySelector("#" + id + " ." + rootClassName$2c + "-etapa.atual");
+    var atual = document.querySelector("#" + id + " ." + rootClassName$2d + "-etapa.atual");
 
     if (props.scrollOnChange && outerComponent && atual) {
       atual.scrollIntoView({
@@ -9149,13 +9189,13 @@ function Etapas(props) {
     }
   }, [props.atual]);
   return React.createElement("div", {
-    className: rootClassName$2c,
+    className: rootClassName$2d,
     id: id
   }, React.createElement("div", {
-    className: rootClassName$2c + "-etapas"
+    className: rootClassName$2d + "-etapas"
   }, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
     var p = _extends({}, etapa, {
-      className: getMergedClassNames([rootClassName$2c + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
+      className: getMergedClassNames([rootClassName$2d + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
     });
 
     delete p.disabled;
@@ -9172,18 +9212,18 @@ function Etapas(props) {
       }
     }), React.createElement("div", {
       id: etapa.id || undefined,
-      className: getMergedClassNames([rootClassName$2c + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
+      className: getMergedClassNames([rootClassName$2d + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
     }, etapa.icon), React.createElement("div", {
-      className: getMergedClassNames([rootClassName$2c + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
+      className: getMergedClassNames([rootClassName$2d + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
     }, React.createElement(CSSTransition, {
       "in": etapa.error,
       timeout: 300,
-      classNames: rootClassName$2c + "-appear",
+      classNames: rootClassName$2d + "-appear",
       unmountOnExit: true
     }, React.createElement(ExclamationIcon, null)), React.createElement(CSSTransition, {
       "in": etapa.completed,
       timeout: 300,
-      classNames: rootClassName$2c + "-appear",
+      classNames: rootClassName$2d + "-appear",
       unmountOnExit: true
     }, React.createElement(CheckCircleIcon, null)), etapa.name));
   }) : undefined));
@@ -9214,25 +9254,25 @@ var EtiquetasStyle;
   EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
 })(EtiquetasStyle || (EtiquetasStyle = {}));
 
-var rootClassName$2d = 'component-etiqueta';
+var rootClassName$2e = 'component-etiqueta';
 function Etiqueta(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2d, props.theme, props.fitContent ? 'fit-content' : undefined])
+    className: getMergedClassNames([rootClassName$2e, props.theme, props.fitContent ? 'fit-content' : undefined])
   }, props.icon ? React.createElement("div", {
-    className: rootClassName$2d + "-icon"
+    className: rootClassName$2e + "-icon"
   }, props.icon) : undefined, React.createElement("div", {
-    className: rootClassName$2d + "-text"
+    className: rootClassName$2e + "-text"
   }, props.label));
 }
 Etiqueta.defaultProps = {
   theme: EtiquetasStyle.Programas
 };
 
-var rootClassName$2e = 'component-file-loader';
+var rootClassName$2f = 'component-file-loader';
 function FileLoader(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([props.className || '', rootClassName$2e])
+      className: getMergedClassNames([props.className || '', rootClassName$2f])
     });
 
     delete p.percent;
@@ -9256,24 +9296,24 @@ function FileLoader(props) {
   };
 
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$2e + "-percent-line"
+    className: rootClassName$2f + "-percent-line"
   }, languageValues.components.fileLoader.carregando + ":", ' ', React.createElement("span", {
-    className: rootClassName$2e + "-downloaded-percent"
+    className: rootClassName$2f + "-downloaded-percent"
   }, getPercent(), "%")), React.createElement("div", {
-    className: rootClassName$2e + "-loader-bar"
+    className: rootClassName$2f + "-loader-bar"
   }, React.createElement("div", {
-    className: rootClassName$2e + "-loader-progress",
+    className: rootClassName$2f + "-loader-progress",
     style: {
       width: getPercent() + "%"
     }
   })), props.totalSize && React.createElement("div", {
-    className: rootClassName$2e + "-progress-info"
+    className: rootClassName$2f + "-progress-info"
   }, React.createElement("div", {
-    className: rootClassName$2e + "-downloaded-size"
+    className: rootClassName$2f + "-downloaded-size"
   }, getSizeDownloaded()), React.createElement("div", {
-    className: rootClassName$2e + "-bar"
+    className: rootClassName$2f + "-bar"
   }, "/"), React.createElement("div", {
-    className: rootClassName$2e + "-total-size"
+    className: rootClassName$2f + "-total-size"
   }, props.totalSize)));
 }
 FileLoader.defaultProps = {
@@ -9281,7 +9321,7 @@ FileLoader.defaultProps = {
   percent: 0
 };
 
-var rootClassName$2f = 'component-file-upload';
+var rootClassName$2g = 'component-file-upload';
 var DRAG_ENTER_CLASS_NAME = 'drag-enter';
 var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
 function FileUpload(props) {
@@ -9289,7 +9329,7 @@ function FileUpload(props) {
       id = _useState[0];
 
   var addClass = function addClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2f + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2g + "-droppable");
 
     if (el) {
       el.classList.add(className);
@@ -9297,7 +9337,7 @@ function FileUpload(props) {
   };
 
   var removeClass = function removeClass(className) {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2f + "-droppable");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2g + "-droppable");
 
     if (el) {
       el.classList.remove(className);
@@ -9348,15 +9388,15 @@ function FileUpload(props) {
   };
 
   return React.createElement("div", {
-    className: rootClassName$2f + "-outer"
+    className: rootClassName$2g + "-outer"
   }, !props.hideTopLabel && React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2f + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
+    className: getMergedClassNames([rootClassName$2g + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
   }, props.topLabel), React.createElement("div", {
     id: id,
-    className: getMergedClassNames([rootClassName$2f, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2g, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, React.createElement("div", {
     onClick: handleClick,
-    className: getMergedClassNames([rootClassName$2f + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
+    className: getMergedClassNames([rootClassName$2g + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
     onDragEnter: function onDragEnter(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -9382,11 +9422,11 @@ function FileUpload(props) {
       addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
     }
   }), React.createElement("div", {
-    className: rootClassName$2f + "-row"
+    className: rootClassName$2g + "-row"
   }, React.createElement("div", {
-    className: rootClassName$2f + "-upload-icon"
+    className: rootClassName$2g + "-upload-icon"
   }, React.createElement(CloudUploadIcon, null)), React.createElement("div", {
-    className: rootClassName$2f + "-label"
+    className: rootClassName$2g + "-label"
   }, props.label)), React.createElement("input", Object.assign({
     type: 'file',
     accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
@@ -9412,7 +9452,7 @@ function FileUpload(props) {
     multiple: props.multiple,
     disabled: props.disabled
   }))), !props.hideHelperText && React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2f + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2g + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 FileUpload.defaultProps = {
@@ -9426,12 +9466,12 @@ FileUpload.defaultProps = {
   error: false
 };
 
-var rootClassName$2g = 'component-row';
+var rootClassName$2h = 'component-row';
 
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2g, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
+      className: getMergedClassNames([rootClassName$2h, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
     });
 
     delete p.centralized;
@@ -9447,7 +9487,7 @@ Row.defaultProps = {
 };
 var Row$1 = memo(Row);
 
-var rootClassName$2h = 'footer-sicredi';
+var rootClassName$2i = 'footer-sicredi';
 
 function FooterSicredi(props) {
   var colSize = [12, 12, 3, 3, 3];
@@ -9469,136 +9509,136 @@ function FooterSicredi(props) {
     }
   }, [props.theme]);
   return React.createElement("footer", {
-    className: getMergedClassNames([rootClassName$2h, props.theme])
+    className: getMergedClassNames([rootClassName$2i, props.theme])
   }, React.createElement(Row$1, {
-    className: rootClassName$2h + "-section",
+    className: rootClassName$2i + "-section",
     style: {
       maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
     }
   }, React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$2h + "-cell"
+    className: rootClassName$2i + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "WhatsApp Corporativo"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "Todas as regi\xF5es"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "51 3358 4770")), React.createElement("div", {
-    className: rootClassName$2h + "-asterisco nunito"
+    className: rootClassName$2i + "-asterisco nunito"
   }, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-qr-code"
+    className: rootClassName$2i + "-qr-code"
   }, React.createElement("a", {
     href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, React.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$2h + "-cell"
+    className: rootClassName$2i + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "Servi\xE7os por telefone"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "Capitais e regi\xF5es metropolitanas"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:+555130034770'
   }, "3003 4770")), React.createElement("div", {
-    className: rootClassName$2h + "-asterisco nunito"
+    className: rootClassName$2i + "-asterisco nunito"
   }, "* Custo de uma liga\xE7\xE3o local"), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "Demais regi\xF5es"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007244770'
   }, "0800 724 4770")), React.createElement("div", {
-    className: rootClassName$2h + "-asterisco nunito"
+    className: rootClassName$2i + "-asterisco nunito"
   }, "* Sem custo")), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$2h + "-cell"
+    className: rootClassName$2i + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "SAC"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007247220'
   }, "0800 724 7220")), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "Ouvidoria"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "Reclama\xE7\xF5es e den\xFAncias"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08006462519'
   }, "0800 646 2519"))), React.createElement(Col$1, {
     cols: colSize,
-    className: rootClassName$2h + "-cell"
+    className: rootClassName$2i + "-cell"
   }, React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "Chamadas internacionais"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "(a cobrar)"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:+555133784472'
   }, "+55 51 3378 4472")), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-space"
+    className: rootClassName$2i + "-space"
   }), React.createElement("div", {
-    className: rootClassName$2h + "-title"
+    className: rootClassName$2i + "-title"
   }, "Atendimento \xE0 pessoas com defici\xEAncia"), React.createElement("div", {
-    className: rootClassName$2h + "-subtitle nunito"
+    className: rootClassName$2i + "-subtitle nunito"
   }, "Auditivos ou de fala"), React.createElement("div", {
-    className: rootClassName$2h + "-number"
+    className: rootClassName$2i + "-number"
   }, React.createElement(AnimatedLink$1, {
     href: 'tel:08007240525'
   }, "0800 724 0525")))), props.midiasSociais ? React.createElement(Row$1, {
-    className: rootClassName$2h + "-section",
+    className: rootClassName$2i + "-section",
     style: {
       maxWidth: props.maxWidth + "px"
     }
   }, React.createElement(Row$1, null, React.createElement(AnimatedLink$1, {
-    className: rootClassName$2h + "-social-media nunito",
+    className: rootClassName$2i + "-social-media nunito",
     href: 'https://www.youtube.com/user/sicredioficial',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "youtube"), React.createElement(AnimatedLink$1, {
-    className: rootClassName$2h + "-social-media nunito",
+    className: rootClassName$2i + "-social-media nunito",
     href: 'https://twitter.com/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "twitter"), React.createElement(AnimatedLink$1, {
-    className: rootClassName$2h + "-social-media nunito",
+    className: rootClassName$2i + "-social-media nunito",
     href: 'https://www.linkedin.com/company/sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "linkedin"), React.createElement(AnimatedLink$1, {
-    className: rootClassName$2h + "-social-media nunito",
+    className: rootClassName$2i + "-social-media nunito",
     href: 'https://www.instagram.com/sicredi/',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "instagram"), React.createElement(AnimatedLink$1, {
-    className: rootClassName$2h + "-social-media nunito",
+    className: rootClassName$2i + "-social-media nunito",
     href: 'https://www.facebook.com/Sicredi',
     target: '_blank',
     rel: 'noopener noreferrer'
   }, "facebook")), React.createElement(Row$1, {
-    className: rootClassName$2h + "-endereco"
+    className: rootClassName$2i + "-endereco"
   }, React.createElement(Row$1, {
     className: 'nunito'
   }, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React.createElement(Row$1, {
@@ -9612,17 +9652,17 @@ function FooterSicredi(props) {
 
 var FooterSicredi$1 = memo(FooterSicredi);
 
-var rootClassName$2i = 'full-height-container';
+var rootClassName$2j = 'full-height-container';
 
 function FullHeightContainer(props) {
   return React.createElement("div", {
-    className: rootClassName$2i
+    className: rootClassName$2j
   }, React.createElement("div", {
-    className: rootClassName$2i + "-row-header"
+    className: rootClassName$2j + "-row-header"
   }, props.header), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2i + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
+    className: getMergedClassNames([rootClassName$2j + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
   }, props.children), props.fixedFooter ? React.createElement("div", {
-    className: rootClassName$2i + "-row-footer"
+    className: rootClassName$2j + "-row-footer"
   }, props.fixedFooter) : undefined);
 }
 
@@ -9635,10 +9675,10 @@ var FullHeightContainer$1 = memo(FullHeightContainer);
 var HEADER_SEPARATOR_PRIMARY = 'primary';
 var HEADER_SEPARATOR_SECONDARY = 'secondary';
 
-var rootClassName$2j = 'component-header-separator';
+var rootClassName$2k = 'component-header-separator';
 function HeaderSeparator(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2j, rootClassName$2j + "-" + props.theme])
+    className: getMergedClassNames([rootClassName$2k, rootClassName$2k + "-" + props.theme])
   });
 }
 HeaderSeparator.defaultProps = {
@@ -9654,7 +9694,7 @@ var HeaderType;
   HeaderType["Assembleia"] = "assembleia";
 })(HeaderType || (HeaderType = {}));
 
-var rootClassName$2k = 'component-header';
+var rootClassName$2l = 'component-header';
 
 function Header(props) {
   var _props$blackBar;
@@ -9668,33 +9708,33 @@ function Header(props) {
   var getProps = function getProps() {
     var p = {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$2k, props.className, rootClassName$2k + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
+      className: getMergedClassNames([rootClassName$2l, props.className, rootClassName$2l + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
     };
     return p;
   };
 
-  var clearfixClassNames = getMergedClassNames([rootClassName$2k + "-clearfix", rootClassName$2k + "-" + props.theme]);
+  var clearfixClassNames = getMergedClassNames([rootClassName$2l + "-clearfix", rootClassName$2l + "-" + props.theme]);
   return React.createElement(React.Fragment, null, React.createElement("header", Object.assign({}, getProps(), {
     style: {
       position: props.position
     }
   }), props.blackBar && props.blackBar.show ? React.createElement("div", {
-    className: rootClassName$2k + "-black-bar"
+    className: rootClassName$2l + "-black-bar"
   }, React.createElement("a", {
     href: props.blackBar.link,
     target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
   }, props.blackBar.icon, React.createElement("span", {
     className: 'nunito'
   }, props.blackBar.label))) : undefined, React.createElement("div", {
-    className: rootClassName$2k + "-header-item"
+    className: rootClassName$2l + "-header-item"
   }, props.leftContent, props.separator && props.separator.show ? React.createElement("div", {
-    className: rootClassName$2k + "-separator-logo"
+    className: rootClassName$2l + "-separator-logo"
   }, props.separator.label) : undefined), React.createElement("div", {
-    className: rootClassName$2k + "-header-item"
+    className: rootClassName$2l + "-header-item"
   }, props.centerContent), React.createElement("div", {
-    className: rootClassName$2k + "-header-item"
+    className: rootClassName$2l + "-header-item"
   }, props.rightContent)), props.theme === HeaderType.Semi && React.createElement("div", {
-    className: rootClassName$2k + "-semi-clear"
+    className: rootClassName$2l + "-semi-clear"
   }), props.clearfix && React.createElement("div", {
     className: clearfixClassNames
   }));
@@ -9707,44 +9747,44 @@ Header.defaultProps = {
 };
 var Header$1 = memo(Header);
 
-var rootClassName$2l = 'component-header-search-field';
+var rootClassName$2m = 'component-header-search-field';
 function HeaderSearchField(props) {
   var inputProps = _extends({}, props.inputProps);
 
   delete inputProps.rightObject;
   delete inputProps.loading;
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l
+    className: rootClassName$2m
   }, /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2l + "-inline-input", props.loading ? 'loading' : '', props.disabled || props.inputProps && props.inputProps.disabled ? 'disabled' : ''])
+    className: getMergedClassNames([rootClassName$2m + "-inline-input", props.loading ? 'loading' : '', props.disabled || props.inputProps && props.inputProps.disabled ? 'disabled' : ''])
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-container-input"
+    className: rootClassName$2m + "-container-input"
   }, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     disabled: props.disabled || props.inputProps && props.inputProps.disabled,
-    className: getMergedClassNames([rootClassName$2l + "-input", "panel-" + (props.panelOpened ? 'opened' : 'closed'), props.inputProps && props.inputProps.className ? props.inputProps.className : '', props.loading ? 'loading' : ''])
+    className: getMergedClassNames([rootClassName$2m + "-input", "panel-" + (props.panelOpened ? 'opened' : 'closed'), props.inputProps && props.inputProps.className ? props.inputProps.className : '', props.loading ? 'loading' : ''])
   }))), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-focus-border"
+    className: rootClassName$2m + "-focus-border"
   }), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-loading-border"
+    className: rootClassName$2m + "-loading-border"
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-right-icon"
+    className: rootClassName$2m + "-right-icon"
   }, /*#__PURE__*/React.createElement(IconButton$1, {
     icon: props.rightIcon,
     onClick: props.onRightObjectClick,
     disabled: props.disabled || props.inputProps && props.inputProps.disabled
   })), /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2l + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
+    className: getMergedClassNames([rootClassName$2m + "-panel", "" + (props.panelOpened ? 'opened' : 'closed')])
   }, /*#__PURE__*/React.createElement(Collapse$1, {
     opened: props.panelOpened
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-content"
+    className: rootClassName$2m + "-content"
   }, /*#__PURE__*/React.createElement(Row$1, null, "Bot\xE3o"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!"), /*#__PURE__*/React.createElement(Row$1, null, "Linhas de Resultado que ainda est\xE3o \xE0 ser priorizados!")))), /*#__PURE__*/React.createElement(CSSTransition, {
     "in": props.panelOpened,
-    classNames: rootClassName$2l + "-mask-fade",
+    classNames: rootClassName$2m + "-mask-fade",
     timeout: 300,
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2l + "-mask",
+    className: rootClassName$2m + "-mask",
     onClick: function onClick() {
       if (typeof props.onMaskClick === 'function') {
         props.onMaskClick();
@@ -9770,28 +9810,28 @@ HeaderSearchField.defaultProps = {
   onRightObjectClick: function onRightObjectClick() {}
 };
 
-var rootClassName$2m = 'icon-button-with-label';
+var rootClassName$2n = 'icon-button-with-label';
 
 function IconButtonWithLabel(props) {
   return React.createElement("div", {
-    className: rootClassName$2m
+    className: rootClassName$2n
   }, React.createElement("div", {
-    className: rootClassName$2m + "-icon"
+    className: rootClassName$2n + "-icon"
   }, props.iconButton), React.createElement("div", {
-    className: rootClassName$2m + "-label"
+    className: rootClassName$2n + "-label"
   }, props.label), React.createElement("div", {
-    className: rootClassName$2m + "-value"
+    className: rootClassName$2n + "-value"
   }, props.value));
 }
 
 IconButtonWithLabel.defaultProps = {};
 var IconButtonWithLabel$1 = memo(IconButtonWithLabel);
 
-var rootClassName$2n = 'component-information-icon';
+var rootClassName$2o = 'component-information-icon';
 function Information(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2n, props.className || ''])
+      className: getMergedClassNames([rootClassName$2o, props.className || ''])
     });
 
     delete p.icon;
@@ -9801,7 +9841,7 @@ function Information(props) {
   };
 
   return React.createElement("div", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$2n + "-icon",
+    className: rootClassName$2o + "-icon",
     "tooltip-text": props['tooltip-text'],
     "tooltip-position": props['tooltip-position']
   }, props.icon));
@@ -9810,25 +9850,25 @@ Information.defaultProps = {
   icon: React.createElement(InformationIcon, null)
 };
 
-var rootClassName$2o = 'informativo-assembleias-com-imagem';
+var rootClassName$2p = 'informativo-assembleias-com-imagem';
 
 function InformativoAssembleiasComImagem(props) {
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2o, props.reverse ? 'reverse' : '', props.filledButton ? 'wrap' : 'wrap-reverse'])
+    className: getMergedClassNames([rootClassName$2p, props.reverse ? 'reverse' : '', props.filledButton ? 'wrap' : 'wrap-reverse'])
   }, React.createElement("div", {
-    className: rootClassName$2o + "-text"
+    className: rootClassName$2p + "-text"
   }, React.createElement("div", {
-    className: rootClassName$2o + "-title"
+    className: rootClassName$2p + "-title"
   }, props.title), React.createElement("p", {
-    className: rootClassName$2o + "-sub-title nunito"
+    className: rootClassName$2p + "-sub-title nunito"
   }, props.subtitle), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2o + "-button", props.filledButton ? 'filled' : ''])
+    className: getMergedClassNames([rootClassName$2p + "-button", props.filledButton ? 'filled' : ''])
   }, React.createElement(Button$1, {
     theme: props.filledButton ? ButtonThemes.Primary : ButtonThemes.DefaultPrimary,
     onClick: props.onButtonClick,
     rightIcon: props.filledButton ? undefined : React.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React.createElement("div", {
-    className: rootClassName$2o + "-photo",
+    className: rootClassName$2p + "-photo",
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -9840,35 +9880,35 @@ function InformativoAssembleiasComImagem(props) {
 
 var InformativoAssembleiasComImagem$1 = memo(InformativoAssembleiasComImagem);
 
-var rootClassName$2p = 'informativo-assembleias-com-video';
+var rootClassName$2q = 'informativo-assembleias-com-video';
 
 function InformativoAssembleiasComVideo(props) {
   return React.createElement("div", {
-    className: rootClassName$2p,
+    className: rootClassName$2q,
     onClick: props.onClick
   }, React.createElement("div", {
-    className: rootClassName$2p + "-first-row"
+    className: getMergedClassNames([rootClassName$2q + "-first-row", props.align ? "" + props.align : ''])
   }, React.createElement("div", {
-    className: rootClassName$2p + "-thumbnail",
+    className: rootClassName$2q + "-thumbnail",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React.createElement("div", {
-    className: rootClassName$2p + "-play-icon"
+    className: getMergedClassNames([rootClassName$2q + "-play-icon", props.align ? "" + props.align : ''])
   }, React.createElement(BigPlayIcon, null))), React.createElement("div", {
-    className: rootClassName$2p + "-saiba-mais-row"
+    className: rootClassName$2q + "-saiba-mais-row"
   }, React.createElement("div", {
-    className: rootClassName$2p + "-icon"
+    className: rootClassName$2q + "-icon"
   }, React.createElement(ChevronArrowRightIcon, null))), React.createElement("div", {
-    className: rootClassName$2p + "-title"
+    className: rootClassName$2q + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$2p + "-sub-title nunito"
+    className: rootClassName$2q + "-sub-title nunito"
   }, props.subtitle));
 }
 
 var InformativoAssembleiasComVideo$1 = memo(InformativoAssembleiasComVideo);
 
-var rootClassName$2q = 'component-input-area';
+var rootClassName$2r = 'component-input-area';
 
 function InputArea(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
@@ -9878,7 +9918,7 @@ function InputArea(props) {
     var p = _extends({}, props, {
       rows: 1,
       id: id ? id + "-input" : undefined,
-      className: getMergedClassNames(['nunito', rootClassName$2q + "-input-area", props.className || ''])
+      className: getMergedClassNames(['nunito', rootClassName$2r + "-input-area", props.className || ''])
     });
 
     delete p.loading;
@@ -9902,24 +9942,24 @@ function InputArea(props) {
   }, [props.value]);
 
   var getContainerClassNames = function getContainerClassNames() {
-    return getMergedClassNames([rootClassName$2q, props.error ? rootClassName$2q + "-error" : '', props.loading ? rootClassName$2q + "-loading" : '', props.disabled ? rootClassName$2q + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
+    return getMergedClassNames([rootClassName$2r, props.error ? rootClassName$2r + "-error" : '', props.loading ? rootClassName$2r + "-loading" : '', props.disabled ? rootClassName$2r + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
   };
 
   return React.createElement("div", {
     id: id,
     className: getContainerClassNames()
   }, !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$2q + "-label nunito"
+    className: rootClassName$2r + "-label nunito"
   }, props.label || ''), React.createElement("div", {
-    className: rootClassName$2q + "-input-container"
+    className: rootClassName$2r + "-input-container"
   }, React.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React.createElement("div", {
-    className: rootClassName$2q + "-right-object"
+    className: rootClassName$2r + "-right-object"
   }, props.rightObject)), !props.hideLabelAndHelperText && React.createElement("div", {
-    className: rootClassName$2q + "-helper-and-counter"
+    className: rootClassName$2r + "-helper-and-counter"
   }, React.createElement("div", {
-    className: rootClassName$2q + "-helper-text nunito"
+    className: rootClassName$2r + "-helper-text nunito"
   }, props.helperText || ''), props.counter && React.createElement("div", {
-    className: rootClassName$2q + "-counter"
+    className: rootClassName$2r + "-counter"
   }, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
 }
 
@@ -9936,7 +9976,7 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = memo(InputArea);
 
-var rootClassName$2r = 'component-item-dropdown-download';
+var rootClassName$2s = 'component-item-dropdown-download';
 
 function ItemDropdownDownload(props) {
   var _useState = useState(props.id ? props.id : getUniqueKey()),
@@ -9944,7 +9984,7 @@ function ItemDropdownDownload(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2r, props.className || '', props.opened ? 'opened' : 'closed']),
+      className: getMergedClassNames([rootClassName$2s, props.className || '', props.opened ? 'opened' : 'closed']),
       onClick: function onClick(event) {
         if (typeof props.onClick === 'function') {
           props.onClick(event);
@@ -9968,13 +10008,13 @@ function ItemDropdownDownload(props) {
   useEffect(function () {
     var onHandleClick = function onHandleClick(evt) {
       if (evt.path) {
-        if (document.querySelector("#" + id + " ." + rootClassName$2r + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
+        if (document.querySelector("#" + id + " ." + rootClassName$2s + "-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$2r)) {
+          if (aux && aux.id && aux.id === id && aux.classList.contains("" + rootClassName$2s)) {
             deveFechar = false;
             break;
           }
@@ -10016,23 +10056,23 @@ function ItemDropdownDownload(props) {
     };
   }, [props.opened]);
   return React.createElement("div", {
-    className: rootClassName$2r + "-outer",
+    className: rootClassName$2s + "-outer",
     id: id
   }, React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$2r + "-label"
+    className: rootClassName$2s + "-label"
   }, props.label), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2r + "-arrow", props.opened ? 'up' : 'down'])
+    className: getMergedClassNames([rootClassName$2s + "-arrow", props.opened ? 'up' : 'down'])
   }, React.createElement(ChevronArrowDownIcon, null))), React.createElement(CSSTransition, {
     "in": props.opened,
     timeout: 300,
     classNames: 'panel-fade',
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2r + "-panel"
+    className: rootClassName$2s + "-panel"
   }, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
     return React.createElement("button", {
       id: download.id || undefined,
-      className: rootClassName$2r + "-item " + (download.loading ? 'loading' : ''),
+      className: rootClassName$2s + "-item " + (download.loading ? 'loading' : ''),
       onClick: function onClick(evt) {
         if (!download.loading && typeof download.onClick === 'function') {
           download.onClick(evt);
@@ -10040,9 +10080,9 @@ function ItemDropdownDownload(props) {
       },
       key: index
     }, React.createElement("div", {
-      className: rootClassName$2r + "-item-label"
+      className: rootClassName$2s + "-item-label"
     }, download.label), React.createElement("div", {
-      className: rootClassName$2r + "-download-icon"
+      className: rootClassName$2s + "-download-icon"
     }, download.loading ? React.createElement(PercentLoaderIcon, {
       indefinido: true
     }) : React.createElement(CloudDownloadIcon, null)));
@@ -10055,7 +10095,7 @@ ItemDropdownDownload.defaultProps = {
 };
 var ItemDropdownDownload$1 = memo(ItemDropdownDownload);
 
-var rootClassName$2s = 'component-menu-item';
+var rootClassName$2t = 'component-menu-item';
 function MenuItem(props) {
   var handleClick = function handleClick() {
     if (!props.disabled) {
@@ -10066,7 +10106,7 @@ function MenuItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
       onClick: handleClick,
-      className: getMergedClassNames([rootClassName$2s, props.className, props.active ? rootClassName$2s + "-active" : ''])
+      className: getMergedClassNames([rootClassName$2t, props.className, props.active ? rootClassName$2t + "-active" : ''])
     });
 
     delete p.icon;
@@ -10081,15 +10121,15 @@ function MenuItem(props) {
   };
 
   return React.createElement(React.Fragment, null, React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$2s + "-icon"
+    className: rootClassName$2t + "-icon"
   }, props.icon), React.createElement("div", {
-    className: rootClassName$2s + "-label"
+    className: rootClassName$2t + "-label"
   }, props.label)), props.subList && props.subList.length ? React.createElement(Collapse$1, {
     opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
   }, React.createElement("div", {
-    className: rootClassName$2s + "-sub-list"
+    className: rootClassName$2t + "-sub-list"
   }, props.subList.map(function (subItem) {
-    var itemClassNames = getMergedClassNames([rootClassName$2s + "-sub-item", subItem.active ? rootClassName$2s + "-active" : '']);
+    var itemClassNames = getMergedClassNames([rootClassName$2t + "-sub-item", subItem.active ? rootClassName$2t + "-active" : '']);
     var idAndKey = subItem.id ? subItem.id : getUniqueKey();
     return React.createElement("div", {
       id: idAndKey,
@@ -10097,9 +10137,9 @@ function MenuItem(props) {
       key: idAndKey,
       onClick: subItem.onClick
     }, React.createElement("div", {
-      className: rootClassName$2s + "-sub-item-icon"
+      className: rootClassName$2t + "-sub-item-icon"
     }, subItem.icon), React.createElement("div", {
-      className: rootClassName$2s + "-sub-item-label"
+      className: rootClassName$2t + "-sub-item-label"
     }, subItem.label));
   }))) : undefined);
 }
@@ -10110,7 +10150,7 @@ MenuItem.defaultProps = {
   label: ''
 };
 
-var rootClassName$2t = 'component-menu';
+var rootClassName$2u = 'component-menu';
 var timeout;
 
 var format = function format(s) {
@@ -10161,12 +10201,12 @@ function Menu(props) {
 
   var getProps = function getProps() {
     var openedOrNot = function openedOrNot(condition) {
-      if (condition) return rootClassName$2t + "-opened";
+      if (condition) return rootClassName$2u + "-opened";
       return '';
     };
 
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2t, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2t + "-short-on-md" : '', props.openOnClick ? rootClassName$2t + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2t + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
+      className: getMergedClassNames([rootClassName$2u, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2u + "-short-on-md" : '', props.openOnClick ? rootClassName$2u + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2u + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
     });
 
     delete p.loading;
@@ -10205,14 +10245,14 @@ function Menu(props) {
     });
   }, [buscarValue, props.items]);
   return React.createElement(React.Fragment, null, React.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React.createElement(IconButton$1, {
-    className: rootClassName$2t + "-close-button",
+    className: rootClassName$2u + "-close-button",
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }), React.createElement("div", {
-    className: rootClassName$2t + "-logo"
+    className: rootClassName$2u + "-logo"
   }, props.logo), React.createElement(Collapse$1, {
     animateOpacity: true,
     opened: props.loading
@@ -10224,7 +10264,7 @@ function Menu(props) {
     animateOpacity: true,
     opened: props.buscar && !props.loading
   }, React.createElement("div", {
-    className: rootClassName$2t + "-buscar"
+    className: rootClassName$2u + "-buscar"
   }, React.createElement(Input$1, {
     disabled: props.loading || !props.buscar,
     id: 'buscar-menu',
@@ -10240,29 +10280,29 @@ function Menu(props) {
     animateOpacity: true,
     opened: itens.length > 0
   }, React.createElement("div", {
-    className: rootClassName$2t + "-items"
+    className: rootClassName$2u + "-items"
   }, itens.map(function (it, index) {
     return React.createElement("div", {
-      className: rootClassName$2t + "-it",
+      className: rootClassName$2u + "-it",
       key: index
     }, React.createElement(MenuItem, Object.assign({}, it, {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
   })))), React.createElement(React.Fragment, null, props.openOnClick && React.createElement("button", {
-    className: rootClassName$2t + "-toggle " + (opened ? rootClassName$2t + "-opened" : ''),
+    className: rootClassName$2u + "-toggle " + (opened ? rootClassName$2u + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
       if (typeof props.setOpened === 'function') props.setOpened(false);
     }
   }, React.createElement(ChevronArrowRightIcon, null))), React.createElement(React.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React.createElement(CSSTransition, {
     timeout: 300,
-    classNames: rootClassName$2t + "-background",
+    classNames: rootClassName$2u + "-background",
     "in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
     mountOnEnter: true,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2t + "-background",
+    className: rootClassName$2u + "-background",
     onClick: function onClick() {
       setOpened(false);
       if (typeof props.setOpened === 'function') props.setOpened(false);
@@ -10283,12 +10323,12 @@ Menu.defaultProps = {
 };
 var Menu$1 = memo(Menu);
 
-var rootClassName$2u = 'component-modal';
+var rootClassName$2v = 'component-modal';
 function Modal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([props.className || '', rootClassName$2u, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2u + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$2v, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2v + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.footer;
@@ -10323,18 +10363,18 @@ function Modal(props) {
   };
 
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$2u + "-header"
+    className: rootClassName$2v + "-header"
   }, React.createElement("div", {
-    className: rootClassName$2u + "-title"
+    className: rootClassName$2v + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$2u + "-close-button"
+    className: rootClassName$2v + "-close-button"
   }, React.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   }))), React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2u + "-content", props.compenseColPaddingContent ? 'compense' : ''])
+    className: getMergedClassNames([rootClassName$2v + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React.createElement("div", {
-    className: rootClassName$2u + "-footer"
+    className: rootClassName$2v + "-footer"
   }, footer) : undefined);
 }
 Modal.defaultProps = {
@@ -10343,11 +10383,11 @@ Modal.defaultProps = {
   size: 'large'
 };
 
-var rootClassName$2v = 'component-modal-mask';
+var rootClassName$2w = 'component-modal-mask';
 var ModalMask = function ModalMask(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2v, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
+      className: getMergedClassNames([rootClassName$2w, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
     });
 
     delete p.mobileOnXS;
@@ -10357,7 +10397,7 @@ var ModalMask = function ModalMask(props) {
   return React.createElement("div", Object.assign({}, getProps()), props.children);
 };
 
-var rootClassName$2w = 'comp-modal-manager';
+var rootClassName$2x = 'comp-modal-manager';
 var maskRootClassName = 'component-modal-mask';
 
 var hackFocus = function hackFocus() {
@@ -10448,7 +10488,7 @@ var ModalManager = forwardRef(function (_props, ref) {
   });
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2w + "-modals"]);
+    return getMergedClassNames([rootClassName$2x + "-modals"]);
   };
 
   return React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
@@ -10459,7 +10499,7 @@ var ModalManager = forwardRef(function (_props, ref) {
     var ModalComponent = React.createElement(obj.component, obj.props);
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2w + "-mask-mobile-on-xs" : rootClassName$2w + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2x + "-mask-mobile-on-xs" : rootClassName$2x + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React.createElement(ModalMask, {
@@ -10480,20 +10520,20 @@ var ModalManager = forwardRef(function (_props, ref) {
 });
 ModalManager.displayName = 'ModalManager';
 
-var rootClassName$2x = 'component-nota-edit';
+var rootClassName$2y = 'component-nota-edit';
 function NotaEdit(props) {
   return React.createElement("div", {
-    className: rootClassName$2x
+    className: rootClassName$2y
   }, React.createElement("div", {
-    className: rootClassName$2x + "-titulo"
+    className: rootClassName$2y + "-titulo"
   }, React.createElement("input", Object.assign({}, props.inputTitleProps, {
     className: getMergedClassNames([props.inputTitleProps && props.inputTitleProps.className ? props.inputTitleProps.className : '', 'scroll-white', 'nunito'])
   }))), React.createElement("div", {
-    className: rootClassName$2x + "-texto"
+    className: rootClassName$2y + "-texto"
   }, React.createElement("textarea", Object.assign({}, props.inputTextProps, {
     className: getMergedClassNames([props.inputTextProps && props.inputTextProps.className ? props.inputTextProps.className : '', 'scroll-white', 'nunito'])
   }))), !props.hideCloseButton ? React.createElement("div", {
-    className: rootClassName$2x + "-close-button"
+    className: rootClassName$2y + "-close-button"
   }, React.createElement(IconButton$1, {
     theme: props.iconButtonTheme,
     icon: React.createElement(CloseIcon, null),
@@ -10503,7 +10543,7 @@ function NotaEdit(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$2x + "-save-button"
+    className: rootClassName$2y + "-save-button"
   }, React.createElement(Button$1, Object.assign({
     theme: ButtonThemes.Blue
   }, props.buttonSaveProps), props.buttonSaveProps ? props.buttonSaveProps.label : '')));
@@ -10531,7 +10571,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$2y = 'component-paginator';
+var rootClassName$2z = 'component-paginator';
 function Paginator(props) {
   var _useState = useState([]),
       arrOfNumbers = _useState[0],
@@ -10562,11 +10602,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$2y, props.className || ''])
+    className: getMergedClassNames([rootClassName$2z, props.className || ''])
   }, React.createElement("div", {
-    className: rootClassName$2y + "-center-content"
+    className: rootClassName$2z + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$2y + "-left-arrow"
+    className: rootClassName$2z + "-left-arrow"
   }, React.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React.createElement(ChevronArrowLeftIcon, null),
@@ -10576,11 +10616,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$2y + "-numbers"
+    className: rootClassName$2z + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$2y + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$2z + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -10588,7 +10628,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$2y + "-right-arrow"
+    className: rootClassName$2z + "-right-arrow"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -10598,19 +10638,19 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React.createElement(CSSTransition, {
-    classNames: rootClassName$2y + "-loader",
+    classNames: rootClassName$2z + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2y + "-loader"
+    className: rootClassName$2z + "-loader"
   }, React.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
 
-var rootClassName$2z = 'previa-video';
+var rootClassName$2A = 'previa-video';
 
 function PreviaVideo(props) {
   var _useState = useState(getUniqueKey()),
@@ -10654,21 +10694,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React.createElement("div", {
     id: id,
-    className: rootClassName$2z,
+    className: rootClassName$2A,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React.createElement("div", {
-    className: rootClassName$2z + "-img",
+    className: rootClassName$2A + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React.createElement("div", {
-    className: rootClassName$2z + "-icon"
+    className: rootClassName$2A + "-icon"
   }, React.createElement(BigPlayIcon, {
     hideBackground: true
   })), React.createElement("div", {
-    className: rootClassName$2z + "-label"
+    className: rootClassName$2A + "-label"
   }, props.label), React.createElement(CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -10679,7 +10719,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React.createElement("div", {
-    className: rootClassName$2z + "-video"
+    className: rootClassName$2A + "-video"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -10689,7 +10729,7 @@ function PreviaVideo(props) {
 
 var PreviaVideo$1 = memo(PreviaVideo);
 
-var rootClassName$2A = 'progress-bar';
+var rootClassName$2B = 'progress-bar';
 function ProgressBar(props) {
   var _useProgressiveCount = useProgressiveCount(props.percent),
       percent = _useProgressiveCount[0],
@@ -10709,31 +10749,31 @@ function ProgressBar(props) {
     setRightValue(props.rightValue);
   }, [props]);
   return React.createElement("div", {
-    className: rootClassName$2A + "-wrapper"
+    className: rootClassName$2B + "-wrapper"
   }, React.createElement("div", {
-    className: rootClassName$2A + "-header"
+    className: rootClassName$2B + "-header"
   }, React.createElement("p", {
-    className: rootClassName$2A + "-title"
+    className: rootClassName$2B + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$2A + "-percent-container"
+    className: rootClassName$2B + "-percent-container"
   }, props.textPercent && React.createElement("span", {
-    className: rootClassName$2A + "-span-text"
+    className: rootClassName$2B + "-span-text"
   }, props.textPercent, " \u2022", ' '), React.createElement("p", null, percent, "%"))), React.createElement("div", {
-    className: rootClassName$2A + "-fill"
+    className: rootClassName$2B + "-fill"
   }, React.createElement("div", {
-    className: rootClassName$2A + "-filled",
+    className: rootClassName$2B + "-filled",
     style: {
       width: percent + "%"
     }
   })), !props.hideDescription && React.createElement("div", {
-    className: rootClassName$2A + "-bottom"
+    className: rootClassName$2B + "-bottom"
   }, React.createElement("span", null, React.createElement("p", null, leftValue), props.leftText && React.createElement("p", null, props.leftText)), React.createElement("span", null, React.createElement("p", null, rightValue), props.rightText && React.createElement("p", null, props.rightText))));
 }
 
-var rootClassName$2B = 'component-search-bloco-de-notas';
+var rootClassName$2C = 'component-search-bloco-de-notas';
 function SearchBlocoDeNotas(props) {
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2B
+    className: rootClassName$2C
   }, /*#__PURE__*/React.createElement("input", {
     onChange: function onChange(evt) {
       if (typeof props.onChange === 'function') {
@@ -10743,7 +10783,7 @@ function SearchBlocoDeNotas(props) {
     value: props.value,
     placeholder: props.placeholder
   }), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2B + "-right-object"
+    className: rootClassName$2C + "-right-object"
   }, props.rightObject));
 }
 SearchBlocoDeNotas.propTypes = {
@@ -10756,7 +10796,7 @@ SearchBlocoDeNotas.defaultProps = {
   value: ''
 };
 
-var rootClassName$2C = 'component-select';
+var rootClassName$2D = 'component-select';
 
 function Select(props) {
   var _props$options3;
@@ -10801,7 +10841,7 @@ function Select(props) {
       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;
         }
@@ -10906,11 +10946,11 @@ function Select(props) {
 
   var getRightObject = function getRightObject() {
     return React.createElement("div", {
-      className: rootClassName$2C + "-objects"
+      className: rootClassName$2D + "-objects"
     }, props.clearButton && !props.readOnly && (props.multiple && props.value && Array.isArray(props.value) && props.value.length || !props.multiple && (props.value || props.value === 0 || props.value === false)) ? React.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2C + "-clear-button",
+      className: rootClassName$2D + "-clear-button",
       icon: React.createElement(CloseIcon, null),
       onClick: function onClick() {
         if (props.multiple) {
@@ -10922,7 +10962,7 @@ function Select(props) {
     }) : undefined, React.createElement(IconButton$1, {
       disabled: props.disabled || false,
       tabIndex: -1,
-      className: rootClassName$2C + "-arrow " + rootClassName$2C + "-arrow-" + (panelOpened ? 'up' : 'down'),
+      className: rootClassName$2D + "-arrow " + rootClassName$2D + "-arrow-" + (panelOpened ? 'up' : 'down'),
       onClick: function onClick() {
         return setPanelOpened(!panelOpened);
       },
@@ -10934,12 +10974,12 @@ function Select(props) {
     var _props$options;
 
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2C, props.className]),
+      className: getMergedClassNames([rootClassName$2D, props.className]),
       forceFocus: fakeSelectFocused,
       readOnly: true,
       rightObject: getRightObject(),
       onClick: function onClick() {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2C + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2D + "-select-fake");
 
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
@@ -10948,7 +10988,7 @@ function Select(props) {
         }
       },
       onFocus: function onFocus(evt) {
-        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2C + "-select-fake");
+        var selectFake = document.querySelector("#" + id + " ." + rootClassName$2D + "-select-fake");
 
         if (!props.multiple && isiPhone() && selectFake) {
           selectFake.focus();
@@ -10963,13 +11003,13 @@ function Select(props) {
         }
 
         if (evt.keyCode === 9 && panelOpened) {
-          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+          var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
 
           if (inputFilter) {
             inputFilter.focus();
             evt.preventDefault();
           } else {
-            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2C + "-options div");
+            var firstOption = document.querySelector("#" + id + " ." + rootClassName$2D + "-options div");
 
             if (firstOption) {
               firstOption.focus();
@@ -11022,7 +11062,7 @@ function Select(props) {
     return React.createElement("div", {
       tabIndex: 1,
       key: getKey(option),
-      className: rootClassName$2C + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2D + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
         var parent = child.parentNode;
@@ -11033,7 +11073,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+                var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
 
                 if (inputFilter) {
                   inputFilter.focus();
@@ -11041,7 +11081,7 @@ function Select(props) {
                 }
               }
             } else if (index === total - 1) {
-              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2C + "-footer-button." + rootClassName$2C + "-selectAll");
+              var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2D + "-footer-button." + rootClassName$2D + "-selectAll");
 
               if (selectAll) {
                 selectAll.focus();
@@ -11068,7 +11108,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+              var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
 
               if (_inputFilter) _inputFilter.focus();
             }
@@ -11093,7 +11133,7 @@ function Select(props) {
         handleChange();
       }
     }), React.createElement("div", {
-      className: rootClassName$2C + "-multiple-option-label"
+      className: rootClassName$2D + "-multiple-option-label"
     }, option.label));
   };
 
@@ -11110,7 +11150,7 @@ function Select(props) {
     return React.createElement("div", {
       key: getKey(option),
       tabIndex: 1,
-      className: rootClassName$2C + "-single-option " + (props.readOnly ? 'read-only' : ''),
+      className: rootClassName$2D + "-single-option " + (props.readOnly ? 'read-only' : ''),
       onClick: handleChange,
       onKeyDown: function onKeyDown(evt) {
         var child = evt.currentTarget;
@@ -11122,7 +11162,7 @@ function Select(props) {
           case 'Tab':
             if (evt.shiftKey) {
               if (index === 0) {
-                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+                var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
 
                 if (inputPanel) {
                   inputPanel.focus();
@@ -11148,7 +11188,7 @@ function Select(props) {
             if (index > 0) {
               parent.children[index - 1].focus();
             } else {
-              var el = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+              var el = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
               if (el) el.focus();
             }
 
@@ -11169,7 +11209,7 @@ function Select(props) {
 
   var noOptionsMessage = useMemo(function () {
     return React.createElement("div", {
-      className: rootClassName$2C + "-no-result"
+      className: rootClassName$2D + "-no-result"
     }, props.noOptionMessage);
   }, [props.noOptionMessage]);
   var optionsFiltered = useMemo(function () {
@@ -11181,9 +11221,9 @@ function Select(props) {
   }, [props.options, filterInput]);
   return React.createElement("div", {
     id: id,
-    className: rootClassName$2C + "-outer"
+    className: rootClassName$2D + "-outer"
   }, !props.multiple && isiPhone() && React.createElement("select", {
-    className: rootClassName$2C + "-select-fake",
+    className: rootClassName$2D + "-select-fake",
     value: props.value ? String(props.value) : '',
     onChange: function onChange(evt) {
       return props.onChange(evt.target.value);
@@ -11216,7 +11256,7 @@ function Select(props) {
         panel.style.bottom = '0';
       }
 
-      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-panel-input input");
+      var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-panel-input input");
 
       if (firstInput && !isiPhone()) {
         setTimeout(function () {
@@ -11224,7 +11264,7 @@ function Select(props) {
         }, 50);
       } else {
         if (props.multiple) {
-          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2C + "-options div");
+          var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2D + "-options div");
 
           if (optionToFocus) {
             setTimeout(function () {
@@ -11242,7 +11282,7 @@ function Select(props) {
             return opt.value === props.value;
           });
           var index = elProps ? elProps.ind + 1 : 1;
-          var query = "#" + panelId + " ." + rootClassName$2C + "-options div:nth-child(" + index + ")";
+          var query = "#" + panelId + " ." + rootClassName$2D + "-options div:nth-child(" + index + ")";
 
           var _optionToFocus = document.querySelector(query);
 
@@ -11263,9 +11303,9 @@ function Select(props) {
     }
   }, React.createElement("div", {
     id: panelId,
-    className: rootClassName$2C + "-panel " + (props.multiple ? 'multiple' : '')
+    className: rootClassName$2D + "-panel " + (props.multiple ? 'multiple' : '')
   }, props.panelFilter && props.options && !!props.options.length && React.createElement("div", {
-    className: rootClassName$2C + "-panel-input"
+    className: rootClassName$2D + "-panel-input"
   }, React.createElement(Input$1, {
     value: filterInput,
     onChange: function onChange(evt) {
@@ -11275,7 +11315,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$2C + "-options div");
+        var el = document.querySelector("#" + id + " ." + rootClassName$2D + "-options div");
 
         if (el) {
           el.focus();
@@ -11284,7 +11324,7 @@ function Select(props) {
       }
     }
   })), React.createElement("div", {
-    className: rootClassName$2C + "-options scroll-white"
+    className: rootClassName$2D + "-options scroll-white"
   }, props.options && props.options.length ? optionsFiltered.map(function (option) {
     if (props.multiple) {
       return getMultipleOption(option);
@@ -11292,13 +11332,13 @@ function Select(props) {
 
     return getSingleOption(option);
   }) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: rootClassName$2C + "-panel-footer-clearfix"
+    className: rootClassName$2D + "-panel-footer-clearfix"
   }), React.createElement("div", {
-    className: rootClassName$2C + "-panel-footer"
+    className: rootClassName$2D + "-panel-footer"
   }, React.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2C + "-footer-button",
+    className: rootClassName$2D + "-footer-button",
     onClick: function onClick() {
       return props.onChange(optionsFiltered.map(function (op) {
         return op.value;
@@ -11309,7 +11349,7 @@ function Select(props) {
     tabIndex: 1,
     theme: ButtonThemes.DefaultPrimary,
     disabled: props.readOnly,
-    className: rootClassName$2C + "-footer-button",
+    className: rootClassName$2D + "-footer-button",
     onClick: function onClick() {
       return props.onChange([]);
     }
@@ -11330,7 +11370,7 @@ Select.defaultProps = {
 };
 var Select$1 = memo(Select);
 
-var rootClassName$2D = 'component-switch';
+var rootClassName$2E = 'component-switch';
 function Switch(props) {
   var handleClick = function handleClick() {
     if (typeof props.onChange === 'function' && !props.disabled) {
@@ -11340,7 +11380,7 @@ function Switch(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2D, props.className || '', rootClassName$2D + "-" + (props.value ? 'on' : 'off')]),
+      className: getMergedClassNames([rootClassName$2E, props.className || '', rootClassName$2E + "-" + (props.value ? 'on' : 'off')]),
       onClick: handleClick,
       style: _extends({
         transform: "scale(" + props.scale + ")"
@@ -11354,9 +11394,9 @@ function Switch(props) {
   };
 
   return React.createElement("button", Object.assign({}, getProps()), React.createElement("div", {
-    className: rootClassName$2D + "-track"
+    className: rootClassName$2E + "-track"
   }), React.createElement("div", {
-    className: rootClassName$2D + "-thumb"
+    className: rootClassName$2E + "-thumb"
   }));
 }
 Switch.defaultProps = {
@@ -11366,10 +11406,10 @@ Switch.defaultProps = {
   scale: 1
 };
 
-var rootClassName$2E = 'component-table-actions-column';
+var rootClassName$2F = 'component-table-actions-column';
 var ActionsColumn = function ActionsColumn(props) {
   return React.createElement("div", {
-    className: rootClassName$2E
+    className: rootClassName$2F
   }, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
     return React.createElement(IconButton$1, Object.assign({
       key: index
@@ -11380,7 +11420,7 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var rootClassName$2F = 'component-table-left-checkbox-with-label';
+var rootClassName$2G = 'component-table-left-checkbox-with-label';
 var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   var _props$spanProps2;
 
@@ -11402,9 +11442,9 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     return style;
   }, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2F, props.w100 ? 'w-100' : ''])
+    className: getMergedClassNames([rootClassName$2G, props.w100 ? 'w-100' : ''])
   }, React.createElement("span", {
-    className: rootClassName$2F + "-checkbox-wrapper",
+    className: rootClassName$2G + "-checkbox-wrapper",
     "tooltip-position": props['tooltip-position'],
     "tooltip-text": props['tooltip-text']
   }, React.createElement(Checkbox$1, {
@@ -11413,7 +11453,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
     onChange: props.onChange,
     theme: props.theme
   })), React.createElement("span", Object.assign({}, props.spanProps || {}, {
-    className: getMergedClassNames([rootClassName$2F + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
+    className: getMergedClassNames([rootClassName$2G + "-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) {
@@ -11425,7 +11465,7 @@ var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
   }), props.label));
 };
 
-var rootClassName$2G = 'component-table';
+var rootClassName$2H = 'component-table';
 function TypedTable(props) {
   return React.createElement(Table, Object.assign({}, props));
 }
@@ -11438,8 +11478,8 @@ function Table(props) {
       var el = document.getElementById(itemsId);
       var sortable = new Sortable(el, {
         animation: 300,
-        ghostClass: rootClassName$2G + "-item-ghost",
-        dragClass: rootClassName$2G + "-item-dragging",
+        ghostClass: rootClassName$2H + "-item-ghost",
+        dragClass: rootClassName$2H + "-item-dragging",
         onStart: function onStart() {
           document.body.classList.add('document-grabbing');
         },
@@ -11475,7 +11515,7 @@ function Table(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2G, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
+      className: getMergedClassNames([rootClassName$2H, props.className || '', props.upperHeader ? 'has-upper-header' : ''])
     });
 
     delete p.columns;
@@ -11488,9 +11528,9 @@ function Table(props) {
   };
 
   return React.createElement("div", {
-    className: rootClassName$2G + "-outer"
+    className: rootClassName$2H + "-outer"
   }, props.upperHeader ? React.createElement(React.Fragment, null, React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2G + "-upper-header", props.upperHeader.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2H + "-upper-header", props.upperHeader.active ? 'active' : ''])
   }, props.upperHeader.buttons && props.upperHeader.buttons.length ? props.upperHeader.buttons.map(function (btn, index) {
     var _props$upperHeader;
 
@@ -11501,7 +11541,7 @@ function Table(props) {
       disabled: !((_props$upperHeader = props.upperHeader) !== null && _props$upperHeader !== void 0 && _props$upperHeader.active) || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false
     }, React.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React.createElement("div", {
-    className: rootClassName$2G + "-outer-table"
+    className: rootClassName$2H + "-outer-table"
   }, React.createElement("table", Object.assign({}, getProps()), React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
@@ -11547,16 +11587,16 @@ TableActions.defaultProps = {
   actions: []
 };
 
-var rootClassName$2H = 'component-table-file-name-and-action';
+var rootClassName$2I = 'component-table-file-name-and-action';
 
 function TableFileNameAndAction(props) {
   return React.createElement("div", {
-    className: rootClassName$2H
+    className: rootClassName$2I
   }, props.files && props.files.length ? props.files.map(function (line, index) {
     var obj = line.file ? line.file : line;
     return React.createElement("div", {
       key: index,
-      className: getMergedClassNames([rootClassName$2H + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2I + "-file", props.white ? 'white' : '', line.disabled ? 'disabled' : '', line.error ? 'error' : ''])
     }, React.createElement("span", null, obj.name), React.createElement(IconButton$1, {
       icon: line.uploading ? React.createElement(PercentLoaderIcon, {
         indefinido: line.indefinido,
@@ -11673,22 +11713,22 @@ function useScreenSize() {
   return value;
 }
 
-var rootClassName$2I = 'component-upper-header-table';
+var rootClassName$2J = 'component-upper-header-table';
 
 function TableUpperHeader(props) {
   var _props$leftContent, _props$rightContent;
 
   return React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2I, props.active ? 'active' : ''])
+    className: getMergedClassNames([rootClassName$2J, props.active ? 'active' : ''])
   }, React.createElement("div", {
-    className: rootClassName$2I + "-left"
+    className: rootClassName$2J + "-left"
   }, (_props$leftContent = props.leftContent) === null || _props$leftContent === void 0 ? void 0 : _props$leftContent.map(function (btn, i) {
     return btn.type === 'Button' ? React.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2I + "-btn",
+      className: rootClassName$2J + "-btn",
       type: 'button'
     }, btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
       key: i
@@ -11696,19 +11736,19 @@ function TableUpperHeader(props) {
       key: i,
       id: btn.children.id,
       onClick: btn.children.onClick,
-      className: rootClassName$2I + "-btn",
+      className: rootClassName$2J + "-btn",
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
       type: 'button'
     }, btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
   })), React.createElement("div", {
-    className: rootClassName$2I + "-right"
+    className: rootClassName$2J + "-right"
   }, (_props$rightContent = props.rightContent) === null || _props$rightContent === void 0 ? void 0 : _props$rightContent.map(function (btn, i) {
     return btn.type === 'Button' ? React.createElement("button", {
       key: i,
       id: btn.id,
       onClick: btn.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.disabled) || false,
-      className: rootClassName$2I + "-btn",
+      className: rootClassName$2J + "-btn",
       type: 'button'
     }, btn.leftIcon && React.createElement("span", null, btn.leftIcon), btn.label, btn.rightIcon && React.createElement("span", null, btn.rightIcon)) : React.createElement(DropdownMenu, Object.assign({}, btn, {
       key: "children_" + i
@@ -11717,25 +11757,25 @@ function TableUpperHeader(props) {
       id: btn.children.id,
       onClick: btn.children.onClick,
       disabled: !props.active || (btn === null || btn === void 0 ? void 0 : btn.children.disabled) || false,
-      className: rootClassName$2I + "-btn",
+      className: rootClassName$2J + "-btn",
       type: 'button'
     }, btn.children.leftIcon && React.createElement("span", null, btn.children.leftIcon), btn.children.label, btn.children.rightIcon && React.createElement("span", null, btn.children.rightIcon)));
   })), props.collapsedContent ? React.createElement(Collapse$1, {
     opened: props.opened,
     animateOpacity: true
   }, React.createElement(Row$1, {
-    className: rootClassName$2I + "-collapsed"
+    className: rootClassName$2J + "-collapsed"
   }, props.collapsedContent)) : undefined);
 }
 
 var TableUpperHeader$1 = memo(TableUpperHeader);
 
-var rootClassName$2J = 'component-table-with-overflow';
+var rootClassName$2K = 'component-table-with-overflow';
 
 function TableWithOverflow(props) {
   var mediaQuery = useScreenSize();
   var wrapperClassName = useMemo(function () {
-    return getMergedClassNames([rootClassName$2J + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
+    return getMergedClassNames([rootClassName$2K + "-wrapper", props.upperHeader ? 'has-upper-header' : '', props.noResultMessage && !props.lines.length ? 'no-result' : '', 'left-columns-padding']);
   }, [props.upperHeader, props.lines, props.noResultMessage]);
   var outerTableRef = createRef();
   useDraggableScroll(outerTableRef, {
@@ -11833,9 +11873,9 @@ function TableWithOverflow(props) {
     });
   }, [props.lines, props.columns, atLeastOneStaticColumn, someAbsoluteColumn]);
   return React.createElement("div", {
-    className: rootClassName$2J
+    className: rootClassName$2K
   }, props.upperHeader ? React.createElement("div", {
-    className: rootClassName$2J + "-upper-header"
+    className: rootClassName$2K + "-upper-header"
   }, React.createElement(TableUpperHeader$1, Object.assign({}, props.upperHeader))) : undefined, React.createElement("div", {
     className: wrapperClassName,
     style: {
@@ -11843,7 +11883,7 @@ function TableWithOverflow(props) {
       paddingRight: paddingRight
     }
   }, props.showTopNavigator && React.createElement("div", {
-    className: rootClassName$2J + "-table-arrows"
+    className: rootClassName$2K + "-table-arrows"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(CircleArrowLeft, null),
     onClick: function onClick() {
@@ -11855,14 +11895,14 @@ function TableWithOverflow(props) {
       handleArrowClick(150);
     }
   })), React.createElement("div", {
-    className: rootClassName$2J + "-outer-table",
+    className: rootClassName$2K + "-outer-table",
     ref: outerTableRef
   }, React.createElement("table", null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
     className: 'absolute left-0'
   }), columnsHeader, React.createElement("th", {
     className: 'absolute right-0'
   })), React.createElement("tr", null)), React.createElement("tbody", null, lines))), props.noResultMessage && !props.lines.length ? React.createElement("div", {
-    className: rootClassName$2J + "-no-result"
+    className: rootClassName$2K + "-no-result"
   }, props.noResultMessage) : undefined));
 }
 
@@ -11871,7 +11911,7 @@ TableWithOverflow.defaultProps = {
 };
 var TableWithOverflow$1 = memo(TableWithOverflow);
 
-var rootClassName$2K = 'component-tabs';
+var rootClassName$2L = 'component-tabs';
 
 function Tabs(props) {
   var _props$tabs;
@@ -11901,14 +11941,14 @@ function Tabs(props) {
     };
   }, [startBar]);
   return React.createElement("nav", {
-    className: rootClassName$2K,
+    className: rootClassName$2L,
     style: {
       justifyContent: props.justify
     },
     ref: navRef
   }, (_props$tabs = props.tabs) === null || _props$tabs === void 0 ? void 0 : _props$tabs.map(function (tab, index) {
     return React.createElement("button", {
-      className: getMergedClassNames([rootClassName$2K + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
+      className: getMergedClassNames([rootClassName$2L + "-tab", props.atual === index ? 'atual' : '', props.atual && props.changeTitleColor ? 'change' : '']),
       onClick: function onClick() {
         props.onChange(index);
       },
@@ -11918,13 +11958,13 @@ function Tabs(props) {
     }, React.createElement("span", null, tab.title));
   }), React.createElement("div", {
     ref: actualRef,
-    className: rootClassName$2K + "-bar"
+    className: rootClassName$2L + "-bar"
   }));
 }
 
 var Tabs$1 = memo(Tabs);
 
-var rootClassName$2L = 'text-editor-header-input';
+var rootClassName$2M = 'text-editor-header-input';
 function TextEditorHeaderInput(props) {
   var _useState = useState(getUniqueKey()),
       inputLabelId = _useState[0];
@@ -11944,7 +11984,7 @@ function TextEditorHeaderInput(props) {
         props.onChange(evt);
         evt.stopPropagation();
       },
-      className: getMergedClassNames([rootClassName$2L + "-input", props.className || '']),
+      className: getMergedClassNames([rootClassName$2M + "-input", props.className || '']),
       value: props.value,
       onKeyUp: function onKeyUp(evt) {
         if (evt.key === 'Enter' && typeof props.onEnter === 'function') {
@@ -11955,10 +11995,10 @@ function TextEditorHeaderInput(props) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2L
+    className: rootClassName$2M
   }, /*#__PURE__*/React.createElement("div", {
     id: inputLabelId,
-    className: getMergedClassNames([rootClassName$2L + "-label", props.value ? 'top' : ''])
+    className: getMergedClassNames([rootClassName$2M + "-label", props.value ? 'top' : ''])
   }, props.label), /*#__PURE__*/React.createElement("input", getInputProps()));
 }
 TextEditorHeaderInput.propTypes = {
@@ -11971,10 +12011,10 @@ TextEditorHeaderInput.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2M = 'text-editor-menu-button';
+var rootClassName$2N = 'text-editor-menu-button';
 function TextEditorMenuButton(props) {
   return /*#__PURE__*/React.createElement("button", _extends({}, props, {
-    className: getMergedClassNames([props.className || '', rootClassName$2M])
+    className: getMergedClassNames([props.className || '', rootClassName$2N])
   }));
 }
 TextEditorMenuButton.propTypes = {
@@ -11982,8 +12022,8 @@ TextEditorMenuButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$2N = 'text-editor-color-picker';
-var colorClassName = rootClassName$2N + "-color-button";
+var rootClassName$2O = 'text-editor-color-picker';
+var colorClassName = rootClassName$2O + "-color-button";
 var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
 
 var ColorButton = function ColorButton(props) {
@@ -12064,9 +12104,9 @@ function TextEditorColorPicker(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2N
+    className: rootClassName$2O
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2N + "-colors"
+    className: rootClassName$2O + "-colors"
   }, defaultColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -12076,7 +12116,7 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2N + "-colors"
+    className: rootClassName$2O + "-colors"
   }, lastUsedColors.map(function (color, index) {
     return /*#__PURE__*/React.createElement(ColorButton, {
       key: index,
@@ -12087,9 +12127,9 @@ function TextEditorColorPicker(props) {
       }
     });
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2N + "-hexa-row"
+    className: rootClassName$2O + "-hexa-row"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2N + "-picker-col"
+    className: rootClassName$2O + "-picker-col"
   }, /*#__PURE__*/React.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
@@ -12100,7 +12140,7 @@ function TextEditorColorPicker(props) {
         setHexa(val);
       }, 200);
     },
-    className: rootClassName$2N + "-color-picker",
+    className: rootClassName$2O + "-color-picker",
     type: "color"
   })), /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Hexadecimal",
@@ -12126,10 +12166,10 @@ TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2O = 'text-editor-header-button';
+var rootClassName$2P = 'text-editor-header-button';
 function TextEditorHeaderButton(props) {
   return /*#__PURE__*/React.createElement("button", {
-    className: getMergedClassNames([rootClassName$2O, props.active ? 'active' : '']),
+    className: getMergedClassNames([rootClassName$2P, props.active ? 'active' : '']),
     onClick: props.onClick,
     disabled: props.disabled
   }, props.icon);
@@ -12141,7 +12181,7 @@ TextEditorHeaderButton.propTypes = {
   disabled: propTypes.bool
 };
 
-var rootClassName$2P = 'text-editor-title-choser';
+var rootClassName$2Q = 'text-editor-title-choser';
 function TextEditorTitleChoser(props) {
   var _useState = useState(getUniqueKey()),
       id = _useState[0];
@@ -12185,7 +12225,7 @@ function TextEditorTitleChoser(props) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2P,
+    className: rootClassName$2Q,
     id: id
   }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
@@ -12205,7 +12245,7 @@ TextEditorTitleChoser.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2Q = 'text-editor-url-creator';
+var rootClassName$2R = 'text-editor-url-creator';
 function TextEditorUrlCreator(props) {
   var _useState = useState(getUniqueKey()),
       id = _useState[0];
@@ -12281,9 +12321,9 @@ function TextEditorUrlCreator(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2Q
+    className: rootClassName$2R
   }, /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2Q + "-url-row"
+    className: rootClassName$2R + "-url-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Url",
     value: urlValue,
@@ -12292,7 +12332,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2Q + "-text-row"
+    className: rootClassName$2R + "-text-row"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
     label: "Texto",
     value: textValue,
@@ -12301,7 +12341,7 @@ function TextEditorUrlCreator(props) {
     },
     onEnter: handleSubmit
   })), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2Q + "-new-tab-row"
+    className: rootClassName$2R + "-new-tab-row"
   }, /*#__PURE__*/React.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
@@ -12312,7 +12352,7 @@ function TextEditorUrlCreator(props) {
       return setNewTab(!newTab);
     }
   }, "Nova Guia")), /*#__PURE__*/React.createElement(Row$1, {
-    className: rootClassName$2Q + "-ok-row"
+    className: rootClassName$2R + "-ok-row"
   }, /*#__PURE__*/React.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
@@ -12327,7 +12367,7 @@ TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2R = 'component-text-editor';
+var rootClassName$2S = 'component-text-editor';
 function TextEditor(props) {
   var _useState = useState(getUniqueKey()),
       id = _useState[0];
@@ -12350,7 +12390,7 @@ function TextEditor(props) {
 
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2R, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+      className: getMergedClassNames([rootClassName$2S, props.className || '', props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
     });
 
     delete p.topLabel;
@@ -12377,7 +12417,7 @@ function TextEditor(props) {
     if (!selection || !selection.anchorNode) return;
     var aux = selection.anchorNode.parentElement;
 
-    while (!aux.hasAttribute('class', rootClassName$2R + "-editor")) {
+    while (!aux.hasAttribute('class', rootClassName$2S + "-editor")) {
       if (aux.tagName === 'A') {
         isLink = true;
       } else if (aux.tagName === 'FONT') {
@@ -12441,13 +12481,13 @@ function TextEditor(props) {
     }
   }, [props.value]);
   return /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2R + "-outer"
+    className: rootClassName$2S + "-outer"
   }, !props.hideTopLabel && /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2R + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2S + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.topLabel), /*#__PURE__*/React.createElement("div", getProps(), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2R + "-header"
+    className: rootClassName$2S + "-header"
   }, /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2R + "-left-content"
+    className: rootClassName$2S + "-left-content"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
@@ -12567,7 +12607,7 @@ function TextEditor(props) {
       document.querySelector("#" + id).focus();
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: rootClassName$2R + "-right-content"
+    className: rootClassName$2S + "-right-content"
   }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     icon: /*#__PURE__*/React.createElement(UndoIcon, null),
@@ -12582,12 +12622,12 @@ function TextEditor(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: rootClassName$2R + "-editor",
+    className: rootClassName$2S + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
   })), !props.hideHelperText && /*#__PURE__*/React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2R + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
+    className: getMergedClassNames([rootClassName$2S + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
 TextEditor.propTypes = {
@@ -12606,21 +12646,21 @@ TextEditor.defaultProps = {
   onChange: function onChange() {}
 };
 
-var rootClassName$2S = 'component-title';
+var rootClassName$2T = 'component-title';
 function Title(props) {
   return React.createElement("div", {
-    className: rootClassName$2S
+    className: rootClassName$2T
   }, React.createElement("div", {
-    className: rootClassName$2S + "-wrapper"
+    className: rootClassName$2T + "-wrapper"
   }, props.showBackButton ? React.createElement("div", {
-    className: rootClassName$2S + "-icon"
+    className: rootClassName$2T + "-icon"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React.createElement("div", {
-    className: rootClassName$2S + "-text"
+    className: rootClassName$2T + "-text"
   }, props.children)), props.rightElement ? React.createElement("div", {
-    className: rootClassName$2S + "-right-element"
+    className: rootClassName$2T + "-right-element"
   }, props.rightElement) : undefined);
 }
 Title.defaultProps = {};
@@ -12633,17 +12673,17 @@ var ToastTypes;
   ToastTypes["Error"] = "error";
 })(ToastTypes || (ToastTypes = {}));
 
-var rootClassName$2T = 'component-toast';
+var rootClassName$2U = 'component-toast';
 function Toast(props) {
   var _useState = useState(props.id || getUniqueKey()),
       id = _useState[0];
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2T, rootClassName$2T + "-" + props.theme]);
+    return getMergedClassNames([rootClassName$2U, rootClassName$2U + "-" + props.theme]);
   };
 
   useEffect(function () {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2T + "-fill");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2U + "-fill");
 
     if (el) {
       el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
@@ -12690,22 +12730,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React.createElement("div", {
-    className: rootClassName$2T + "-left-content"
+    className: rootClassName$2U + "-left-content"
   }, props.label), React.createElement("div", {
-    className: rootClassName$2T + "-right-content"
+    className: rootClassName$2U + "-right-content"
   }, props.showActionButton && React.createElement("div", {
-    className: rootClassName$2T + "-action-button"
+    className: rootClassName$2U + "-action-button"
   }, props.actionButtonText), React.createElement("div", {
-    className: rootClassName$2T + "-close-button"
+    className: rootClassName$2U + "-close-button"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(CloseIcon, null),
     onClick: function onClick() {
       if (typeof props.onClose === 'function') props.onClose();
     }
   }))), props.timeout ? React.createElement("div", {
-    className: getMergedClassNames([rootClassName$2T + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$2U + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React.createElement("div", {
-    className: rootClassName$2T + "-fill",
+    className: rootClassName$2U + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -12720,7 +12760,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
 
-var rootClassName$2U = 'comp-toast-manager';
+var rootClassName$2V = 'comp-toast-manager';
 var count = 0;
 var ToastManager = forwardRef(function (props, ref) {
   var _useState = useState([]),
@@ -12795,11 +12835,11 @@ var ToastManager = forwardRef(function (props, ref) {
   });
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2U + "-toasts", rootClassName$2U + "-" + props.verticalPosition, rootClassName$2U + "-" + props.horizontalPosition, props.reverse ? rootClassName$2U + "-reverse" : '', props.animateSize ? rootClassName$2U + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2V + "-toasts", rootClassName$2V + "-" + props.verticalPosition, rootClassName$2V + "-" + props.horizontalPosition, props.reverse ? rootClassName$2V + "-reverse" : '', props.animateSize ? rootClassName$2V + "-animate-size" : '']);
   };
 
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2U + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2V + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -12810,7 +12850,7 @@ var ToastManager = forwardRef(function (props, ref) {
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
 
-          if (!el.classList.contains(rootClassName$2U + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2V + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -12819,7 +12859,7 @@ var ToastManager = forwardRef(function (props, ref) {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
-          if (!_el.classList.contains(rootClassName$2U + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2V + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -12828,7 +12868,7 @@ var ToastManager = forwardRef(function (props, ref) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
-          if (!_el2.classList.contains(rootClassName$2U + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2V + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -12839,7 +12879,7 @@ var ToastManager = forwardRef(function (props, ref) {
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
 
-          if (!_el3.classList.contains(rootClassName$2U + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2V + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -12852,11 +12892,11 @@ var ToastManager = forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2U + "-toast",
+      classNames: rootClassName$2V + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$2U + "-toastzin"
+      className: rootClassName$2V + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -12886,7 +12926,7 @@ var TooltipPosition;
   TooltipPosition["Bottom"] = "bottom";
 })(TooltipPosition || (TooltipPosition = {}));
 
-var rootClassName$2V = 'component-tooltip';
+var rootClassName$2W = 'component-tooltip';
 function Tooltip(props) {
   var _useState = useState(props.id || getUniqueKey()),
       id = _useState[0];
@@ -12894,13 +12934,13 @@ function Tooltip(props) {
   var getProps = function getProps() {
     return _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$2V, props.className, rootClassName$2V + "-" + props.position])
+      className: getMergedClassNames([rootClassName$2W, props.className, rootClassName$2W + "-" + props.position])
     });
   };
 
   useEffect(function () {
     var element = document.querySelector("#" + id);
-    var triangle = element.querySelector("." + rootClassName$2V + "-triangle");
+    var triangle = element.querySelector("." + rootClassName$2W + "-triangle");
     var bounding = element.getBoundingClientRect();
     var ScreenWidth = window.innerWidth;
 
@@ -12921,16 +12961,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React.createElement("div", {
-    className: rootClassName$2V + "-outer"
+    className: rootClassName$2W + "-outer"
   }, React.createElement("div", Object.assign({}, getProps()), props.children, React.createElement("div", {
-    className: rootClassName$2V + "-triangle"
+    className: rootClassName$2W + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: TooltipPosition.Top
 };
 
-var rootClassName$2W = 'tooltip-manager';
+var rootClassName$2X = 'tooltip-manager';
 function TooltipManager() {
   var _useState = useState([]),
       arrayOfTooltips = _useState[0],
@@ -13029,17 +13069,17 @@ function TooltipManager() {
     };
   }, []);
   return React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
-    className: rootClassName$2W
+    className: rootClassName$2X
   }, arrayOfTooltips.map(function (tooltip) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2W + "-tooltip",
+      classNames: rootClassName$2X + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React.createElement(Tooltip, {
       id: tooltip.id,
       position: tooltip.position,
-      className: rootClassName$2W + "-tooltip",
+      className: rootClassName$2X + "-tooltip",
       style: _extends({}, tooltip.style),
       onMouseLeave: function onMouseLeave() {
         if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
@@ -13056,7 +13096,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
 
-var rootClassName$2X = 'component-top-loader';
+var rootClassName$2Y = 'component-top-loader';
 function TopLoader(props) {
   return React.createElement(CSSTransition, {
     classNames: 'fade',
@@ -13064,11 +13104,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2X
+    className: rootClassName$2Y
   }, React.createElement("div", {
-    className: rootClassName$2X + "-logo"
+    className: rootClassName$2Y + "-logo"
   }, props.logo), props.status && React.createElement("div", {
-    className: rootClassName$2X + "-status"
+    className: rootClassName$2Y + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -13077,11 +13117,11 @@ TopLoader.defaultProps = {
   })
 };
 
-var rootClassName$2Y = 'component-video-item';
+var rootClassName$2Z = 'component-video-item';
 function VideoItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2Y, props.className])
+      className: getMergedClassNames([rootClassName$2Z, props.className])
     });
 
     delete p.url;
@@ -13098,20 +13138,20 @@ function VideoItem(props) {
     blackGround: props.blackGround || false
   })), React.createElement(Col$1, {
     cols: [12, 12, 6, 8, 8],
-    className: rootClassName$2Y + "-text-col"
+    className: rootClassName$2Z + "-text-col"
   }, React.createElement(Row$1, {
-    className: rootClassName$2Y + "-text-row"
+    className: rootClassName$2Z + "-text-row"
   }, React.createElement(Col$1, {
-    className: rootClassName$2Y + "-title"
+    className: rootClassName$2Z + "-title"
   }, props.title), React.createElement(Col$1, {
-    className: rootClassName$2Y + "-description nunito"
+    className: rootClassName$2Z + "-description nunito"
   }, props.description))));
 }
 VideoItem.defaultProps = {
   url: ''
 };
 
-var rootClassName$2Z = 'video-modal';
+var rootClassName$2_ = 'video-modal';
 function VideoModal(props) {
   var handleClose = useCallback(function () {
     props.onClose(props.modalKey);
@@ -13119,7 +13159,7 @@ function VideoModal(props) {
   var filteredProps = useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$2Z, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2Z + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([rootClassName$2_, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2_ + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.urlVideo;
@@ -13138,12 +13178,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$2Z + "-close-button"
+    className: rootClassName$2_ + "-close-button"
   }, React.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   })), React.createElement("div", {
-    className: rootClassName$2Z + "-video-row"
+    className: rootClassName$2_ + "-video-row"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -13154,10 +13194,10 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
-var rootClassName$2_ = 'icon-component';
+var rootClassName$2$ = 'icon-component';
 var PhonePlusIcon = function PhonePlusIcon() {
   return React.createElement("svg", {
-    className: rootClassName$2_,
+    className: rootClassName$2$,
     viewBox: '0 0 24 24',
     fill: 'currentColor',
     xmlns: 'http://www.w3.org/2000/svg'
@@ -13168,7 +13208,7 @@ var PhonePlusIcon = function PhonePlusIcon() {
   }));
 };
 
-var rootClassName$2$ = 'calendar-header';
+var rootClassName$30 = 'calendar-header';
 function CalendarHeader(props) {
   var size = useScreenSize();
   var days = useMemo(function () {
@@ -13179,16 +13219,16 @@ function CalendarHeader(props) {
     return props.language.daysOfWeek;
   }, [props.language.daysOfWeek, props.language.daysOfWeekAbrev, size]);
   return React.createElement("div", {
-    className: rootClassName$2$
+    className: rootClassName$30
   }, days.map(function (d, i) {
     return React.createElement("div", {
-      className: rootClassName$2$ + "-day",
+      className: rootClassName$30 + "-day",
       key: i
     }, d);
   }));
 }
 
-var rootClassName$30 = 'evento-calendario';
+var rootClassName$31 = 'evento-calendario';
 
 function CalendarEvent(props) {
   var _useState = useState(props.forceExpanded || false),
@@ -13222,12 +13262,12 @@ function CalendarEvent(props) {
 
       case 'medium':
         return React.createElement(Fragment$1, null, React.createElement("div", {
-          className: rootClassName$30 + "-tipo",
+          className: rootClassName$31 + "-tipo",
           style: {
             borderColor: props.color
           }
         }, props.tipoEvento), React.createElement("div", {
-          className: rootClassName$30 + "-label"
+          className: rootClassName$31 + "-label"
         }, React.createElement(CSSTransition, {
           "in": !props.forceExpanded && (!expanded || !props.expandedLabel),
           timeout: 300,
@@ -13237,27 +13277,27 @@ function CalendarEvent(props) {
           opened: props.forceExpanded || expanded && !!props.expandedLabel,
           animateOpacity: true
         }, React.createElement(Fragment$1, null, React.createElement("span", null, props.expandedLabel), React.createElement("div", {
-          className: rootClassName$30 + "-date-label"
+          className: rootClassName$31 + "-date-label"
         }, props.expandedDate)))), React.createElement("div", {
-          className: rootClassName$30 + "-modalidade"
+          className: rootClassName$31 + "-modalidade"
         }, React.createElement("div", {
-          className: rootClassName$30 + "-icon"
+          className: rootClassName$31 + "-icon"
         }, props.icon), React.createElement("div", {
-          className: rootClassName$30 + "-modalidade-label nunito"
+          className: rootClassName$31 + "-modalidade-label nunito"
         }, props.iconLabel)));
 
       case 'small':
       default:
         return React.createElement(Fragment$1, null, React.createElement("div", {
-          className: rootClassName$30 + "-icon"
+          className: rootClassName$31 + "-icon"
         }, props.icon), React.createElement("div", {
-          className: rootClassName$30 + "-label nunito"
+          className: rootClassName$31 + "-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.createElement("button", {
     ref: ref,
-    className: useMergedClassNames([rootClassName$30, props.size, props.borderStyle]),
+    className: useMergedClassNames([rootClassName$31, props.size, props.borderStyle]),
     disabled: props.disabled,
     onClick: function onClick(evt) {
       if (typeof props.onClick === 'function') {
@@ -13286,11 +13326,11 @@ CalendarEvent.defaultProps = {
 };
 var CalendarEvent$1 = memo(CalendarEvent);
 
-var rootClassName$31 = 'calendar-chip';
+var rootClassName$32 = 'calendar-chip';
 
 function CalendarChip(props) {
   return React.createElement("button", {
-    className: useMergedClassNames([rootClassName$31, 'nunito']),
+    className: useMergedClassNames([rootClassName$32, 'nunito']),
     onClick: props.onClick,
     disabled: props.disabled,
     style: {
@@ -13306,13 +13346,13 @@ CalendarChip.defaultProps = {
 };
 var CalendarChip$1 = memo(CalendarChip);
 
-var rootClassName$32 = 'calendar-month-day';
+var rootClassName$33 = 'calendar-month-day';
 
 function CalendarMonthDay(props) {
   var _props$eventos, _props$eventos2, _props$eventos3, _props$eventos4, _props$eventos4$slice;
 
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$32, props.pocket ? 'pocket' : '', props.isToday ? 'today' : '', props.disabled ? 'disabled' : '', props.highlightWeekends && (props.day.getDay() === 0 || props.day.getDay() === 6) ? 'highlight' : '']);
+    return getMergedClassNames([rootClassName$33, 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);
@@ -13325,9 +13365,9 @@ function CalendarMonthDay(props) {
       }
     }
   }, React.createElement("div", {
-    className: rootClassName$32 + "-label-line"
+    className: rootClassName$33 + "-label-line"
   }, React.createElement("div", {
-    className: rootClassName$32 + "-day nunito",
+    className: rootClassName$33 + "-day nunito",
     onClick: function onClick(evt) {
       if (props.pocket && !props.disabled && typeof props.onPlusButtonClick === 'function') {
         props.onPlusButtonClick(props.day, evt);
@@ -13348,7 +13388,7 @@ function CalendarMonthDay(props) {
     },
     disabled: props.disabled
   }) : undefined)), !props.pocket ? React.createElement(Fragment$1, null, React.createElement("div", {
-    className: rootClassName$32 + "-eventos"
+    className: rootClassName$33 + "-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.createElement(CalendarEvent$1, Object.assign({
       key: e.id
@@ -13357,7 +13397,7 @@ function CalendarMonthDay(props) {
     }));
   })), props.showAddButton ? React.createElement("button", {
     disabled: props.disabledPrevAddButton ? props.day < date ? true : false : false,
-    className: rootClassName$32 + "-button",
+    className: rootClassName$33 + "-button",
     onClick: function onClick(evt) {
       if (typeof props.onAddButtonClick === 'function') {
         props.onAddButtonClick(props.day, evt);
@@ -13369,7 +13409,7 @@ function CalendarMonthDay(props) {
 
 var CalendarMonthDay$1 = memo(CalendarMonthDay);
 
-var rootClassName$33 = 'calendar-days';
+var rootClassName$34 = 'calendar-days';
 
 function CalendarDays(props) {
   var today = useMemo(function () {
@@ -13390,7 +13430,7 @@ function CalendarDays(props) {
     return false;
   }, [props.referencia, props.disabledNextMonth, props.disabledPrevMonth]);
   return React.createElement("div", {
-    className: rootClassName$33
+    className: rootClassName$34
   }, days.map(function (d) {
     var _props$eventos;
 
@@ -13417,7 +13457,7 @@ function CalendarDays(props) {
 
 var CalendarDays$1 = memo(CalendarDays);
 
-var rootClassName$34 = 'calendar';
+var rootClassName$35 = 'calendar';
 
 function Calendar(props) {
   var id = useMemo(getUniqueKey, []);
@@ -13429,7 +13469,7 @@ function Calendar(props) {
   var pocketRef = useRef(pocket);
   pocketRef.current = pocket;
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$34, props.loading ? 'loading' : '']);
+    return getMergedClassNames([rootClassName$35, props.loading ? 'loading' : '']);
   }, [props.loading]);
   var cbResize = useCallback(function (evt) {
     if (pocketRef.current) {
@@ -13492,7 +13532,7 @@ Calendar.defaultProps = {
 };
 var Calendar$1 = memo(Calendar);
 
-var rootClassName$35 = 'scroll-arrow-overflow';
+var rootClassName$36 = 'scroll-arrow-overflow';
 
 function ScrollArrowOverflow(props) {
   var ref = createRef();
@@ -13569,9 +13609,9 @@ function ScrollArrowOverflow(props) {
     };
   }, []);
   return React.createElement("div", {
-    className: useMergedClassNames([rootClassName$35, props.arrows])
+    className: useMergedClassNames([rootClassName$36, props.arrows])
   }, React.createElement("div", {
-    className: rootClassName$35 + "-navigation"
+    className: rootClassName$36 + "-navigation"
   }, React.createElement(IconButton$1, {
     disabled: start,
     icon: React.createElement(CircleArrowLeft, null),
@@ -13586,7 +13626,7 @@ function ScrollArrowOverflow(props) {
     }
   })), React.createElement("div", {
     ref: ref,
-    className: rootClassName$35 + "-overflow"
+    className: rootClassName$36 + "-overflow"
   }, props.children));
 }
 
@@ -13596,7 +13636,7 @@ ScrollArrowOverflow.defaultProps = {
 };
 var ScrollArrowOverflow$1 = memo(ScrollArrowOverflow);
 
-var rootClassName$36 = 'hour-events';
+var rootClassName$37 = 'hour-events';
 
 function HourEvents(props) {
   var _props$language, _props$language2, _props$events, _props$events2, _props$language3, _props$events3;
@@ -13606,19 +13646,19 @@ function HourEvents(props) {
       setOpened = _useState[1];
 
   return React.createElement("div", {
-    className: rootClassName$36
+    className: rootClassName$37
   }, React.createElement("div", {
-    className: rootClassName$36 + "-first-line"
+    className: rootClassName$37 + "-first-line"
   }, React.createElement("div", {
-    className: rootClassName$36 + "-hour"
+    className: rootClassName$37 + "-hour"
   }, props.hour), React.createElement("div", {
-    className: rootClassName$36 + "-line"
+    className: rootClassName$37 + "-line"
   }), !props.events || !props.events.length ? React.createElement("div", {
-    className: rootClassName$36 + "-no-events nunito"
+    className: rootClassName$37 + "-no-events nunito"
   }, (_props$language = props.language) === null || _props$language === void 0 ? void 0 : _props$language.noEvent) : React.createElement("div", {
-    className: rootClassName$36 + "-counter nunito"
+    className: rootClassName$37 + "-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.createElement(Fragment$1, null, React.createElement("div", {
-    className: rootClassName$36 + "-toggle"
+    className: rootClassName$37 + "-toggle"
   }, React.createElement(Button$1, {
     theme: ButtonThemes.DefaultPrimary,
     onClick: function onClick() {
@@ -13654,21 +13694,31 @@ HourEvents.defaultProps = {
 };
 var HourEvents$1 = memo(HourEvents);
 
-var rootClassName$37 = 'inline-month-picker';
+var rootClassName$38 = 'inline-month-picker';
 
 function InlineMonthPicker(props) {
+  var d = new Date(props.value.getTime());
+
+  var fix31st = function fix31st(months) {
+    var m = d.getMonth() + (months || 1);
+    d.setMonth(m);
+
+    if (d.getMonth() !== m % 12) {
+      d.setDate(0);
+    }
+  };
+
   return React.createElement("div", {
-    className: rootClassName$37
+    className: rootClassName$38
   }, React.createElement("div", {
-    className: rootClassName$37 + "-icon"
+    className: rootClassName$38 + "-icon"
   }, React.createElement(CalendarCheckIcon, null)), React.createElement("div", {
-    className: rootClassName$37 + "-label"
+    className: rootClassName$38 + "-label"
   }, props.labelGen(props.value)), React.createElement("div", {
-    className: rootClassName$37 + "-actions"
+    className: rootClassName$38 + "-actions"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ChevronArrowLeftIcon, null),
     onClick: function onClick() {
-      var d = new Date(props.value.getTime());
       d.setMonth(d.getMonth() - 1);
       props.onChange(d);
     },
@@ -13676,8 +13726,7 @@ function InlineMonthPicker(props) {
   }), React.createElement(IconButton$1, {
     icon: React.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
-      var d = new Date(props.value.getTime());
-      d.setMonth(d.getMonth() + 1);
+      fix31st(1);
       props.onChange(d);
     },
     disabled: props.disabled
@@ -13691,7 +13740,7 @@ InlineMonthPicker.defaultProps = {
 };
 var InlineMonthPicker$1 = memo(InlineMonthPicker);
 
-var rootClassName$38 = 'qrcode';
+var rootClassName$39 = 'qrcode';
 
 function QRCode(props) {
   var ref = createRef();
@@ -13711,7 +13760,7 @@ function QRCode(props) {
     });
   }, [props, ref]);
   var className = useMemo(function () {
-    return getMergedClassNames([rootClassName$38, props.button ? 'button' : '']);
+    return getMergedClassNames([rootClassName$39, props.button ? 'button' : '']);
   }, [props.button]);
   return React.createElement("div", {
     className: className,
@@ -40465,7 +40514,7 @@ function useHTMLShare() {
   };
 }
 
-var rootClassName$39 = 'comp-modal-manager';
+var rootClassName$3a = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 
 var hackFocus$1 = function hackFocus() {
@@ -40546,14 +40595,14 @@ function useModalManager() {
   return [React.createElement(React.Fragment, {
     key: 1
   }, React.createElement(TransitionGroup, {
-    className: rootClassName$39 + "-modals"
+    className: rootClassName$3a + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props2, _obj$props3, _obj$props4;
 
     var ModalComponent = React.createElement(obj.component, obj.props);
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$39 + "-mask-mobile-on-xs" : rootClassName$39 + "-mask",
+      classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$3a + "-mask-mobile-on-xs" : rootClassName$3a + "-mask",
       key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
       unmountOnExit: true
     }, React.createElement(ModalMask, {
@@ -40593,7 +40642,7 @@ function useStorageState(storage, key, initialValue) {
   return [value, setValue];
 }
 
-var rootClassName$3a = 'comp-toast-manager';
+var rootClassName$3b = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _useState = useState([]),
@@ -40640,10 +40689,10 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$3a + "-toasts", rootClassName$3a + "-" + verticalPosition, rootClassName$3a + "-" + horizontalPosition, reverse ? rootClassName$3a + "-reverse" : '', animateSize ? rootClassName$3a + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$3b + "-toasts", rootClassName$3b + "-" + verticalPosition, rootClassName$3b + "-" + horizontalPosition, reverse ? rootClassName$3b + "-reverse" : '', animateSize ? rootClassName$3b + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$3a + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$3b + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -40654,7 +40703,7 @@ function useToastManager(props) {
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
 
-          if (!el.classList.contains(rootClassName$3a + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$3b + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -40663,7 +40712,7 @@ function useToastManager(props) {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
-          if (!_el.classList.contains(rootClassName$3a + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$3b + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -40672,7 +40721,7 @@ function useToastManager(props) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
-          if (!_el2.classList.contains(rootClassName$3a + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$3b + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -40683,7 +40732,7 @@ function useToastManager(props) {
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
 
-          if (!_el3.classList.contains(rootClassName$3a + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$3b + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -40696,11 +40745,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$3a + "-toast",
+      classNames: rootClassName$3b + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$3a + "-toastzin"
+      className: rootClassName$3b + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -40729,11 +40778,11 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
-var rootClassName$3b = 'component-chip';
+var rootClassName$3c = 'component-chip';
 
 function Chip(props) {
   return React.createElement("div", {
-    className: useMergedClassNames([rootClassName$3b, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '']),
+    className: useMergedClassNames([rootClassName$3c, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '']),
     onClick: function onClick() {
       if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
         props.onClick();
@@ -40742,7 +40791,7 @@ function Chip(props) {
   }, React.createElement("span", {
     className: 'nunito'
   }, props.label), React.createElement("div", {
-    className: rootClassName$3b + "-button",
+    className: rootClassName$3c + "-button",
     onClick: function onClick() {
       if (!props.disabled && typeof props.onClick === 'function') {
         props.onClick();
@@ -41028,6 +41077,22 @@ DestructiveModal.defaultProps = {
   showIcons: true
 };
 
+var ControlLabelPosition;
+
+(function (ControlLabelPosition) {
+  ControlLabelPosition["Left"] = "left";
+  ControlLabelPosition["Top"] = "top";
+  ControlLabelPosition["Right"] = "right";
+  ControlLabelPosition["Bottom"] = "bottom";
+})(ControlLabelPosition || (ControlLabelPosition = {}));
+
+var InformativoAssembleiasComVideoAlign;
+
+(function (InformativoAssembleiasComVideoAlign) {
+  InformativoAssembleiasComVideoAlign["Left"] = "left";
+  InformativoAssembleiasComVideoAlign["Center"] = "center";
+})(InformativoAssembleiasComVideoAlign || (InformativoAssembleiasComVideoAlign = {}));
+
 var IconButtonType;
 
 (function (IconButtonType) {
@@ -41045,5 +41110,5 @@ var ModalSizes;
   ModalSizes["ExtraLarge"] = "extra-large";
 })(ModalSizes || (ModalSizes = {}));
 
-export { ATMIcon, Accordion, Aconteceu, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddCircleIcon, AddIcon, AdvancedSemiHeader, AgencyIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiaItem$1 as AssembleiaItem, AssembleiaPauta$1 as AssembleiaPauta, AssembleiasIcon, BackOfficeIcon, Banner, BannerAssembleia$1 as BannerAssembleia, BannerPesquisaCpfCnpj$1 as BannerPesquisaCpfCnpj, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BlobFileTypes, BlocoDeNotas, BlocoMinhasAssembleias$1 as BlocoMinhasAssembleias, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, EditableVideoItem$1 as EditableVideoItem, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSearchField, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformationIcon, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftCheckboxWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, Title as ModulosTitle, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotaEdit, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, ProgressBar, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, SearchBlocoDeNotas, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoItem, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useProgressiveCount, usePublicMenuList, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
+export { ATMIcon, Accordion, Aconteceu, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddAssemblyIcon, AddCircleIcon, AddIcon, AdvancedSemiHeader, AgencyIcon, AlertModal, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnimatedLink$1 as AnimatedLink, ArrowLeftIcon, ArrowRightIcon, AssembleiaItem$1 as AssembleiaItem, AssembleiaPauta$1 as AssembleiaPauta, AssembleiasIcon, BackOfficeIcon, Banner, BannerAssembleia$1 as BannerAssembleia, BannerPesquisaCpfCnpj$1 as BannerPesquisaCpfCnpj, BarChartIcon, BeeIcon, BigBlockButton, BigPlayIcon, BlobFileTypes, BlocoDeNotas, BlocoMinhasAssembleias$1 as BlocoMinhasAssembleias, BoldIcon, BottomNavigation$1 as BottomNavigation, BreadCrumb, Button$1 as Button, ButtonFileUpload$1 as ButtonFileUpload, ButtonThemes, Calendar$1 as Calendar, CalendarCheckIcon, CalendarEvent$1 as CalendarEvent, CalendarIcon, Card, CardTypes, CardsIcon, Carousel, CarouselPersona$1 as CarouselPersona, CarouselTouchFrendly$1 as CarouselTouchFrendly, CataventoVerde, CheckCircleIcon, CheckIcon, Checkbox$1 as Checkbox, CheckboxThemes, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip$1 as Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, ControlLabel$1 as ControlLabel, ControlLabelPosition, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, DevicePlusIcon, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, DropdownSelector$1 as DropdownSelector, EditIcon, EditableVideoItem$1 as EditableVideoItem, ElementPaginator$1 as ElementPaginator, Etapas$1 as Etapas, Etiqueta, EtiquetasStyle, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FUNDACAO_LOGO_BRANCO, FUNDACAO_LOGO_VERDE, FileLoader, FilePlusIcon, FileUpload, FilesIcon, FilterIcon, FloatingPanel$1 as FloatingPanel, FontColorIcon, FontIcon, FooterSicredi$1 as FooterSicredi, FormacaoIcon, FullHeightContainer$1 as FullHeightContainer, FundacaoLogo, FundacaoLogoTheme, FundoSocialIcon, GlobeIcon, GraduationIcon, HEADER_SEPARATOR_PRIMARY, HEADER_SEPARATOR_SECONDARY, HamburgerIcon, HandUpIcon, Header$1 as Header, HeaderSearchField, HeaderSeparator, HeaderType, HomeIcon, HourEvents$1 as HourEvents, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformationIcon, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, InformativoAssembleiasComVideoAlign, InlineMonthPicker$1 as InlineMonthPicker, Input$1 as Input, InputArea$1 as InputArea, InvestimentIcon, ItalicIcon, ItemDropdownDownload$1 as ItemDropdownDownload, LeftCheckboxWithLabel, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, Menu$1 as Menu, MenuItem, MessageIcon, Modal, ModalManager, ModalSizes, Title as ModulosTitle, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotaEdit, NotebookIcon, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, ProgressBar, QRCode$1 as QRCode, QRCodeIcon, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, ScrollArrowOverflow$1 as ScrollArrowOverflow, SearchBlocoDeNotas, SearchIcon, Select$1 as Select, SettingsIcon, SicrediLogo, SicrediLogoTheme, SquaresIcon, SustentabilidadeIcon, Switch, Table, TableActions, TableFileNameAndAction$1 as TableFileNameAndAction, TableWithOverflow$1 as TableWithOverflow, Tabs$1 as Tabs, TextEditor, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoItem, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, stringToReactElement, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useProgressiveCount, usePublicMenuList, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
 //# sourceMappingURL=index.modern.js.map