plataforma-fundacao-componentes 2.23.2 → 2.23.3

package/dist/index.modern.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useMemo, Component, memo, useCallback, useL
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import moment from 'moment';
 import { Chart } from 'chart.js';
+import QRCode from 'qrcode';
 import Sortable from 'sortablejs';
 
 var rootClassName = 'icon-component';
@@ -7720,7 +7721,7 @@ var languageValues = {
 
 var numberToMoeda = function numberToMoeda(num, simbolo, delimitadorCentesimal, delimitadorDecimal) {
   if (simbolo === void 0) {
-    simbolo = 'R$';
+    simbolo = 'R$ ';
   }
 
   if (delimitadorCentesimal === void 0) {
@@ -7734,11 +7735,11 @@ var numberToMoeda = function numberToMoeda(num, simbolo, delimitadorCentesimal,
   if (isNaN(num)) return 'NaN';
   num = parseFloat(num);
   var negativo = num < 0;
-  var numeroInteiro = parseInt(Math.abs(num));
+  var numeroInteiro = parseInt(String(Math.abs(num)));
   var numeroAbsoluto = Math.abs(numeroInteiro);
-  var numerosDecimais = parseFloat(Math.abs(num) - numeroInteiro).toPrecision(2) * 100;
+  var numerosDecimais = (parseFloat((Math.abs(num) - numeroInteiro).toFixed(2)) * 100).toFixed(0);
   if (numerosDecimais < 10) numerosDecimais = "0" + numerosDecimais;
-  return "" + simbolo + (negativo ? ' - ' : ' ') + String(numeroAbsoluto).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + delimitadorCentesimal) + delimitadorDecimal + numerosDecimais;
+  return "" + simbolo + (negativo ? '- ' : '') + String(numeroAbsoluto).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + delimitadorCentesimal) + delimitadorDecimal + numerosDecimais;
 };
 
 function MoneyMonthLineChart(props) {
@@ -8052,7 +8053,7 @@ function DatePickerCalendar(props) {
   }, [props.value]);
 
   var getDaysInMonth = function getDaysInMonth(mes, ano) {
-    var arr = new Array(31).fill('').map(function (v, i) {
+    var arr = new Array(31).fill('').map(function (_, i) {
       return new Date(ano, mes, i + 1);
     }).filter(function (v) {
       return v.getMonth() === mes;
@@ -8085,34 +8086,34 @@ function DatePickerCalendar(props) {
       monthPage = _useState4[0],
       setMonthPage = _useState4[1];
 
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: rootClassName$1Y
-  }, /*#__PURE__*/React.createElement(CSSTransition, {
+  }, React.createElement(CSSTransition, {
     "in": monthPage,
     classNames: rootClassName$1Y + "-month-picker",
     timeout: 300,
     unmountOnExit: true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: rootClassName$1Y + "-month-picker"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "prev",
+  }, React.createElement("div", {
+    className: 'header'
+  }, React.createElement("button", {
+    className: 'prev',
     onClick: function onClick() {
       setYear(year - 1);
     }
-  }, /*#__PURE__*/React.createElement(ChevronArrowLeftIcon, null)), /*#__PURE__*/React.createElement("button", {
-    className: "month",
+  }, React.createElement(ChevronArrowLeftIcon, null)), React.createElement("button", {
+    className: 'month',
     disabled: true
-  }, year), /*#__PURE__*/React.createElement("button", {
-    className: "next",
+  }, year), React.createElement("button", {
+    className: 'next',
     onClick: function onClick() {
       setYear(year + 1);
     }
-  }, /*#__PURE__*/React.createElement(ChevronArrowRightIcon, null))), /*#__PURE__*/React.createElement("div", {
+  }, React.createElement(ChevronArrowRightIcon, null))), React.createElement("div", {
     className: rootClassName$1Y + "-months"
   }, props.language.monthsAbrev.map(function (mes, index) {
-    return /*#__PURE__*/React.createElement("button", {
+    return React.createElement("button", {
       key: index,
       onClick: function onClick() {
         setMonth(index);
@@ -8120,16 +8121,16 @@ function DatePickerCalendar(props) {
       },
       className: getMergedClassNames([rootClassName$1Y + "-month", index === month ? 'selected' : ''])
     }, mes);
-  })))), /*#__PURE__*/React.createElement(CSSTransition, {
+  })))), React.createElement(CSSTransition, {
     "in": !monthPage,
     timeout: 300,
     classNames: rootClassName$1Y + "-bottom-page"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: rootClassName$1Y + "-first-page"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "prev",
+  }, React.createElement("div", {
+    className: 'header'
+  }, React.createElement("button", {
+    className: 'prev',
     onClick: function onClick() {
       if (month === 0) {
         setYear(year - 1);
@@ -8138,13 +8139,13 @@ function DatePickerCalendar(props) {
         setMonth(month - 1);
       }
     }
-  }, /*#__PURE__*/React.createElement(ChevronArrowLeftIcon, null)), /*#__PURE__*/React.createElement("button", {
-    className: "month",
+  }, React.createElement(ChevronArrowLeftIcon, null)), React.createElement("button", {
+    className: 'month',
     onClick: function onClick() {
       return setMonthPage(!monthPage);
     }
-  }, props.language.months[month] + " / " + year), /*#__PURE__*/React.createElement("button", {
-    className: "next",
+  }, props.language.months[month] + " / " + year), React.createElement("button", {
+    className: 'next',
     onClick: function onClick() {
       if (month === 11) {
         setYear(year + 1);
@@ -8153,38 +8154,31 @@ function DatePickerCalendar(props) {
         setMonth(month + 1);
       }
     }
-  }, /*#__PURE__*/React.createElement(ChevronArrowRightIcon, null))), /*#__PURE__*/React.createElement("div", {
-    className: "week-days"
+  }, React.createElement(ChevronArrowRightIcon, null))), React.createElement("div", {
+    className: 'week-days'
   }, props.language && props.language.daysOfWeek ? props.language.daysOfWeek.map(function (day, index) {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       key: index,
-      className: "label"
+      className: 'label'
     }, day);
-  }) : undefined), /*#__PURE__*/React.createElement("div", {
-    className: "days"
+  }) : undefined), React.createElement("div", {
+    className: 'days'
   }, getDaysInMonth(month, year).map(function (day, index) {
-    return /*#__PURE__*/React.createElement("button", {
+    var _stringToDate, _stringToDate2, _stringToDate3;
+
+    return React.createElement("button", {
       onClick: function onClick() {
         if (typeof props.onChange === 'function') {
           props.onChange(dateToString(day));
         }
       },
       key: index,
-      className: getMergedClassNames(['day', day.getFullYear() === today.getFullYear() && day.getMonth() === today.getMonth() && day.getDate() === today.getDate() ? 'today' : '', props.value && day.getFullYear() === stringToDate(props.value).getFullYear() && day.getMonth() === stringToDate(props.value).getMonth() && day.getDate() === stringToDate(props.value).getDate() ? 'selected' : '']),
+      className: getMergedClassNames(['day', day.getFullYear() === today.getFullYear() && day.getMonth() === today.getMonth() && day.getDate() === today.getDate() ? 'today' : '', props.value && day.getFullYear() === ((_stringToDate = stringToDate(props.value)) === null || _stringToDate === void 0 ? void 0 : _stringToDate.getFullYear()) && day.getMonth() === ((_stringToDate2 = stringToDate(props.value)) === null || _stringToDate2 === void 0 ? void 0 : _stringToDate2.getMonth()) && day.getDate() === ((_stringToDate3 = stringToDate(props.value)) === null || _stringToDate3 === void 0 ? void 0 : _stringToDate3.getDate()) ? 'selected' : '']),
       disabled: day.getMonth() !== month
     }, day.getDate());
   })))));
 }
 
-DatePickerCalendar.propTypes = {
-  value: propTypes.any,
-  onChange: propTypes.func,
-  language: propTypes.shape({
-    daysOfWeek: propTypes.arrayOf(propTypes.string),
-    months: propTypes.arrayOf(propTypes.string),
-    monthsAbrev: propTypes.arrayOf(propTypes.string)
-  })
-};
 var DatePickerCalendar$1 = memo(DatePickerCalendar);
 
 var rootClassName$1Z = 'component-date-picker';
@@ -10085,39 +10079,20 @@ var ModalManager = forwardRef(function (_props, ref) {
   })));
 });
 
