plataforma-fundacao-componentes 2.26.10 → 2.26.12

package/dist/components/verticalSlider/verticalSlider.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLAttributes } from 'react';
+import './verticalSlider.scss';
+export interface VerticalSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'value' | 'onChange'> {
+    /**
+     * Ordem: 1º elemento é o mais de baixo, geralmente o nulo...
+     *
+     * Consequentemente o último elemento é o mais de cima.
+     *
+     * Deve-se colocar valor === null para ter o efeito de "desligar"
+     */
+    options: {
+        value: string | null;
+        label: string;
+    }[];
+    onChange: (value: string | null, index: number) => void;
+    value?: string | null;
+    disabled?: boolean;
+}
+declare const VerticalSlider: React.ForwardRefExoticComponent<VerticalSliderProps & React.RefAttributes<HTMLDivElement>>;
+export default VerticalSlider;

package/dist/components/verticalSlider/verticalSlider.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import React, { ComponentProps } from 'react';
+import VerticalSlider from './verticalSlider';
+declare const meta: Meta<typeof VerticalSlider>;
+export default meta;
+export declare const FirstExample: {
+    (args: ComponentProps<typeof VerticalSlider>): React.JSX.Element;
+    args: import("./verticalSlider").VerticalSliderProps & React.RefAttributes<HTMLDivElement>;
+};
+export declare const FilledExample: {
+    (args: ComponentProps<typeof VerticalSlider>): React.JSX.Element;
+    args: import("./verticalSlider").VerticalSliderProps & React.RefAttributes<HTMLDivElement>;
+};

package/dist/hooks/useHTMLShare/useHTMLShare.d.ts

@@ -7,7 +7,7 @@ declare type pdfOptions = {
     imageHeight?: number;
     imageX?: number;
     imageY?: number;
-    quality?: 1;
+    quality?: number;
     orientation?: 'p' | 'portrait' | 'l' | 'landscape';
     scale?: number;
 };

package/dist/index.css

