npm - plataforma-fundacao-componentes - Versions diffs - 2.23.30 → 2.23.32 - Mend

plataforma-fundacao-componentes 2.23.30 → 2.23.32

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

Files changed (12) hide show

package/dist/components/controlLabel/ControlLabel.d.ts +12 -0
package/dist/components/controlLabel/ControlLabel.stories.d.ts +10 -0
package/dist/hooks/useScreenSize/useScreenSize.stories.d.ts +1 -1
package/dist/index.css +56 -0
package/dist/index.d.ts +3 -1
package/dist/index.js +598 -551
package/dist/index.js.map +1 -1
package/dist/index.modern.js +600 -552
package/dist/index.modern.js.map +1 -1
package/dist/libraries/ControlLabelPosition.d.ts +6 -0
package/dist/utils/HTMLutils.d.ts +1 -0
package/package.json +1 -1

package/dist/index.modern.js CHANGED Viewed

@@ -115,6 +115,61 @@ var FormacaoIcon = function FormacaoIcon() {
   }));
 };
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 var getMergedClassNames = function getMergedClassNames(arr) {
   return arr.filter(function (el) {
     return Boolean(el);
@@ -202,6 +257,16 @@ var getParents = function getParents(anchor) {
   return [anchor].concat(getParents(anchor.parentElement));
 };
+var objectKeysFiltered = function objectKeysFiltered(obj, keysToExclude) {
+  var p = _extends({}, obj);
+  for (var _iterator = _createForOfIteratorHelperLoose(keysToExclude), _step; !(_step = _iterator()).done;) {
+    var k = _step.value;
+    delete p[k];
+  }
+  return p;
+};
 var rootClassName$7 = 'percent-loader-icon';
 var PercentLoaderIcon = function PercentLoaderIcon(props) {
@@ -4396,61 +4461,6 @@ var QRCodeWhatsapp = function QRCodeWhatsapp(props) {
   }))));
 };
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 var rootClassName$1y = 'component-collapse';
 function Collapse(props) {
@@ -8193,12 +8203,32 @@ Col.defaultProps = {
 };
 var Col$1 = memo(Col);
-var rootClassName$23 = 'component-container';
+var rootClassName$23 = 'component-control-label';
+var keysToExclude = ['control', 'controlProps', 'labelPosition', 'labelGap', 'label'];
+function ControlLabel(props) {
+  var _props$control$props;
+  var ref = useRef();
+  return React.createElement("label", Object.assign({
+    className: getMergedClassNames([rootClassName$23, props.labelPosition ? props.labelPosition : '', (_props$control$props = props.control.props) !== null && _props$control$props !== void 0 && _props$control$props.disabled ? 'disabled' : '']),
+    ref: ref,
+    style: props.labelGap ? {
+      gap: props.labelGap + "px"
+    } : {}
+  }, objectKeysFiltered(props, keysToExclude)), props.control, 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 +8244,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 +8308,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 +8341,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 +8365,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 +8373,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 +8435,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 +8448,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 +8505,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 +8559,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 +8577,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 +8611,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 +8626,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 +8641,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 +8650,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 +8667,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 +8707,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 +8753,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 +8804,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 +8816,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 +8831,7 @@ DropdownMenu.defaultProps = {
   closeOnEsc: true
 };
-var rootClassName$29 = 'floating-panel';
+var rootClassName$2a = 'floating-panel';
 function FloatingPanel(props) {
   var id = useMemo(getUniqueKey, []);
@@ -8825,7 +8855,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 +8864,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 +8916,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 +8936,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 +8965,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 +9031,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 +9051,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 +9067,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 +9081,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 +9102,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 +9158,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 +9179,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 +9202,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 +9244,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 +9286,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 +9311,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 +9319,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 +9327,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 +9378,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 +9412,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 +9442,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 +9456,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 +9477,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 +9499,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 +9642,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 +9665,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 +9684,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 +9698,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 +9737,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 +9800,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 +9831,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 +9840,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 +9870,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: getMergedClassNames([rootClassName$2p + "-first-row", props.align ? "" + props.align : ''])
+    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: getMergedClassNames([rootClassName$2p + "-play-icon", props.align ? "" + props.align : ''])
+    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 +9908,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 +9932,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 +9966,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 +9974,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 +9998,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 +10046,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 +10070,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 +10085,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 +10096,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 +10111,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 +10127,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 +10140,7 @@ MenuItem.defaultProps = {
   label: ''
 };
-var rootClassName$2t = 'component-menu';
+var rootClassName$2u = 'component-menu';
 var timeout;
 var format = function format(s) {
@@ -10161,12 +10191,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 +10235,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 +10254,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 +10270,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 +10313,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 +10353,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 +10373,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 +10387,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 +10478,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 +10489,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 +10510,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 +10533,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 +10561,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 +10592,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 +10606,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 +10618,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 +10628,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 +10684,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 +10709,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 +10719,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 +10739,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 +10773,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 +10786,7 @@ SearchBlocoDeNotas.defaultProps = {
   value: ''
 };
-var rootClassName$2C = 'component-select';
+var rootClassName$2D = 'component-select';
 function Select(props) {
   var _props$options3;
@@ -10801,7 +10831,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 +10936,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 +10952,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 +10964,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 +10978,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 +10993,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 +11052,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 +11063,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 +11071,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 +11098,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 +11123,7 @@ function Select(props) {
         handleChange();
       }
     }), React.createElement("div", {
-      className: rootClassName$2C + "-multiple-option-label"
+      className: rootClassName$2D + "-multiple-option-label"
     }, option.label));
   };
@@ -11110,7 +11140,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 +11152,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 +11178,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 +11199,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 +11211,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 +11246,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 +11254,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 +11272,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 +11293,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 +11305,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 +11314,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 +11322,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 +11339,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 +11360,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 +11370,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 +11384,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 +11396,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 +11410,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 +11432,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 +11443,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 +11455,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 +11468,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 +11505,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 +11518,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 +11531,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 +11577,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 +11703,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 +11726,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 +11747,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 +11863,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 +11873,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 +11885,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 +11901,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 +11931,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 +11948,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 +11974,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 +11985,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 +12001,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 +12012,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 +12094,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 +12106,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 +12117,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 +12130,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 +12156,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 +12171,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 +12215,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 +12235,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 +12311,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 +12322,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 +12331,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 +12342,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 +12357,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 +12380,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 +12407,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 +12471,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 +12597,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 +12612,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 +12636,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 +12663,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 +12720,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 +12750,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 +12825,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 +12840,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 +12849,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 +12858,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 +12869,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 +12882,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 +12916,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 +12924,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 +12951,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 +13059,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 +13086,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 +13094,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 +13107,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 +13128,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 +13149,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 +13168,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 +13184,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 +13198,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 +13209,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 +13252,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 +13267,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 +13316,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 +13336,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 +13355,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 +13378,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 +13387,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 +13399,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 +13420,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 +13447,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 +13459,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 +13522,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 +13599,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 +13616,7 @@ function ScrollArrowOverflow(props) {
     }
   })), React.createElement("div", {
     ref: ref,
-    className: rootClassName$35 + "-overflow"
+    className: rootClassName$36 + "-overflow"
   }, props.children));
 }
@@ -13596,7 +13626,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 +13636,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 +13684,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 +13716,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 +13730,7 @@ InlineMonthPicker.defaultProps = {
 };
 var InlineMonthPicker$1 = memo(InlineMonthPicker);
-var rootClassName$38 = 'qrcode';
+var rootClassName$39 = 'qrcode';
 function QRCode(props) {
   var ref = createRef();
@@ -13711,7 +13750,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 +40504,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 +40585,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 +40632,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 +40679,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 +40693,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 +40702,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 +40711,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 +40722,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 +40735,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 +40768,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 +40781,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 +41067,15 @@ 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) {
@@ -41052,5 +41100,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, 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 };
+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