-var rootClassName$2n = 'component-modulos-title';
-function ModulosTitle(props) {
-  return React.createElement("div", {
-    className: rootClassName$2n
-  }, React.createElement("div", {
-    className: rootClassName$2n + "-wrapper"
-  }, props.showBackButton ? React.createElement("div", {
-    className: rootClassName$2n + "-icon"
-  }, React.createElement(IconButton$1, {
-    icon: React.createElement(ArrowLeftIcon, null),
-    onClick: props.onBackClick
-  })) : undefined, React.createElement("div", {
-    className: rootClassName$2n + "-text"
-  }, props.children)), props.rightElement ? React.createElement("div", {
-    className: rootClassName$2n + "-right-element"
-  }, props.rightElement) : undefined);
-}
-ModulosTitle.defaultProps = {};
-
-var rootClassName$2o = 'component-nota-edit';
+var rootClassName$2n = 'component-nota-edit';
 function NotaEdit(props) {
   return React.createElement("div", {
-    className: rootClassName$2o
+    className: rootClassName$2n
   }, React.createElement("div", {
-    className: rootClassName$2o + "-titulo"
+    className: rootClassName$2n + "-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$2o + "-texto"
+    className: rootClassName$2n + "-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$2o + "-close-button"
+    className: rootClassName$2n + "-close-button"
   }, React.createElement(IconButton$1, {
     theme: props.iconButtonTheme,
     icon: React.createElement(CloseIcon, null),
@@ -10127,7 +10102,7 @@ function NotaEdit(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$2o + "-save-button"
+    className: rootClassName$2n + "-save-button"
   }, React.createElement(Button$1, Object.assign({
     theme: ButtonThemes.Blue
   }, props.buttonSaveProps), props.buttonSaveProps ? props.buttonSaveProps.label : '')));
@@ -10155,7 +10130,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var rootClassName$2p = 'component-paginator';
+var rootClassName$2o = 'component-paginator';
 function Paginator(props) {
   var _useState = useState([]),
       arrOfNumbers = _useState[0],
@@ -10186,11 +10161,11 @@ function Paginator(props) {
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
   return React.createElement("div", {
     id: props.id ? props.id : undefined,
-    className: getMergedClassNames([rootClassName$2p, props.className || ''])
+    className: getMergedClassNames([rootClassName$2o, props.className || ''])
   }, React.createElement("div", {
-    className: rootClassName$2p + "-center-content"
+    className: rootClassName$2o + "-center-content"
   }, props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$2p + "-left-arrow"
+    className: rootClassName$2o + "-left-arrow"
   }, React.createElement(IconButton$1, {
     disabled: props.paginaAtual === 1,
     icon: React.createElement(ChevronArrowLeftIcon, null),
@@ -10200,11 +10175,11 @@ function Paginator(props) {
       }
     }
   })) : undefined, React.createElement("div", {
-    className: rootClassName$2p + "-numbers"
+    className: rootClassName$2o + "-numbers"
   }, arrOfNumbers.map(function (num) {
     return React.createElement("button", {
       key: num,
-      className: getMergedClassNames([rootClassName$2p + "-number", num === props.paginaAtual ? 'active' : '']),
+      className: getMergedClassNames([rootClassName$2o + "-number", num === props.paginaAtual ? 'active' : '']),
       onClick: function onClick() {
         if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
           props.onChange(num);
@@ -10212,7 +10187,7 @@ function Paginator(props) {
       }
     }, num);
   })), props.quantidadeDePaginas > 1 ? React.createElement("div", {
-    className: rootClassName$2p + "-right-arrow"
+    className: rootClassName$2o + "-right-arrow"
   }, React.createElement(IconButton$1, {
     icon: React.createElement(ChevronArrowRightIcon, null),
     onClick: function onClick() {
@@ -10222,19 +10197,19 @@ function Paginator(props) {
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
   })) : undefined, React.createElement(CSSTransition, {
-    classNames: rootClassName$2p + "-loader",
+    classNames: rootClassName$2o + "-loader",
     "in": props.loading,
     timeout: 300,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2p + "-loader"
+    className: rootClassName$2o + "-loader"
   }, React.createElement(ThreeDotsLoader, {
     size: 2
   })))));
 }
 Paginator.defaultProps = {};
 
-var rootClassName$2q = 'previa-video';
+var rootClassName$2p = 'previa-video';
 
 function PreviaVideo(props) {
   var _useState = useState(getUniqueKey()),
@@ -10278,21 +10253,21 @@ function PreviaVideo(props) {
   }, [props.videoPlayerProps]);
   return React.createElement("div", {
     id: id,
-    className: rootClassName$2q,
+    className: rootClassName$2p,
     onClick: function onClick() {
       if (!clicou) setClicou(true);
     }
   }, React.createElement("div", {
-    className: rootClassName$2q + "-img",
+    className: rootClassName$2p + "-img",
     style: {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }), React.createElement("div", {
-    className: rootClassName$2q + "-icon"
+    className: rootClassName$2p + "-icon"
   }, React.createElement(BigPlayIcon, {
     hideBackground: true
   })), React.createElement("div", {
-    className: rootClassName$2q + "-label"
+    className: rootClassName$2p + "-label"
   }, props.label), React.createElement(CSSTransition, {
     "in": clicou,
     timeout: 300,
@@ -10304,7 +10279,7 @@ function PreviaVideo(props) {
       el.style.height = firstHeight.current;
     }
   }, React.createElement("div", {
-    className: rootClassName$2q + "-video"
+    className: rootClassName$2p + "-video"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, videoPlayerProps, {
@@ -10314,7 +10289,7 @@ function PreviaVideo(props) {
 
 var PreviaVideo$1 = memo(PreviaVideo);
 
-var rootClassName$2r = 'progress-bar';
+var rootClassName$2q = 'progress-bar';
 function ProgressBar(props) {
   var _useProgressiveCount = useProgressiveCount(props.percent),
       percent = _useProgressiveCount[0],
@@ -10334,27 +10309,69 @@ function ProgressBar(props) {
     setRightValue(props.rightValue);
   }, [props]);
   return React.createElement("div", {
-    className: rootClassName$2r + "-wrapper"
+    className: rootClassName$2q + "-wrapper"
   }, React.createElement("div", {
-    className: rootClassName$2r + "-header"
+    className: rootClassName$2q + "-header"
   }, React.createElement("p", {
-    className: rootClassName$2r + "-title"
+    className: rootClassName$2q + "-title"
   }, props.title), React.createElement("div", {
-    className: rootClassName$2r + "-percent-container"
+    className: rootClassName$2q + "-percent-container"
   }, props.textPercent && React.createElement("span", {
-    className: rootClassName$2r + "-span-text"
+    className: rootClassName$2q + "-span-text"
   }, props.textPercent, " \u2022", ' '), React.createElement("p", null, percent, "%"))), React.createElement("div", {
-    className: rootClassName$2r + "-fill"
+    className: rootClassName$2q + "-fill"
   }, React.createElement("div", {
-    className: rootClassName$2r + "-filled",
+    className: rootClassName$2q + "-filled",
     style: {
       width: percent + "%"
     }
   })), !props.hideDescription && React.createElement("div", {
-    className: rootClassName$2r + "-bottom"
+    className: rootClassName$2q + "-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$2r = 'qrcode';
+
+function QRcode(props) {
+  var ref = createRef();
+  useEffect(function () {
+    QRCode.toString(props.text || '-', {
+      type: 'svg',
+      width: props.size,
+      margin: props.margin,
+      color: {
+        dark: props.color,
+        light: '#0000'
+      }
+    }).then(function (svg) {
+      if (ref.current) {
+        ref.current.innerHTML = svg;
+      }
+    });
+  }, [props, ref]);
+  var className = useMemo(function () {
+    return getMergedClassNames([rootClassName$2r, props.button ? 'button' : '']);
+  }, [props.button]);
+  return React.createElement("div", {
+    className: className,
+    ref: ref,
+    style: {
+      width: props.size,
+      height: props.size,
+      backgroundColor: props.backgroundColor
+    },
+    onClick: props.onClick
+  }, React.createElement(ThreeDotsLoader, {
+    theme: 'secondary'
+  }));
+}
+
+QRcode.defaultProps = {
+  margin: 0,
+  color: '#3fa110'
+};
+var Qrcode = memo(QRcode);
+
 var rootClassName$2s = 'component-search-bloco-de-notas';
 function SearchBlocoDeNotas(props) {
   return /*#__PURE__*/React.createElement("div", {
@@ -12229,6 +12246,25 @@ TextEditor.defaultProps = {
   onChange: function onChange() {}
 };
 
+var rootClassName$2J = 'component-title';
+function Title(props) {
+  return React.createElement("div", {
+    className: rootClassName$2J
+  }, React.createElement("div", {
+    className: rootClassName$2J + "-wrapper"
+  }, props.showBackButton ? React.createElement("div", {
+    className: rootClassName$2J + "-icon"
+  }, React.createElement(IconButton$1, {
+    icon: React.createElement(ArrowLeftIcon, null),
+    onClick: props.onBackClick
+  })) : undefined, React.createElement("div", {
+    className: rootClassName$2J + "-text"
+  }, props.children)), props.rightElement ? React.createElement("div", {
+    className: rootClassName$2J + "-right-element"
+  }, props.rightElement) : undefined);
+}
+Title.defaultProps = {};
+
 var ToastTypes;
 
 (function (ToastTypes) {
@@ -12237,17 +12273,17 @@ var ToastTypes;
   ToastTypes["Error"] = "error";
 })(ToastTypes || (ToastTypes = {}));
 
-var rootClassName$2J = 'component-toast';
+var rootClassName$2K = 'component-toast';
 function Toast(props) {
   var _useState = useState(props.id || getUniqueKey()),
       id = _useState[0];
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2J, rootClassName$2J + "-" + props.theme]);
+    return getMergedClassNames([rootClassName$2K, rootClassName$2K + "-" + props.theme]);
   };
 
   useEffect(function () {
-    var el = document.querySelector("#" + id + " ." + rootClassName$2J + "-fill");
+    var el = document.querySelector("#" + id + " ." + rootClassName$2K + "-fill");
 
     if (el) {
       el.style.animation = "fillToZero " + props.timeout + "ms linear forwards";
@@ -12294,22 +12330,22 @@ function Toast(props) {
     id: id,
     className: getClassNames()
   }, React.createElement("div", {
-    className: rootClassName$2J + "-left-content"
+    className: rootClassName$2K + "-left-content"
   }, props.label), React.createElement("div", {
-    className: rootClassName$2J + "-right-content"
+    className: rootClassName$2K + "-right-content"
   }, props.showActionButton && React.createElement("div", {
-    className: rootClassName$2J + "-action-button"
+    className: rootClassName$2K + "-action-button"
   }, props.actionButtonText), React.createElement("div", {
-    className: rootClassName$2J + "-close-button"
+    className: rootClassName$2K + "-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$2J + "-bar", props.showStatusBar ? '' : 'hide'])
+    className: getMergedClassNames([rootClassName$2K + "-bar", props.showStatusBar ? '' : 'hide'])
   }, React.createElement("div", {
-    className: rootClassName$2J + "-fill",
+    className: rootClassName$2K + "-fill",
     onAnimationEnd: function onAnimationEnd() {
       if (typeof props.onClose === 'function') props.onClose();
     }
@@ -12324,7 +12360,7 @@ Toast.defaultProps = {
   onClose: function onClose() {}
 };
 
-var rootClassName$2K = 'comp-toast-manager';
+var rootClassName$2L = 'comp-toast-manager';
 var count = 0;
 var ToastManager = forwardRef(function (props, ref) {
   var _useState = useState([]),
@@ -12399,11 +12435,11 @@ var ToastManager = forwardRef(function (props, ref) {
   });
 
   var getClassNames = function getClassNames() {
-    return getMergedClassNames([rootClassName$2K + "-toasts", rootClassName$2K + "-" + props.verticalPosition, rootClassName$2K + "-" + props.horizontalPosition, props.reverse ? rootClassName$2K + "-reverse" : '', props.animateSize ? rootClassName$2K + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2L + "-toasts", rootClassName$2L + "-" + props.verticalPosition, rootClassName$2L + "-" + props.horizontalPosition, props.reverse ? rootClassName$2L + "-reverse" : '', props.animateSize ? rootClassName$2L + "-animate-size" : '']);
   };
 
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2K + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2L + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -12414,7 +12450,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$2K + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2L + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -12423,7 +12459,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$2K + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2L + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -12432,7 +12468,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$2K + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2L + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -12443,7 +12479,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$2K + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2L + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -12456,11 +12492,11 @@ var ToastManager = forwardRef(function (props, ref) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2K + "-toast",
+      classNames: rootClassName$2L + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$2K + "-toastzin"
+      className: rootClassName$2L + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.type,
       label: toast.label,
@@ -12490,7 +12526,7 @@ var TooltipPosition;
   TooltipPosition["Bottom"] = "bottom";
 })(TooltipPosition || (TooltipPosition = {}));
 
-var rootClassName$2L = 'component-tooltip';
+var rootClassName$2M = 'component-tooltip';
 function Tooltip(props) {
   var _useState = useState(props.id || getUniqueKey()),
       id = _useState[0];
@@ -12498,13 +12534,13 @@ function Tooltip(props) {
   var getProps = function getProps() {
     return _extends({}, props, {
       id: id,
-      className: getMergedClassNames([rootClassName$2L, props.className, rootClassName$2L + "-" + props.position])
+      className: getMergedClassNames([rootClassName$2M, props.className, rootClassName$2M + "-" + props.position])
     });
   };
 
   useEffect(function () {
     var element = document.querySelector("#" + id);
-    var triangle = element.querySelector("." + rootClassName$2L + "-triangle");
+    var triangle = element.querySelector("." + rootClassName$2M + "-triangle");
     var bounding = element.getBoundingClientRect();
     var ScreenWidth = window.innerWidth;
 
@@ -12525,16 +12561,16 @@ function Tooltip(props) {
     }
   }, [id, props.position]);
   return React.createElement("div", {
-    className: rootClassName$2L + "-outer"
+    className: rootClassName$2M + "-outer"
   }, React.createElement("div", Object.assign({}, getProps()), props.children, React.createElement("div", {
-    className: rootClassName$2L + "-triangle"
+    className: rootClassName$2M + "-triangle"
   })));
 }
 Tooltip.defaultProps = {
   position: TooltipPosition.Top
 };
 
-var rootClassName$2M = 'tooltip-manager';
+var rootClassName$2N = 'tooltip-manager';
 function TooltipManager() {
   var _useState = useState([]),
       arrayOfTooltips = _useState[0],
@@ -12633,17 +12669,17 @@ function TooltipManager() {
     };
   }, []);
   return React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
-    className: rootClassName$2M
+    className: rootClassName$2N
   }, arrayOfTooltips.map(function (tooltip) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2M + "-tooltip",
+      classNames: rootClassName$2N + "-tooltip",
       key: tooltip.id,
       unmountOnExit: true
     }, React.createElement(Tooltip, {
       id: tooltip.id,
       position: tooltip.position,
-      className: rootClassName$2M + "-tooltip",
+      className: rootClassName$2N + "-tooltip",
       style: _extends({}, tooltip.style),
       onMouseLeave: function onMouseLeave() {
         if (!document.querySelectorAll("[tooltip-id=" + tooltip.id + "]").length) {
@@ -12660,7 +12696,7 @@ function TooltipManager() {
 TooltipManager.propTypes = {};
 TooltipManager.defaultProps = {};
 
-var rootClassName$2N = 'component-top-loader';
+var rootClassName$2O = 'component-top-loader';
 function TopLoader(props) {
   return React.createElement(CSSTransition, {
     classNames: 'fade',
@@ -12668,11 +12704,11 @@ function TopLoader(props) {
     "in": props.opened,
     unmountOnExit: true
   }, React.createElement("div", {
-    className: rootClassName$2N
+    className: rootClassName$2O
   }, React.createElement("div", {
-    className: rootClassName$2N + "-logo"
+    className: rootClassName$2O + "-logo"
   }, props.logo), props.status && React.createElement("div", {
-    className: rootClassName$2N + "-status"
+    className: rootClassName$2O + "-status"
   }, props.status)));
 }
 TopLoader.defaultProps = {
@@ -12681,11 +12717,11 @@ TopLoader.defaultProps = {
   })
 };
 
-var rootClassName$2O = 'component-video-item';
+var rootClassName$2P = 'component-video-item';
 function VideoItem(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2O, props.className])
+      className: getMergedClassNames([rootClassName$2P, props.className])
     });
 
     delete p.url;
@@ -12702,20 +12738,20 @@ function VideoItem(props) {
     blackGround: props.blackGround || false
   })), React.createElement(Col$1, {
     cols: [12, 12, 6, 8, 8],
-    className: rootClassName$2O + "-text-col"
+    className: rootClassName$2P + "-text-col"
   }, React.createElement(Row$1, {
-    className: rootClassName$2O + "-text-row"
+    className: rootClassName$2P + "-text-row"
   }, React.createElement(Col$1, {
-    className: rootClassName$2O + "-title"
+    className: rootClassName$2P + "-title"
   }, props.title), React.createElement(Col$1, {
-    className: rootClassName$2O + "-description nunito"
+    className: rootClassName$2P + "-description nunito"
   }, props.description))));
 }
 VideoItem.defaultProps = {
   url: ''
 };
 
-var rootClassName$2P = 'video-modal';
+var rootClassName$2Q = 'video-modal';
 function VideoModal(props) {
   var handleClose = useCallback(function () {
     props.onClose(props.modalKey);
@@ -12723,7 +12759,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$2P, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2P + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([rootClassName$2Q, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2Q + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.urlVideo;
@@ -12742,12 +12778,12 @@ function VideoModal(props) {
     return p;
   }, [props]);
   return React.createElement("div", Object.assign({}, filteredProps), React.createElement("div", {
-    className: rootClassName$2P + "-close-button"
+    className: rootClassName$2Q + "-close-button"
   }, React.createElement(IconButton$1, {
     onClick: handleClose,
     icon: React.createElement(CloseIcon, null)
   })), React.createElement("div", {
-    className: rootClassName$2P + "-video-row"
+    className: rootClassName$2Q + "-video-row"
   }, React.createElement(VideoPlayer, Object.assign({
     blackGround: true
   }, props.videoPlayerProps, {
@@ -12787,7 +12823,7 @@ function useDropOpened(initialState) {
   return [opened, toggleOpened];
 }
 
-var rootClassName$2Q = 'comp-modal-manager';
+var rootClassName$2R = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 
 var hackFocus$1 = function hackFocus() {
@@ -12873,14 +12909,14 @@ function useModalManager() {
   };
 
   return [React.createElement(React.Fragment, null, React.createElement(TransitionGroup, {
-    className: rootClassName$2Q + "-modals"
+    className: rootClassName$2R + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props, _obj$props2, _obj$props3;
 
     var M = obj.component;
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$2Q + "-mask-mobile-on-xs" : rootClassName$2Q + "-mask",
+      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$2R + "-mask-mobile-on-xs" : rootClassName$2R + "-mask",
       key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
       unmountOnExit: true
     }, React.createElement(ModalMask, {
@@ -12920,7 +12956,7 @@ function useStorageState(storage, key, initialValue) {
   return [value, setValue];
 }
 
-var rootClassName$2R = 'comp-toast-manager';
+var rootClassName$2S = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _useState = useState([]),
@@ -12968,10 +13004,10 @@ function useToastManager(props) {
     setArrayOfToast([]);
   }, []);
   var classNames = useMemo(function () {
-    return getMergedClassNames([rootClassName$2R + "-toasts", rootClassName$2R + "-" + verticalPosition, rootClassName$2R + "-" + horizontalPosition, reverse ? rootClassName$2R + "-reverse" : '', animateSize ? rootClassName$2R + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$2S + "-toasts", rootClassName$2S + "-" + verticalPosition, rootClassName$2S + "-" + horizontalPosition, reverse ? rootClassName$2S + "-reverse" : '', animateSize ? rootClassName$2S + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$2R + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$2S + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
@@ -12982,7 +13018,7 @@ function useToastManager(props) {
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
 
-          if (!el.classList.contains(rootClassName$2R + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$2S + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -12991,7 +13027,7 @@ function useToastManager(props) {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
-          if (!_el.classList.contains(rootClassName$2R + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$2S + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -13000,7 +13036,7 @@ function useToastManager(props) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
-          if (!_el2.classList.contains(rootClassName$2R + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$2S + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -13011,7 +13047,7 @@ function useToastManager(props) {
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
 
-          if (!_el3.classList.contains(rootClassName$2R + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$2S + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -13024,11 +13060,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React.createElement(CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$2R + "-toast",
+      classNames: rootClassName$2S + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React.createElement("div", {
-      className: rootClassName$2R + "-toastzin"
+      className: rootClassName$2S + "-toastzin"
     }, React.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -13057,6 +13093,129 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
+var rootClassName$2T = 'icon-component';
+var CopyIcon = function CopyIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2T,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M7 1H20C21.1046 1 22 1.89543 22 3V18C22 19.1046 21.1046 20 20 20H19V21C19 22.1046 18.1046 23 17 23H14H4C2.89543 23 2 22.1046 2 21V17V6C2 4.89543 2.89543 4 4 4H5V3C5 1.89543 5.89543 1 7 1ZM6 5H5H4C3.44772 5 3 5.44772 3 6V21C3 21.5523 3.44772 22 4 22H17C17.5523 22 18 21.5523 18 21V20V19V6C18 5.44772 17.5523 5 17 5H6ZM19 19V6C19 4.89543 18.1046 4 17 4H6V3C6 2.44772 6.44772 2 7 2H20C20.5523 2 21 2.44772 21 3V18C21 18.5523 20.5523 19 20 19H19Z'
+  }));
+};
+
+var rootClassName$2U = 'icon-component';
+var PrintIcon = function PrintIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2U,
+    viewBox: '0 0 24 24',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("g", {
+    clipPath: 'url(#clip0_4323_69268)'
+  }, React.createElement("g", {
+    clipPath: 'url(#clip1_4323_69268)'
+  }, React.createElement("path", {
+    d: 'M1.0038 8.34765C1.15251 7.71927 1.45773 7.25166 1.93638 6.91753C2.29274 6.65932 2.72147 6.51996 3.16161 6.51927C3.8462 6.51927 4.53079 6.51927 5.21537 6.51927C5.52537 6.51927 5.58 6.46336 5.58043 6.14787C5.58086 5.83237 5.58043 5.51992 5.58043 5.20572C5.58043 4.58774 5.57653 3.94895 5.58607 3.31797C5.60168 2.23454 6.01962 1.54115 6.89844 1.14245L6.95307 1.11688C7.0122 1.08764 7.0737 1.06343 7.1369 1.04451C7.23566 1.01654 7.33774 1.00197 7.44039 1.00117L16.2793 1.00117C16.9461 1.00117 17.678 1.48871 18.0005 1.95979C18.2667 2.34982 18.3972 2.80052 18.3994 3.3418C18.4016 3.90518 18.3994 4.4768 18.3994 5.03194L18.3994 5.04018C18.3994 5.41172 18.3994 5.78297 18.3994 6.15394C18.3994 6.4703 18.4514 6.52187 18.7679 6.5223L19.5267 6.5223C19.9437 6.5223 20.3751 6.5223 20.8026 6.5223C22.0092 6.52967 22.9934 7.50995 22.9964 8.70778C23.0012 10.8062 23.0012 13.0103 22.9964 15.2582C22.9938 16.4616 22.004 17.4462 20.79 17.4532L20.7497 17.4532C20.0994 17.4571 19.4278 17.4605 18.7584 17.4501C18.6717 17.448 18.5598 17.4566 18.4831 17.5329C18.4064 17.6092 18.3964 17.7236 18.3964 17.8146C18.4046 18.9275 18.4046 19.8341 18.3964 20.6666C18.3864 21.7674 17.7222 22.6541 16.7055 22.9258C16.4954 22.9754 16.2797 22.9974 16.0638 22.9912C15.3207 22.9912 14.5773 22.9898 13.8336 22.9869L13.8197 22.9869C13.0302 22.9869 12.2156 22.9825 11.4005 22.9825C10.0478 22.9825 8.94483 22.9886 7.93204 23.0016L7.90386 23.0016C7.28648 22.9972 6.69437 22.756 6.24984 22.3277C5.81628 21.9017 5.58563 21.3253 5.5826 20.661C5.58 20.0543 5.5826 19.4428 5.5826 18.8508C5.5826 18.5246 5.5826 18.1986 5.5826 17.8727C5.5826 17.6751 5.57956 17.5849 5.51323 17.5204C5.44689 17.4558 5.35628 17.454 5.15511 17.454L4.4211 17.454C4.03089 17.454 3.64069 17.454 3.25049 17.454C2.18524 17.451 1.34284 16.8114 1.05019 15.7843L1.00033 15.6109L1.00033 8.36239L1.0038 8.34765ZM17.603 14.1006C17.603 13.949 17.5596 13.8839 17.5232 13.851C17.4465 13.7743 17.3272 13.7704 17.2492 13.7704L17.2353 13.7704C15.9672 13.7734 14.6773 13.773 13.4261 13.773L6.76447 13.773C6.59365 13.773 6.50911 13.7756 6.44754 13.8354C6.38598 13.8952 6.38251 13.9836 6.38251 14.147L6.38251 15.5702C6.38251 17.2304 6.38251 18.9466 6.38251 20.6345C6.38251 21.3951 6.79092 21.9607 7.47247 22.1466C7.61341 22.1799 7.75831 22.1935 7.903 22.1869L9.03024 22.1869C11.3415 22.1869 13.7313 22.1869 16.0821 22.1869C16.986 22.1869 17.5952 21.5802 17.5995 20.6753C17.603 19.5646 17.603 18.4361 17.6025 17.3448C17.5999 16.2818 17.5999 15.1828 17.603 14.1006ZM5.58086 14.0226L5.58086 13.5984C5.58086 13.0783 5.69445 12.9674 6.21602 12.9674L17.7651 12.9674C18.2854 12.9674 18.3977 13.08 18.3981 13.6001C18.3981 14.0234 18.3981 14.4468 18.3981 14.8703L18.3981 14.905C18.3981 15.3635 18.3981 15.8221 18.3981 16.2809C18.3981 16.5947 18.4545 16.6501 18.7692 16.651L19.0697 16.651C19.577 16.651 20.1514 16.654 20.7172 16.651C21.5978 16.6441 22.1913 16.053 22.1913 15.181C22.1961 13.1256 22.1961 10.9795 22.1913 8.80226C22.1913 7.91905 21.5913 7.32447 20.7033 7.3236C18.5212 7.321 16.2204 7.3236 14.3734 7.3236L9.78767 7.3236C7.62248 7.3236 5.45744 7.3236 3.29255 7.3236C2.5529 7.3236 2.00315 7.72533 1.82236 8.39662C1.79064 8.53423 1.77765 8.67548 1.78377 8.81656L1.78377 8.82696C1.78377 9.45881 1.78449 10.0907 1.78594 10.7225C1.78897 12.17 1.79201 13.6664 1.77466 15.1394C1.77231 15.347 1.81219 15.5528 1.89186 15.7445C1.97153 15.9362 2.08934 16.1097 2.23814 16.2545C2.3795 16.3918 2.54758 16.4985 2.73194 16.5682C2.91631 16.6378 3.11303 16.6688 3.30989 16.6592C3.57002 16.6475 3.83016 16.6432 4.09506 16.6432C4.35997 16.6432 4.62313 16.6475 4.8837 16.6514L5.23055 16.6562C5.27997 16.6562 5.41221 16.6562 5.49718 16.5734C5.57349 16.4976 5.5839 16.3888 5.58173 16.3021C5.57826 15.5412 5.57956 14.7693 5.58216 14.0226L5.58086 14.0226ZM6.37817 6.16304C6.37817 6.25231 6.38598 6.36412 6.46055 6.43909C6.53512 6.51407 6.64048 6.52317 6.73456 6.52317L6.73933 6.52317C7.68535 6.5197 8.64264 6.51883 9.58866 6.51883L17.2084 6.51883C17.391 6.51883 17.4742 6.51624 17.5349 6.45643C17.5956 6.39663 17.5991 6.30865 17.5995 6.1327C17.5995 5.87615 17.5995 5.61945 17.5995 5.3626C17.5995 4.68741 17.6017 3.98926 17.5973 3.29977C17.5926 2.56304 17.1694 1.99619 16.4935 1.82024C16.3606 1.79095 16.2245 1.77901 16.0886 1.7847L14.9297 1.7847C12.6279 1.7847 10.2472 1.7847 7.90863 1.7847C7.00293 1.7847 6.39118 2.39792 6.38381 3.30843C6.38078 3.74874 6.38121 4.19597 6.38381 4.62847L6.38381 4.63714C6.38251 5.11212 6.38294 5.64906 6.37817 6.16304Z',
+    fill: 'currentColor'
+  }), React.createElement("path", {
+    d: 'M15.2113 17.595C15.4406 17.595 15.6015 17.7398 15.6162 17.9612C15.6305 18.1584 15.4861 18.3318 15.275 18.3734C15.1882 18.3878 15.1002 18.3942 15.0123 18.3924L11.4103 18.3924L9.90498 18.3924C9.79264 18.3974 9.68018 18.3861 9.57114 18.3586C9.48762 18.3356 9.4145 18.2847 9.36394 18.2144C9.31338 18.144 9.28842 18.0585 9.29323 17.9721C9.298 17.7389 9.46145 17.5937 9.71985 17.5929C10.3962 17.5929 11.0773 17.5929 11.7363 17.5929L13.9496 17.5929C14.3693 17.5924 14.7925 17.5929 15.2113 17.595Z',
+    fill: 'currentColor'
+  }), React.createElement("path", {
+    d: 'M9.64971 19.4364C9.73032 19.4241 9.81185 19.4189 9.89337 19.4208C11.4035 19.4208 13.1932 19.4208 15.0176 19.4208C15.1188 19.4194 15.2199 19.4294 15.3189 19.4507C15.3889 19.4649 15.4532 19.4995 15.5036 19.5501C15.5541 19.6006 15.5885 19.665 15.6025 19.735C15.6185 19.7901 15.6215 19.8481 15.6112 19.9045C15.6009 19.9609 15.5775 20.0142 15.5431 20.06C15.4993 20.112 15.4442 20.1534 15.3819 20.1808C15.3197 20.2083 15.2521 20.2213 15.1841 20.2186C14.7978 20.2186 14.4072 20.2186 14.0195 20.2186L11.6783 20.2186C11.0354 20.2186 10.3707 20.2186 9.71258 20.2186C9.47196 20.2186 9.31067 20.0847 9.29203 19.8719C9.27382 19.6418 9.40692 19.4789 9.64971 19.4364Z',
+    fill: 'currentColor'
+  }), React.createElement("path", {
+    d: 'M15.1537 16.5393C14.9556 16.5428 14.7557 16.5419 14.5623 16.5393L14.297 16.5393L14.0369 16.5393L14.0269 16.5393L13.7759 16.5393C13.6614 16.5393 13.5461 16.5393 13.432 16.5359C13.1676 16.5298 12.9863 16.3716 12.9816 16.1424C12.9795 16.0922 12.9876 16.0422 13.0054 15.9952C13.0232 15.9483 13.0503 15.9055 13.0852 15.8693C13.1319 15.825 13.1868 15.7904 13.247 15.7675C13.3071 15.7446 13.3712 15.7338 13.4355 15.7359C13.9857 15.7298 14.5506 15.7298 15.1619 15.7359C15.4381 15.7359 15.6224 15.8997 15.6211 16.1376C15.6198 16.3755 15.4347 16.5341 15.1537 16.5393Z',
+    fill: 'currentColor'
+  }))), React.createElement("defs", null, React.createElement("clipPath", {
+    id: 'clip0_4323_69268'
+  }, React.createElement("rect", {
+    width: '22',
+    height: '23.1579',
+    fill: 'white',
+    transform: 'translate(1 1)'
+  })), React.createElement("clipPath", {
+    id: 'clip1_4323_69268'
+  }, React.createElement("rect", {
+    width: '22',
+    height: '22',
+    fill: 'white',
+    transform: 'matrix(-1 -8.74228e-08 -8.74228e-08 1 23 1)'
+  }))));
+};
+
+var rootClassName$2V = 'icon-component';
+var QRCodeIcon = function QRCodeIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2V,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M2 2H5.5C5.77614 2 6 1.77614 6 1.5C6 1.22386 5.77614 1 5.5 1H1.5C1.22386 1 1 1.22386 1 1.5V5.5C1 5.77614 1.22386 6 1.5 6C1.77614 6 2 5.77614 2 5.5V2ZM12 5.5C12 4.67157 11.2325 4 10.2857 4H5.71429C4.76751 4 4 4.67157 4 5.5V10.5C4 11.3284 4.76751 12 5.71429 12H10.2857C11.2325 12 12 11.3284 12 10.5V5.5ZM5.6 5H10.4C10.7314 5 11 5.22386 11 5.5V10.5C11 10.7761 10.7314 11 10.4 11H5.6C5.26863 11 5 10.7761 5 10.5V5.5C5 5.22386 5.26863 5 5.6 5ZM14 4.5C14 4.22386 14.2239 4 14.5 4H15.5C15.7761 4 16 4.22386 16 4.5V8.5C16 8.77614 15.7761 9 15.5 9H14.5C14.2239 9 14 8.77614 14 8.5V4.5ZM18 7.5C18 7.22386 18.2239 7 18.5 7H19.5C19.7761 7 20 7.22386 20 7.5V8.5C20 8.77614 19.7761 9 19.5 9H18.5C18.2239 9 18 8.77614 18 8.5V7.5ZM10 19.5C10 19.7761 10.2239 20 10.5 20H11.5C11.7761 20 12 19.7761 12 19.5V18.5C12 18.2239 11.7761 18 11.5 18H10.5C10.2239 18 10 18.2239 10 18.5V19.5ZM19.25 13C20.2165 13 21 13.7835 21 14.75V18.25C21 19.2165 20.2165 20 19.25 20H15.75C14.7835 20 14 19.2165 14 18.25V14.75C14 13.7835 14.7835 13 15.75 13H19.25ZM19.375 14H15.625C15.2798 14 15 14.2798 15 14.625V18.375C15 18.7202 15.2798 19 15.625 19H19.375C19.7202 19 20 18.7202 20 18.375V14.625C20 14.2798 19.7202 14 19.375 14ZM18.5 2H22V5.5C22 5.77614 22.2239 6 22.5 6C22.7761 6 23 5.77614 23 5.5V1.5C23 1.22386 22.7761 1 22.5 1H18.5C18.2239 1 18 1.22386 18 1.5C18 1.77614 18.2239 2 18.5 2ZM2 22H5.5C5.77614 22 6 22.2239 6 22.5C6 22.7761 5.77614 23 5.5 23H1.5C1.22386 23 1 22.7761 1 22.5V18.5C1 18.2239 1.22386 18 1.5 18C1.77614 18 2 18.2239 2 18.5V22ZM18.5 22H22V18.5C22 18.2239 22.2239 18 22.5 18C22.7761 18 23 18.2239 23 18.5V22.5C23 22.7761 22.7761 23 22.5 23H18.5C18.2239 23 18 22.7761 18 22.5C18 22.2239 18.2239 22 18.5 22Z'
+  }));
+};
+
+var rootClassName$2W = 'icon-component';
+var CalendarCheckIcon = function CalendarCheckIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2W,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M8 5.00288V6.51115C8 6.78113 7.77614 7 7.5 7C7.22386 7 7 6.78113 7 6.51115V5.00288H3.3002C3.13434 5.00288 3.0002 5.13745 3.0002 5.30383V9.9997H21.0002V5.30383C21.0002 5.13789 20.8655 5.00288 20.7002 5.00288H17V6.51115C17 6.78113 16.7761 7 16.5 7C16.2239 7 16 6.78113 16 6.51115V5.00288H12.5V6.51115C12.5 6.78113 12.2761 7 12 7C11.7239 7 11.5 6.78113 11.5 6.51115V5.00288H8ZM2.0002 20.6956V10.514L2 10.4997L2.0002 10.4854V5.30383C2.0002 4.58341 2.58206 3.9997 3.3002 3.9997H7V2.48885C7 2.21887 7.22386 2 7.5 2C7.77614 2 8 2.21887 8 2.48885V3.9997H11.5V2.48885C11.5 2.21887 11.7239 2 12 2C12.2761 2 12.5 2.21887 12.5 2.48885V3.9997H16V2.48885C16 2.21887 16.2239 2 16.5 2C16.7761 2 17 2.21887 17 2.48885V3.9997H20.7002C21.4176 3.9997 22.0002 4.58366 22.0002 5.30383V20.6956C22.0002 21.4157 21.4176 21.9997 20.7002 21.9997H3.3002C2.58206 21.9997 2.0002 21.416 2.0002 20.6956ZM21.0002 10.9997H3.0002V20.6956C3.0002 20.862 3.13434 20.9965 3.3002 20.9965H20.7002C20.8655 20.9965 21.0002 20.8615 21.0002 20.6956V10.9997ZM13.1438 14.821C13.3355 14.6258 13.6461 14.6259 13.8377 14.8213L15.1095 16.1181L17.6401 13.1705C17.8185 12.9626 18.1285 12.9416 18.3324 13.1234C18.5364 13.3052 18.557 13.6211 18.3786 13.8289L15.5025 17.1789C15.3156 17.3967 14.9869 17.4078 14.7862 17.2032L13.1436 15.5282C12.9521 15.3328 12.9521 15.0163 13.1438 14.821Z'
+  }));
+};
+
+var rootClassName$2X = 'icon-component';
+var DevicePlusIcon = function DevicePlusIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2X,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M16.184 22.137V12.314C19.3557 12.0595 21.851 9.40447 21.851 6.167C21.851 2.76119 19.0895 0 15.684 0C15.2697 0 14.8649 0.0408457 14.4735 0.118732C14.3863 0.0446762 14.2734 0 14.15 0H4.01299C2.98385 0 2.14999 0.833858 2.14999 1.863V22.137C2.14999 23.1661 2.98385 24 4.01299 24H14.321C15.3501 24 16.184 23.1661 16.184 22.137ZM15.184 22.137V12.314C12.0115 12.0595 9.51599 9.40467 9.51599 6.167C9.51599 4.0038 10.63 2.10076 12.3156 1H4.01299C3.53614 1 3.14999 1.38614 3.14999 1.863V22.137C3.14999 22.6139 3.53614 23 4.01299 23H14.321C14.7979 23 15.184 22.6139 15.184 22.137ZM20.851 6.167C20.851 9.0205 18.5372 11.334 15.684 11.334C12.8299 11.334 10.516 9.02064 10.516 6.167C10.516 3.31336 12.8299 1 15.684 1C18.5372 1 20.851 3.3135 20.851 6.167ZM12.8766 5.667H15.184V3.3606C15.184 3.08446 15.4079 2.8606 15.684 2.8606C15.9601 2.8606 16.184 3.08446 16.184 3.3606V5.667H18.4906C18.7667 5.667 18.9906 5.89086 18.9906 6.167C18.9906 6.44314 18.7667 6.667 18.4906 6.667H16.184V8.9736C16.184 9.24974 15.9601 9.4736 15.684 9.4736C15.4079 9.4736 15.184 9.24974 15.184 8.9736V6.667H12.8766C12.6005 6.667 12.3766 6.44314 12.3766 6.167C12.3766 5.89086 12.6005 5.667 12.8766 5.667ZM9.16669 21.3356C9.78069 21.3356 10.2787 20.8376 10.2787 20.2236C10.2787 19.6096 9.78069 19.1126 9.16669 19.1126C8.55269 19.1126 8.05469 19.6096 8.05469 20.2236C8.05469 20.8376 8.55269 21.3356 9.16669 21.3356Z'
+  }));
+};
+
+var rootClassName$2Y = 'icon-component';
+var NotebookIcon = function NotebookIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2Y,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M3.3379 2.7002H20.6619C21.73 2.7002 22.5959 3.56752 22.5959 4.63747V16.3387L23.9502 20.1515C24.1492 20.7111 23.7347 21.3002 23.1412 21.3002H0.859201C0.265715 21.3002 -0.148814 20.7111 0.0501298 20.1516L1.4039 16.3404V4.63747C1.4039 3.56752 2.26976 2.7002 3.3379 2.7002ZM2.25686 16.9272L1.05938 20.2985H22.941L21.7435 16.9272H2.25686ZM21.5959 4.63747C21.5959 4.12074 21.1778 3.70189 20.6619 3.70189H3.3379C2.82204 3.70189 2.4039 4.12074 2.4039 4.63747V15.9255H21.5959V4.63747Z'
+  }));
+};
+
+var rootClassName$2Z = 'icon-component';
+var AgencyIcon = function AgencyIcon() {
+  return React.createElement("svg", {
+    className: rootClassName$2Z,
+    viewBox: '0 0 24 24',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M5.05577 4.43598H23V1.50752H6.06768L5.05577 4.43598ZM5.00883 1.50752L3.99692 4.43598H1V1.50752H5.00883ZM5.70066 0.500137H0.841C0.375976 0.500137 0 0.879656 0 1.34734V4.59615C0 5.06473 0.375858 5.44336 0.841 5.44336H1.6322V16.1904C1.6322 16.9136 2.21481 17.5 2.9322 17.5H7.5654H16.4344H21.0672C21.7846 17.5 22.3672 16.9136 22.3672 16.1904V5.44336H23.159C23.6233 5.44336 24 5.06461 24 4.59615V1.34734C24 0.879777 23.6231 0.500137 23.159 0.500137H5.72391C5.71614 0.499954 5.70839 0.499955 5.70066 0.500137ZM16.9344 16.4926H21.0672C21.2325 16.4926 21.3672 16.357 21.3672 16.1904V5.44366H2.6322V16.1904C2.6322 16.357 2.7669 16.4926 2.9322 16.4926H7.0654V8.53028C7.0654 8.14023 7.3793 7.82511 7.7654 7.82511H11.9772C11.9847 7.82477 11.9922 7.82461 11.9998 7.82461C12.0074 7.82461 12.0149 7.82477 12.0224 7.82511H16.2344C16.6205 7.82511 16.9344 8.14023 16.9344 8.53028V16.4926ZM8.0654 8.83249H11.4998V16.4926H8.0654V8.83249ZM15.9344 16.4926H12.4998V8.83249H15.9344V16.4926Z'
+  }));
+};
+
 function AlertModal(props) {
   var _useState = useState(false),
       loading = _useState[0],
@@ -13208,5 +13367,5 @@ var ModalSizes;
   ModalSizes["ExtraLarge"] = "extra-large";
 })(ModalSizes || (ModalSizes = {}));
 
-export { ATMIcon, Accordion, Aconteceu, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, AddCircleIcon, AddIcon, AdvancedSemiHeader, 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, 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, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, Col$1 as Col, Collapse$1 as Collapse, ComitesIcon, ComunidadeIcon, ConfirmModal, Container$1 as Container, CreditIcon, CrescerIcon, CrescerLogo, DatePicker$1 as DatePicker, DestructiveModal, Doughnut$1 as Doughnut, DoughnutSquare, DownloadIcon, DraggableIcon, DropdownItem$1 as DropdownItem, DropdownMenu, 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, 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, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformationIcon, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, 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, ModulosTitle, MoneyByMonth, MoneyFileIcon, MoneyMonthLineChart, NavigatorWithMouse, NotaEdit, Notification, NotificationPosition, NotificationType, OptionsIcon, PageSubTitle, PageTitle, Paginator, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, ProgressBar, QRCodeWhatsapp, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, 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, ModulosTitle as Title, Toast, ToastManager, ToastTypes, Tooltip, TooltipManager, TooltipPosition, TopLoader, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, TypedTable, UnderlineIcon, UndoIcon, UserIcon, VideoItem, VideoModal, VideoPlayer, WebsiteIcon, getStatusClassName, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
+export { ATMIcon, Accordion, Aconteceu, AconteceuIcon, ActionCard$1 as ActionCard, ActionCardThemes, ActionsColumn, 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, CalendarCheckIcon, 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, 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, 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, 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, IconButton$1 as IconButton, IconButtonType, IconButtonWithLabel$1 as IconButtonWithLabel, ImageTypes, Information, InformationIcon, InformativoAssembleiasComImagem$1 as InformativoAssembleiasComImagem, InformativoAssembleiasComVideo$1 as InformativoAssembleiasComVideo, 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, PieChartIcon, PlayIcon, PreviaVideo$1 as PreviaVideo, PrintIcon, ProgressBar, QRCodeIcon, QRCodeWhatsapp, Qrcode, RadioButton$1 as RadioButton, RadioButtonType, RedoIcon, RefreshIcon, Row$1 as Row, STATUS_PAUTA, STATUS_PAUTA_BLOQUEADA, STATUS_PAUTA_ENCERRADA, STATUS_PAUTA_LIBERADA, 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, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState };
 //# sourceMappingURL=index.modern.js.map