@@ -9028,3 +9028,109 @@ h6.tp {
     h6.tp {
       font-size: 14px;
       line-height: 16px; } }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+.v-slider {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  display: flex;
+  width: 100%;
+  height: auto;
+  gap: 16px;
+  padding: 4px; }
+  .v-slider[aria-disabled='true'] {
+    cursor: not-allowed !important; }
+    .v-slider[aria-disabled='true'] .v-slider-thumb {
+      cursor: not-allowed !important;
+      background-color: #5a645a !important; }
+    .v-slider[aria-disabled='true'] .v-slider-track {
+      background-color: #cdd3cd !important; }
+    .v-slider[aria-disabled='true'] .v-slider-fill {
+      background-color: #828a82 !important; }
+    .v-slider[aria-disabled='true'] .v-slider-option {
+      cursor: not-allowed !important; }
+  .v-slider .v-slider-input {
+    display: flex; }
+    .v-slider .v-slider-input .v-slider-track {
+      transition: background-color 0.3s ease;
+      position: relative;
+      height: 100%;
+      width: 24px;
+      display: flex;
+      flex-flow: column nowrap;
+      align-items: center;
+      justify-content: flex-end;
+      background-color: #d9d9d9;
+      border-radius: 50px;
+      box-shadow: inset 0 1px 2px 0 rgba(90, 100, 90, 0.3);
+      overflow: hidden; }
+      .v-slider .v-slider-input .v-slider-track .v-slider-fill {
+        width: 100%;
+        height: 70px;
+        border-top-left-radius: 24px;
+        border-top-right-radius: 24px;
+        background-color: #33820d;
+        transition: background-color 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
+        box-shadow: inset 0 0px 2px 0 rgba(40, 50, 40, 0.6); }
+        .v-slider .v-slider-input .v-slider-track .v-slider-fill[data-checked='false'] {
+          background-color: #d9d9d9;
+          box-shadow: inset 0 2px 2px 0 rgba(40, 50, 40, 0); }
+        .v-slider .v-slider-input .v-slider-track .v-slider-fill.grabbing {
+          background-color: #d7e6c8 !important;
+          box-shadow: inset 0 0 2px 0 rgba(40, 50, 40, 0.3); }
+      .v-slider .v-slider-input .v-slider-track .v-slider-thumb {
+        cursor: grab;
+        width: 20px;
+        height: 20px;
+        margin: 2px;
+        background-color: #fefefe;
+        border-radius: 20px;
+        box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
+        transition: background-color 0.3s ease;
+        touch-action: none; }
+        .v-slider .v-slider-input .v-slider-track .v-slider-thumb:active {
+          cursor: grabbing; }
+  .v-slider .v-slider-options {
+    display: flex;
+    flex-flow: column-reverse nowrap;
+    flex: 1 0 auto;
+    gap: 16px; }
+    .v-slider .v-slider-options .v-slider-option {
+      position: relative;
+      cursor: pointer;
+      height: 24px;
+      font-family: "Nunito", sans-serif;
+      font-size: 16px;
+      font-weight: 300;
+      line-height: 24px;
+      text-align: left;
+      color: #323c32; }
+      .v-slider .v-slider-options .v-slider-option[data-checked='true'] {
+        font-weight: 500; }

package/dist/index.d.ts

@@ -188,6 +188,7 @@ import ScrollArrowOverflow from './components/scrollArrowOverflow/ScrollArrowOve
 import { LeftControlWithLabel } from './components/table/components/leftControlWithLabel/LeftControlWithLabel';
 import TooltipElement from './components/tooltipElement/TooltipElement';
 import Typography from './components/typography/Typography';
+import VerticalSlider from './components/verticalSlider/verticalSlider';
 import VideoPlayer from './components/videoPlayer/VideoPlayer';
 import useCallbackedState from './hooks/useCallbackedState/useCallbackedState';
 import useCarouselBehaviour from './hooks/useCarouselBehaviour/useCarouselBehaviour';
@@ -236,10 +237,10 @@ export { Accordion, ActionCard, ActionsColumn, AnimatedLink, Banner, BigBlockBut
 /**
  * @deprecated Use LeftControlWithLabel instead
  */
-LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, Menu, MenuItem, Modal, ModalManager, MoneyByMonth, MoneyMonthLineChart, Notification, NotificationPanel, PageSubTitle, PageTitle, Pagination, Paginator, PreviaVideo, QRCode, RadioButton, Row, ScrollArrowOverflow, Search, Select, Switch, Table, TableActions, TableFileNameAndAction, TableWithOverflow, Tabs, TextEditor, Title, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, TypedTable, VideoModal, VideoPlayer, };
+LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, Menu, MenuItem, Modal, ModalManager, MoneyByMonth, MoneyMonthLineChart, Notification, NotificationPanel, PageSubTitle, PageTitle, Pagination, Paginator, PreviaVideo, QRCode, RadioButton, Row, ScrollArrowOverflow, Search, Select, Switch, Table, TableActions, TableFileNameAndAction, TableWithOverflow, Tabs, TextEditor, Title, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, TypedTable, VerticalSlider, VideoModal, VideoPlayer, };
 export { useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useEvent, useFloatingPanel, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useSystemInfo, useTimeElapsed, useToastManager, useValidatedState, };
-export { ATMIcon, AconteceuIcon, AddAssemblyIcon, 
+export { AconteceuIcon, AddAssemblyIcon, 
 /**
  * @deprecated Use AddIcon instead
  */
-AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, BarChartIcon, BeeIcon, Bell16Icon, BellIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MiniInformationIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, Settings16Icon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TooltipElement, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, Typography, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };
+AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, ATMIcon, BackOfficeIcon, BarChartIcon, BeeIcon, Bell16Icon, BellIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MiniInformationIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, Settings16Icon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TooltipElement, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, Typography, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };

package/dist/index.js

@@ -13084,6 +13084,144 @@ 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;
+    });
+    movingRef.current.elementIndex = index;
+    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 accumulatedHeights = 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 = accumulatedHeights.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;
+  }, [accumulatedHeights, 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 = accumulatedHeights.findIndex(function (a) {
+      return a > clickHeight;
+    });
+    onChange(options[h].value, h);
+  }, [accumulatedHeights, 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],
@@ -44016,13 +44154,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,
@@ -44033,10 +44171,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 () {
@@ -44108,7 +44246,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');
@@ -44176,13 +44314,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, {
@@ -44453,7 +44591,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;
@@ -44499,17 +44637,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;
           }
@@ -44517,7 +44655,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)";
           }
@@ -44525,7 +44663,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)";
           }
@@ -44534,7 +44672,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;
           }
@@ -44549,11 +44687,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,
@@ -44581,7 +44719,7 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
-var _excluded$x = ["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) {
@@ -44591,7 +44729,7 @@ function AlertModal(_ref) {
     onConfirm = _ref.onConfirm,
     _ref$showIcons = _ref.showIcons,
     showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -44924,6 +45062,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;