plataforma-fundacao-componentes 2.26.9 → 2.26.11

package/dist/index.js

@@ -7027,37 +7027,51 @@ Checkbox.defaultProps = {
 };
 var Checkbox$1 = React.memo(Checkbox);
 
+var _excluded$8 = ["cols", "xs", "sm", "md", "lg", "xl", "centralized", "end", "padding", "noPaddingTop", "buttonActionsCol", "gap", "children", "className", "style", "fullfill", "tag"];
 var rootClassName$1T = 'component-col';
-function Col(props) {
-  var p = React.useMemo(function () {
-    var cols = props.cols ? props.cols : [12, 12, 12, 12, 12];
-    var size = ['xs', 'sm', 'md', 'lg', 'xl'];
-    var getSizes = cols.map(function (n, index) {
-      return rootClassName$1T + "-" + size[index] + "-" + n;
-    });
-    var rp = _extends({}, props, {
-      style: _extends({}, props.style || {}, {
-        gap: props.gap
-      }),
-      className: getMergedClassNames([props.className, rootClassName$1T].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
-    });
-    delete rp.noPadding;
-    delete rp.centralized;
-    delete rp.end;
-    delete rp.cols;
-    delete rp.children;
-    delete rp.buttonActionsCol;
-    delete rp.noPaddingTop;
-    return rp;
-  }, [props]);
-  return React__default.createElement("div", Object.assign({}, p), props.children);
+function Col(_ref) {
+  var cols = _ref.cols,
+    xs = _ref.xs,
+    sm = _ref.sm,
+    md = _ref.md,
+    lg = _ref.lg,
+    xl = _ref.xl,
+    centralized = _ref.centralized,
+    end = _ref.end,
+    padding = _ref.padding,
+    noPaddingTop = _ref.noPaddingTop,
+    buttonActionsCol = _ref.buttonActionsCol,
+    gap = _ref.gap,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$fullfill = _ref.fullfill,
+    fullfill = _ref$fullfill === void 0 ? false : _ref$fullfill,
+    _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+  var sizeClasses = React.useMemo(function () {
+    if (cols) {
+      var columns = cols ? cols : [12, 12, 12, 12, 12];
+      var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];
+      return columns.map(function (n, index) {
+        return rootClassName$1T + "-" + sizes[index] + "-" + n;
+      });
+    } else {
+      return [xs && rootClassName$1T + "-xs-" + xs, sm && rootClassName$1T + "-sm-" + sm, md && rootClassName$1T + "-md-" + md, lg && rootClassName$1T + "-lg-" + lg, xl && rootClassName$1T + "-xl-" + xl];
+    }
+  }, [cols, lg, md, sm, xl, xs]);
+  var classNames = useMergedClassNames([rootClassName$1T, className].concat(sizeClasses, [centralized ? 'centralized' : '', end ? 'end' : '', noPaddingTop ? 'no-padding-top' : '', buttonActionsCol ? 'button-actions-col' : '', fullfill ? 'fullfill' : '']));
+  return React.createElement(tag, _extends({}, props, {
+    className: classNames,
+    style: _extends({}, style, {
+      gap: gap,
+      padding: padding
+    })
+  }), children);
 }
-Col.defaultProps = {
-  cols: [12, 12, 12, 12, 12],
-  centralized: false,
-  end: false,
-  noPadding: false
-};
 var Col$1 = React.memo(Col);
 
 (function (OS) {
@@ -7112,7 +7126,7 @@ function useSystemInfo() {
   };
 }
 
-var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "horizontalPadding", "className", "style", "insiderProps"];
+var _excluded$9 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "horizontalPadding", "className", "style", "insiderProps"];
 var rootClassName$1U = 'component-container';
 function Container(_ref) {
   var _insiderProps$classNa;
@@ -7135,7 +7149,7 @@ function Container(_ref) {
     style = _ref$style === void 0 ? {} : _ref$style,
     _ref$insiderProps = _ref.insiderProps,
     insiderProps = _ref$insiderProps === void 0 ? {} : _ref$insiderProps,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var mobile = useSystemInfo().isMobile;
   var classNames = useMergedClassNames([rootClassName$1U, className, fluid ? 'fluid' : '', verticalPadding ? 'vertical-padding' : '', hasMobileButton ? 'has-mobile-button' : '', hasHeader ? 'has-header' : '', hasAdvancedHeader ? 'has-advanced-header' : '', mobile ? 'mobile' : '']);
   var insiderClassNames = useMergedClassNames([rootClassName$1U + "-insider", horizontalPadding ? 'horizontal-padding' : '', (_insiderProps$classNa = insiderProps.className) != null ? _insiderProps$classNa : '']);
@@ -7150,7 +7164,7 @@ function Container(_ref) {
 }
 var Container$1 = React.memo(Container);
 
-var _excluded$9 = ["control", "labelPosition", "labelGap", "label", "className"];
+var _excluded$a = ["control", "labelPosition", "labelGap", "label", "className"];
 var rootClassName$1V = 'component-control-label';
 function ControlLabel(_ref) {
   var _control$props;
@@ -7159,7 +7173,7 @@ function ControlLabel(_ref) {
     labelGap = _ref.labelGap,
     label = _ref.label,
     className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var ref = React.useRef();
   return React__default.createElement("label", Object.assign({}, props, {
     className: getMergedClassNames([className, rootClassName$1V, labelPosition ? labelPosition : '', (_control$props = control.props) !== null && _control$props !== void 0 && _control$props.disabled ? 'disabled' : '']),
@@ -7391,7 +7405,7 @@ function DatePickerCalendar(props) {
 }
 var DatePickerCalendar$1 = React.memo(DatePickerCalendar);
 
-var _excluded$a = ["language"];
+var _excluded$b = ["language"];
 var rootClassName$1X = 'component-date-picker';
 function DatePicker(_ref) {
   var _ref$language = _ref.language,
@@ -7401,7 +7415,7 @@ function DatePicker(_ref) {
       months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
       monthsAbrev: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
     } : _ref$language,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var id = React.useMemo(function () {
     return "picker_" + getUniqueKey();
   }, []);
@@ -7539,11 +7553,11 @@ DatePicker.defaultProps = {
 };
 var DatePicker$1 = React.memo(DatePicker);
 
-var _excluded$b = ["showLabel"];
+var _excluded$c = ["showLabel"];
 var rootClassName$1Y = 'component-doughnut';
 function Doughnut(_ref) {
   var showLabel = _ref.showLabel,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var _useProgressiveCount = useProgressiveCount(),
     val = _useProgressiveCount[0],
     setVal = _useProgressiveCount[1];
@@ -7727,7 +7741,7 @@ function useOutsideClick(refs, handler, options) {
   }, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
 }
 
-var _excluded$c = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset", "heightAvaliableCallback"];
+var _excluded$d = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset", "heightAvaliableCallback"];
 var rootClassName$1_ = 'floating-panel';
 function FloatingPanel(_ref) {
   var opened = _ref.opened,
@@ -7749,7 +7763,7 @@ function FloatingPanel(_ref) {
     _ref$offset = _ref.offset,
     offset = _ref$offset === void 0 ? 0 : _ref$offset,
     heightAvaliableCallback = _ref.heightAvaliableCallback,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var _useState = React.useState(),
     panelRef = _useState[0],
     setPanelRef = _useState[1];
@@ -7796,7 +7810,7 @@ function FloatingPanel(_ref) {
 }
 var FloatingPanel$1 = React.memo(FloatingPanel);
 
-var _excluded$d = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps", "removePadding"];
+var _excluded$e = ["opened", "setOpened", "content", "closeOnEsc", "closeOnOutClick", "children", "panelProps", "removePadding"];
 var rootClassName$1$ = 'component-dropdown-menu';
 function DropdownMenu(_ref) {
   var _panelProps$className;
@@ -7809,7 +7823,7 @@ function DropdownMenu(_ref) {
     _ref$panelProps = _ref.panelProps,
     panelProps = _ref$panelProps === void 0 ? {} : _ref$panelProps,
     removePadding = _ref.removePadding,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var _useState = React.useState(),
     ref = _useState[0],
     setRef = _useState[1];
@@ -8013,7 +8027,7 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Yellow"] = "yellow";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
 
-var _excluded$e = ["theme", "label", "icon", "fitContent"];
+var _excluded$f = ["theme", "label", "icon", "fitContent"];
 var rootClassName$22 = 'component-etiqueta';
 function Etiqueta(_ref) {
   var _ref$theme = _ref.theme,
@@ -8021,7 +8035,7 @@ function Etiqueta(_ref) {
     label = _ref.label,
     icon = _ref.icon,
     fitContent = _ref.fitContent,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement("div", Object.assign({}, props, {
     className: getMergedClassNames([rootClassName$22, theme, fitContent ? 'fit-content' : undefined])
   }), icon ? React__default.createElement("div", {
@@ -8211,21 +8225,31 @@ FileUpload.defaultProps = {
   error: false
 };
 
+var _excluded$g = ["tag", "centralized", "columnDirection", "className", "verticalMargin", "children", "style"];
 var rootClassName$25 = 'component-row';
-function Row(props) {
-  var getProps = function getProps() {
-    var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$25, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
-    });
-    delete p.centralized;
-    delete p.columnDirection;
-    return p;
-  };
-  return React__default.createElement("div", Object.assign({}, getProps()), props.children);
+function Row(_ref) {
+  var _style$marginTop;
+  var _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+    _ref$centralized = _ref.centralized,
+    centralized = _ref$centralized === void 0 ? false : _ref$centralized,
+    columnDirection = _ref.columnDirection,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    verticalMargin = _ref.verticalMargin,
+    children = _ref.children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+  var classNames = useMergedClassNames([rootClassName$25, centralized ? 'centralized' : '', columnDirection ? 'column' : '', className]);
+  return React.createElement(tag, _extends({
+    className: classNames,
+    style: _extends({}, style, {
+      marginTop: verticalMargin !== null && verticalMargin !== void 0 && verticalMargin[0] ? (verticalMargin === null || verticalMargin === void 0 ? void 0 : verticalMargin[0]) + "px" : (_style$marginTop = style.marginTop) != null ? _style$marginTop : undefined,
+      marginBottom: verticalMargin !== null && verticalMargin !== void 0 && verticalMargin[1] ? (verticalMargin === null || verticalMargin === void 0 ? void 0 : verticalMargin[1]) + "px" : style.marginBottom
+    })
+  }, props), children);
 }
-Row.defaultProps = {
-  centralized: false
-};
 var Row$1 = React.memo(Row);
 
 var rootClassName$26 = 'footer-sicredi';
@@ -8390,12 +8414,12 @@ function FooterSicredi(props) {
 }
 var FooterSicredi$1 = React.memo(FooterSicredi);
 
-var _excluded$f = ["header", "footer"];
+var _excluded$h = ["header", "footer"];
 var rootClassName$27 = 'full-height-container';
 function FullHeightContainer(_ref) {
   var header = _ref.header,
     footer = _ref.footer,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var headerRef = React.createRef();
   var contentRef = React.createRef();
   var footerRef = React.createRef();
@@ -8636,7 +8660,7 @@ InputArea.defaultProps = {
 };
 var InputArea$1 = React.memo(InputArea);
 
-var _excluded$g = ["label", "opened", "setOpened", "closeOnOutClick", "closeOnEsc", "downloads"];
+var _excluded$i = ["label", "opened", "setOpened", "closeOnOutClick", "closeOnEsc", "downloads"];
 var rootClassName$2d = 'component-item-dropdown-download';
 function ItemDropdownDownload(_ref) {
   var label = _ref.label,
@@ -8644,7 +8668,7 @@ function ItemDropdownDownload(_ref) {
     setOpened = _ref.setOpened,
     _ref$downloads = _ref.downloads,
     downloads = _ref$downloads === void 0 ? [] : _ref$downloads,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var _useState = React.useState(null),
     ref = _useState[0],
     setRef = _useState[1];
@@ -8964,7 +8988,7 @@ function useScreenSize() {
   return value;
 }
 
-var _excluded$h = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
+var _excluded$j = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
 var rootClassName$2g = 'component-modal';
 function Modal(_ref) {
   var className = _ref.className,
@@ -8978,7 +9002,7 @@ function Modal(_ref) {
     _ref$tag = _ref.tag,
     tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
     title = _ref.title,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var _useScreenSize = useScreenSize(),
     rankedSize = _useScreenSize.rankedSize;
   var modalProps = React.useMemo(function () {
@@ -9151,7 +9175,7 @@ PageSubTitle.defaultProps = {
   text: ''
 };
 
-var _excluded$i = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
+var _excluded$k = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
 function usePagination(props) {
   var _ref;
   if (props === void 0) {
@@ -9175,7 +9199,7 @@ function usePagination(props) {
     _props$siblingCount = _props.siblingCount,
     siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
     maxLength = _props.maxLength,
-    other = _objectWithoutPropertiesLoose(_props, _excluded$i);
+    other = _objectWithoutPropertiesLoose(_props, _excluded$k);
   var isControlledRef = React.useRef(pageProp !== undefined);
   var _useState = React.useState(currentPage),
     pageCurrent = _useState[0],
@@ -9267,7 +9291,7 @@ var ThreeDots = function ThreeDots() {
   }));
 };
 
-var _excluded$j = ["page", "type", "selected"];
+var _excluded$l = ["page", "type", "selected"];
 var rootClassName$2k = 'pagination-component';
 var Pagination = function Pagination(props) {
   var _useScreenSize = useScreenSize(),
@@ -9342,7 +9366,7 @@ var Pagination = function Pagination(props) {
   return React__default.createElement(Row$1, {
     className: getMergedClassNames([rootClassName$2k, countPages ? 'hasLeftItem' : '', countPages || rowsPerPage ? 'oneOf' : ''])
   }, countPages || rowsPerPage ? React__default.createElement(Col$1, {
-    noPadding: true,
+    padding: 0,
     cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
   }, countPages || rowsPerPage ? React__default.createElement("div", {
     className: getMergedClassNames(['paginationLeftContainer', 'nunito', countPages && rowsPerPage ? 'both' : countPages || rowsPerPage ? 'oneOf' : ''])
@@ -9385,7 +9409,7 @@ var Pagination = function Pagination(props) {
   }, React__default.createElement("p", {
     className: 'nunito'
   }, rowsPerPage && rows, " "), React__default.createElement(ChevronArrowDownIcon, null)))))) : undefined) : undefined) : undefined, React__default.createElement(Col$1, {
-    noPadding: true,
+    padding: 0,
     cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12],
     centralized: alignCenter,
     end: alignEnd
@@ -9393,7 +9417,7 @@ var Pagination = function Pagination(props) {
     var page = _ref2.page,
       type = _ref2.type,
       selected = _ref2.selected,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
     var children = null;
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
       children = React__default.createElement("li", {
@@ -9733,7 +9757,7 @@ var PreviaVideo$1 = React.memo(PreviaVideo);
   RadioButtonType["New"] = "new";
 })(exports.RadioButtonType || (exports.RadioButtonType = {}));
 
-var _excluded$k = ["onChange", "value", "className", "theme", "error", "type"];
+var _excluded$m = ["onChange", "value", "className", "theme", "error", "type"];
 var rootClassName$2o = 'component-radio-button';
 function RadioButton(_ref) {
   var onChange = _ref.onChange,
@@ -9746,7 +9770,7 @@ function RadioButton(_ref) {
     error = _ref$error === void 0 ? false : _ref$error,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'button' : _ref$type,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   var classNames = useMergedClassNames([rootClassName$2o, theme, className]);
   return React__default.createElement("button", Object.assign({}, props, {
     type: type,
@@ -10555,38 +10579,35 @@ Select.defaultProps = {
 };
 var Select$1 = React.memo(Select);
 
+var _excluded$n = ["theme", "value", "onChange", "className", "error"];
 var rootClassName$2s = 'component-switch';
-function Switch(props) {
-  var handleClick = function handleClick() {
-    var _props$onChange;
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value);
-  };
-  var getProps = function getProps() {
-    var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2s, props.className || '', rootClassName$2s + "-" + (props.value ? 'on' : 'off')]),
-      onClick: handleClick,
-      style: _extends({
-        transform: "scale(" + props.scale + ")"
-      }, props.style)
-    });
-    delete p.onChange;
-    delete p.value;
-    delete p.scale;
-    return p;
-  };
-  return React__default.createElement("button", Object.assign({}, getProps()), React__default.createElement("div", {
+function Switch(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'android' : _ref$theme,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? false : _ref$value,
+    onChange = _ref.onChange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+  var classNames = useMergedClassNames([rootClassName$2s, className, theme]);
+  return React__default.createElement("button", Object.assign({}, props, {
+    className: classNames,
+    "data-checked": value ? 'true' : 'false',
+    "data-error": error ? 'true' : 'false',
+    onClick: function onClick(event) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(!value, event);
+    }
+  }), React__default.createElement("div", {
     className: rootClassName$2s + "-track"
   }), React__default.createElement("div", {
     className: rootClassName$2s + "-thumb"
   }));
 }
-Switch.defaultProps = {
-  disabled: false,
-  value: false,
-  scale: 1
-};
 
-var _excluded$l = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
+var _excluded$o = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
 var rootClassName$2t = 'component-table';
 function TypedTable(props) {
   return React__default.createElement(Table, Object.assign({}, props));
@@ -10599,7 +10620,7 @@ function Table(_ref) {
     sortable = _ref.sortable,
     upperHeader = _ref.upperHeader,
     className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   var itemsId = React.useMemo(function () {
     return "table" + getUniqueKey();
   }, []);
@@ -11198,13 +11219,13 @@ function TextEditorColorPicker(props) {
   }, "OK")));
 }
 
-var _excluded$m = ["icon", "active"];
+var _excluded$p = ["icon", "active"];
 var rootClassName$2C = 'text-editor-header-button';
 function TextEditorHeaderButton(_ref) {
   var _props$className;
   var icon = _ref.icon,
     active = _ref.active,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   return React__default.createElement("button", Object.assign({
     className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
   }, props), icon);
@@ -12061,7 +12082,7 @@ TopLoader.defaultProps = {
   })
 };
 
-var _excluded$n = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
+var _excluded$q = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
 var rootClassName$2M = 'video-modal';
 function VideoModal(_ref) {
   var _ref2;
@@ -12075,7 +12096,7 @@ function VideoModal(_ref) {
     tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
     urlVideo = _ref.urlVideo,
     videoPlayerProps = _ref.videoPlayerProps,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   var _useScreenSize = useScreenSize(),
     rankedSize = _useScreenSize.rankedSize;
   var handleClose = React.useCallback(function () {
@@ -12101,12 +12122,12 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
-var _excluded$o = ["className"];
+var _excluded$r = ["className"];
 var rootClassName$2N = 'icon-component';
 var Bell16Icon = function Bell16Icon(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   var classNames = useMergedClassNames([rootClassName$2N, className]);
   return React__default.createElement("svg", Object.assign({
     width: '16',
@@ -12123,12 +12144,12 @@ var Bell16Icon = function Bell16Icon(_ref) {
   }));
 };
 
-var _excluded$p = ["className"];
+var _excluded$s = ["className"];
 var rootClassName$2O = 'icon-component';
 var BellIcon = function BellIcon(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var classNames = useMergedClassNames([rootClassName$2O, className]);
   return React__default.createElement("svg", Object.assign({
     width: '24',
@@ -12145,12 +12166,12 @@ var BellIcon = function BellIcon(_ref) {
   }));
 };
 
-var _excluded$q = ["className"];
+var _excluded$t = ["className"];
 var rootClassName$2P = 'icon-component';
 var MiniInformationIcon = function MiniInformationIcon(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   var classNames = useMergedClassNames([rootClassName$2P, className]);
   return React__default.createElement("svg", Object.assign({
     viewBox: '0 0 12 12',
@@ -12426,7 +12447,7 @@ function CalendarDays(props) {
 }
 var CalendarDays$1 = React.memo(CalendarDays);
 
-var _excluded$r = ["language", "visao", "referencia"];
+var _excluded$u = ["language", "visao", "referencia"];
 var rootClassName$2X = 'calendar';
 function Calendar(_ref) {
   var _ref$language = _ref.language,
@@ -12435,7 +12456,7 @@ function Calendar(_ref) {
     visao = _ref$visao === void 0 ? CalendarView.Mensal : _ref$visao,
     _ref$referencia = _ref.referencia,
     referencia = _ref$referencia === void 0 ? new Date() : _ref$referencia,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
   var id = React.useMemo(getUniqueKey, []);
   var _useState = React.useState(false),
     pocket = _useState[0],
@@ -12875,12 +12896,12 @@ var DecreaseIcon = function DecreaseIcon() {
   }));
 };
 
-var _excluded$s = ["type"];
+var _excluded$v = ["type"];
 var rootClassName$32 = 'component-table-left-checkbox-with-label';
 var LeftControlWithLabel = function LeftControlWithLabel(_ref) {
   var _props$spanProps2, _props$spanProps3;
   var type = _ref.type,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   var style = React.useMemo(function () {
     var _props$spanProps$styl, _props$spanProps;
     var style = _extends({
@@ -13002,7 +13023,7 @@ function TooltipElement(_ref) {
   }))));
 }
 
-var _excluded$t = ["className", "variant", "color", "focus", "style", "alignment", "format", "dangerouslySetInnerHTML", "children"];
+var _excluded$w = ["className", "variant", "color", "focus", "style", "alignment", "format", "dangerouslySetInnerHTML", "children"];
 var rootClassName$34 = 'typography';
 var Typography = React.forwardRef(function (_ref, ref) {
   var _ref$className = _ref.className,
@@ -13022,7 +13043,7 @@ var Typography = React.forwardRef(function (_ref, ref) {
     } : _ref$format,
     dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
     children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   var classNames = useMergedClassNames([rootClassName$34 + "-tp", focus ? rootClassName$34 + "-focus" : '', color, variant, className]);
   var tag = React.useMemo(function () {
     switch (variant) {
@@ -13063,6 +13084,143 @@ var Typography = React.forwardRef(function (_ref, ref) {
 });
 Typography.displayName = 'Typography';
 
+var _excluded$x = ["className", "options", "value", "onChange", "disabled"];
+var rootClassName$35 = 'v-slider';
+var optionHeight = 24;
+var optionGap = 16;
+var VerticalSlider = React.forwardRef(function (_ref, ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+  var classNames = useMergedClassNames([rootClassName$35, className]);
+  var fillRef = React.createRef();
+  var movingRef = React.useRef({
+    moving: false,
+    y: 0,
+    height: 0,
+    elementIndex: 0
+  });
+  React.useLayoutEffect(function () {
+    var index = options.findIndex(function (o) {
+      return o.value === value;
+    });
+    if (fillRef.current) {
+      var height = (index + 1) * optionHeight;
+      var gaps = index * optionGap;
+      var h = Math.max(height + gaps, 24);
+      fillRef.current.style.height = h + "px";
+      movingRef.current.height = h;
+    }
+  }, [options, value]);
+  React.useLayoutEffect(function () {
+    var up = function up() {
+      var _fillRef$current;
+      if (disabled) return;
+      var wasMoving = Boolean(movingRef.current.moving);
+      movingRef.current.moving = false;
+      (_fillRef$current = fillRef.current) === null || _fillRef$current === void 0 ? void 0 : _fillRef$current.classList.remove('grabbing');
+      if (wasMoving) {
+        var _options$movingRef$cu, _options$movingRef$cu2;
+        onChange((_options$movingRef$cu = (_options$movingRef$cu2 = options[movingRef.current.elementIndex]) === null || _options$movingRef$cu2 === void 0 ? void 0 : _options$movingRef$cu2.value) != null ? _options$movingRef$cu : null, movingRef.current.elementIndex);
+      }
+    };
+    window.addEventListener('mouseup', up);
+    window.addEventListener('touchend', up);
+    return function () {
+      window.removeEventListener('mouseup', up);
+      window.removeEventListener('touchend', up);
+    };
+  }, [disabled, fillRef, onChange, options]);
+  var heights = React.useMemo(function () {
+    return options.map(function (_, i) {
+      if (i === 0 || i === options.length - 1) return optionHeight + optionGap / 2;
+      return optionHeight + optionGap;
+    });
+  }, [options]);
+  var acc = React.useMemo(function () {
+    return heights.reduce(function (ac, at, i) {
+      if (i === 0) return [at];
+      return [].concat(ac, [ac[i - 1] + at]);
+    }, []);
+  }, [heights]);
+  var handleMove = React.useCallback(function (evt) {
+    var _evt$currentTarget;
+    if (disabled || !movingRef.current.moving || !fillRef.current) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    var el = (_evt$currentTarget = evt.currentTarget) === null || _evt$currentTarget === void 0 ? void 0 : _evt$currentTarget.getBoundingClientRect();
+    var clientY = 'clientY' in evt ? evt.clientY : evt.touches[0].clientY;
+    var clickHeight = el.y + el.height - clientY;
+    var i = acc.findIndex(function (a) {
+      return a > clickHeight;
+    });
+    var height = (i + 1) * optionHeight;
+    var gaps = i * optionGap;
+    var h = Math.max(height + gaps, 24);
+    fillRef.current.style.height = h + "px";
+    movingRef.current.elementIndex = i;
+  }, [acc, disabled, fillRef]);
+  var handleStart = React.useCallback(function (evt) {
+    var _fillRef$current2;
+    if (disabled) return;
+    evt.preventDefault();
+    evt.stopPropagation();
+    movingRef.current.moving = true;
+    (_fillRef$current2 = fillRef.current) === null || _fillRef$current2 === void 0 ? void 0 : _fillRef$current2.classList.add('grabbing');
+  }, [disabled, fillRef]);
+  var handleSelect = React.useCallback(function (evt) {
+    if (disabled) return;
+    var el = evt.currentTarget.getBoundingClientRect();
+    var clickHeight = el.y + el.height - evt.clientY;
+    var h = acc.findIndex(function (a) {
+      return a > clickHeight;
+    });
+    onChange(options[h].value, h);
+  }, [acc, disabled, onChange, options]);
+  return React__default.createElement("div", Object.assign({}, props, {
+    className: classNames,
+    ref: ref,
+    "aria-disabled": disabled
+  }), React__default.createElement("div", {
+    className: rootClassName$35 + "-input"
+  }, React__default.createElement("div", {
+    className: rootClassName$35 + "-track",
+    onMouseMove: handleMove,
+    onTouchMove: handleMove,
+    onMouseDown: handleSelect
+  }, React__default.createElement("div", {
+    className: rootClassName$35 + "-fill",
+    "data-checked": value !== null,
+    ref: fillRef
+  }, React__default.createElement("div", {
+    className: rootClassName$35 + "-thumb",
+    onMouseDown: handleStart,
+    onTouchStart: handleStart,
+    onDragStart: function onDragStart(e) {
+      e.preventDefault();
+    }
+  })))), React__default.createElement("div", {
+    className: rootClassName$35 + "-options"
+  }, options.map(function (opt, i) {
+    return React__default.createElement("div", {
+      key: opt.value + "-" + i,
+      className: rootClassName$35 + "-option",
+      "data-checked": value === opt.value,
+      onClick: function onClick() {
+        if (disabled || value === opt.value) return;
+        onChange(opt.value, i);
+      }
+    }, opt.label);
+  })));
+});
+VerticalSlider.displayName = 'VerticalSlider';
+
 function useCallbackedState(callback, initialValue) {
   var _useState = React.useState(initialValue),
     value = _useState[0],
@@ -43995,13 +44153,13 @@ function useHTMLShare() {
       };
     }
     if (scale === void 0) {
-      scale = 1.5;
+      scale = 1.0;
     }
     return new Promise(function (resolve, reject) {
       html2canvas(element, {
         scale: scale
       }).then(function (canvas) {
-        var _opt$pdfWidth, _opt$pdfHeight, _opt$imageX, _opt$imageY, _opt$imageWidth, _opt$imageHeight;
+        var _opt$pdfWidth, _opt$pdfHeight, _opt$quality, _opt$imageX, _opt$imageY, _opt$imageWidth, _opt$imageHeight;
         var opt = _extends({
           pdfWidth: canvas.width,
           pdfHeight: canvas.height,
@@ -44012,10 +44170,10 @@ function useHTMLShare() {
           quality: 1.0,
           orientation: 'p'
         }, typeof options === 'function' ? options(canvas) : {});
-        var doc = new jspdf.jsPDF(opt.orientation, 'px', [(_opt$pdfWidth = opt.pdfWidth) != null ? _opt$pdfWidth : 0, (_opt$pdfHeight = opt.pdfHeight) != null ? _opt$pdfHeight : 0]);
-        var png = canvas.toDataURL('image/png', opt.quality);
+        var doc = new jspdf.jsPDF(opt.orientation, 'px', [(_opt$pdfWidth = opt.pdfWidth) != null ? _opt$pdfWidth : 0, (_opt$pdfHeight = opt.pdfHeight) != null ? _opt$pdfHeight : 0], true);
+        var imgData = canvas.toDataURL('image/jpeg', (_opt$quality = opt.quality) != null ? _opt$quality : 1.0);
         doc.internal.scaleFactor = scale;
-        doc.addImage(png, 'png', (_opt$imageX = opt.imageX) != null ? _opt$imageX : 0, (_opt$imageY = opt.imageY) != null ? _opt$imageY : 0, (_opt$imageWidth = opt.imageWidth) != null ? _opt$imageWidth : 0, (_opt$imageHeight = opt.imageHeight) != null ? _opt$imageHeight : 0, undefined, 'NONE');
+        doc.addImage(imgData, 'JPEG', (_opt$imageX = opt.imageX) != null ? _opt$imageX : 0, (_opt$imageY = opt.imageY) != null ? _opt$imageY : 0, (_opt$imageWidth = opt.imageWidth) != null ? _opt$imageWidth : 0, (_opt$imageHeight = opt.imageHeight) != null ? _opt$imageHeight : 0, undefined, 'MEDIUM');
         doc.save(fileName);
         resolve();
       })["catch"](function () {
@@ -44087,7 +44245,7 @@ function useHTMLShare() {
   };
 }
 
-var rootClassName$35 = 'comp-modal-manager';
+var rootClassName$36 = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 var hackFocus$1 = function hackFocus() {
   var tmp = document.createElement('input');
@@ -44155,13 +44313,13 @@ function useModalManager() {
   return [React__default.createElement(React__default.Fragment, {
     key: 1
   }, React__default.createElement(reactTransitionGroup.TransitionGroup, {
-    className: rootClassName$35 + "-modals"
+    className: rootClassName$36 + "-modals"
   }, arrayOfModal.map(function (obj) {
     var _obj$props2, _obj$props3;
     var ModalComponent = React__default.createElement(obj.component, obj.props);
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$35 + "-mask",
+      classNames: rootClassName$36 + "-mask",
       key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
       unmountOnExit: true
     }, React__default.createElement(ModalMask, {
@@ -44432,7 +44590,7 @@ function useTimeElapsed(timeLeftInSeconds, callBackZero) {
   return timeToReturn;
 }
 
-var rootClassName$36 = 'comp-toast-manager';
+var rootClassName$37 = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
   var _props$max;
@@ -44478,17 +44636,17 @@ function useToastManager(props) {
     toastsRef.current = [];
   }, []);
   var classNames = React.useMemo(function () {
-    return getMergedClassNames([rootClassName$36 + "-toasts", rootClassName$36 + "-" + verticalPosition, rootClassName$36 + "-" + horizontalPosition, reverse ? rootClassName$36 + "-reverse" : '', animateSize ? rootClassName$36 + "-animate-size" : '']);
+    return getMergedClassNames([rootClassName$37 + "-toasts", rootClassName$37 + "-" + verticalPosition, rootClassName$37 + "-" + horizontalPosition, reverse ? rootClassName$37 + "-reverse" : '', animateSize ? rootClassName$37 + "-animate-size" : '']);
   }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   React.useLayoutEffect(function () {
-    var wrapper = document.querySelector("." + rootClassName$36 + "-toasts");
+    var wrapper = document.querySelector("." + rootClassName$37 + "-toasts");
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
       if (verticalPosition === 'top' && !reverse) {
         somaDasAlturas = 12;
         for (var i = 0; i < wrapper.children.length; i++) {
           var el = wrapper.children[i];
-          if (!el.classList.contains(rootClassName$36 + "-toast-exit")) {
+          if (!el.classList.contains(rootClassName$37 + "-toast-exit")) {
             el.style.transform = "translateY(" + somaDasAlturas + "px)";
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
@@ -44496,7 +44654,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
-          if (!_el.classList.contains(rootClassName$36 + "-toast-exit")) {
+          if (!_el.classList.contains(rootClassName$37 + "-toast-exit")) {
             somaDasAlturas += _el.getBoundingClientRect().height + 12;
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
@@ -44504,7 +44662,7 @@ function useToastManager(props) {
       } else if (verticalPosition === 'bottom' && !reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
-          if (!_el2.classList.contains(rootClassName$36 + "-toast-exit")) {
+          if (!_el2.classList.contains(rootClassName$37 + "-toast-exit")) {
             somaDasAlturas += _el2.getBoundingClientRect().height + 12;
             _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
           }
@@ -44513,7 +44671,7 @@ function useToastManager(props) {
         somaDasAlturas = 12;
         for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
           var _el3 = wrapper.children[_i3];
-          if (!_el3.classList.contains(rootClassName$36 + "-toast-exit")) {
+          if (!_el3.classList.contains(rootClassName$37 + "-toast-exit")) {
             _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
             somaDasAlturas += _el3.getBoundingClientRect().height + 12;
           }
@@ -44528,11 +44686,11 @@ function useToastManager(props) {
   }, arrayOfToast.map(function (toast) {
     return React__default.createElement(reactTransitionGroup.CSSTransition, {
       timeout: 300,
-      classNames: rootClassName$36 + "-toast",
+      classNames: rootClassName$37 + "-toast",
       key: toast.id,
       unmountOnExit: true
     }, React__default.createElement("div", {
-      className: rootClassName$36 + "-toastzin"
+      className: rootClassName$37 + "-toastzin"
     }, React__default.createElement(Toast, {
       theme: toast.theme,
       label: toast.label,
@@ -44560,7 +44718,7 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
-var _excluded$u = ["disabled", "language", "onConfirm", "showIcons"],
+var _excluded$y = ["disabled", "language", "onConfirm", "showIcons"],
   _excluded2 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"],
   _excluded3 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"];
 function AlertModal(_ref) {
@@ -44570,7 +44728,7 @@ function AlertModal(_ref) {
     onConfirm = _ref.onConfirm,
     _ref$showIcons = _ref.showIcons,
     showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -44903,6 +45061,7 @@ exports.Typography = Typography;
 exports.UnderlineIcon = UnderlineIcon;
 exports.UndoIcon = UndoIcon;
 exports.UserIcon = UserIcon;
+exports.VerticalSlider = VerticalSlider;
 exports.VideoModal = VideoModal;
 exports.VideoPlayer = VideoPlayer;
 exports.WebsiteIcon = WebsiteIcon;