@pedidopago/ui 1.3.28 → 1.3.29

package/dist/components/DateInput/components/ModalWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY,8GAkBxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY,8GAmBxB,CAAC"}

package/dist/components/DateInput/components/ModalWrapper/index.js

@@ -13,13 +13,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var ModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var open = _ref.open,
-      _ref$left = _ref.left,
-      left = _ref$left === void 0 ? '50vw' : _ref$left,
+      left = _ref.left,
       _ref$top = _ref.top,
       top = _ref$top === void 0 ? '' : _ref$top,
       _ref$offsetX = _ref.offsetX,
       offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
       maxWidth = _ref.maxWidth,
+      right = _ref.right,
       children = _ref.children;
   var optionsContainerRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -29,7 +29,8 @@ var ModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: optionsContainerRef,
     open: open,
     maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
-    left: "calc(".concat(left, " + ").concat(offsetX, ")"),
+    left: left && "calc(".concat(left, " + ").concat(offsetX, ")"),
+    right: right && "calc(".concat(right, " + ").concat(offsetX, ")"),
     top: top,
     children: children
   });

package/dist/components/DateInput/components/ModalWrapper/styles.d.ts

@@ -3,7 +3,8 @@ interface ModalWrapperContainerProps {
     open: boolean;
     maxWidth?: string;
     maxHeight?: string;
-    left: string;
+    right?: string;
+    left?: string;
     top: string;
 }
 export declare const ModalWrapperContainer: import("@emotion/styled").StyledComponent<{

package/dist/components/DateInput/components/ModalWrapper/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/styles.ts"],"names":[],"mappings":";AAIA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsBjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/styles.ts"],"names":[],"mappings":";AAIA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA6BjC,CAAC"}

package/dist/components/DateInput/components/ModalWrapper/styles.js

@@ -11,7 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _framerMotion = require("framer-motion");
 
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["theme"];
 
@@ -27,6 +27,6 @@ var ModalWrapperContainer = (0, _styled.default)(_framerMotion.motion.div)(funct
   var theme = _ref.theme,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      position: fixed;\n      left: ", ";\n      top: ", ";\n      z-index: ", ";\n      opacity: ", ";\n      pointer-events: ", ";\n      transition: opacity ease ", ";\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n\n      li {\n        list-style: none;\n      }\n    "])), props.left, props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.background.light, theme.borderRadius.default, theme.shadow.level3);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n      width: auto;\n      position: fixed;\n      ", "\n      ", "\n      top: ", ";\n      z-index: ", ";\n      opacity: ", ";\n      pointer-events: ", ";\n      transition: opacity ease ", ";\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n\n      li {\n        list-style: none;\n      }\n    "])), props.left && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        left: ", ";\n      "])), props.left), props.right && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        right: ", ";\n      "])), props.right), props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.background.light, theme.borderRadius.default, theme.shadow.level3);
 });
 exports.ModalWrapperContainer = ModalWrapperContainer;

package/dist/components/DateInput/components/ModalWrapper/types.d.ts

@@ -4,6 +4,8 @@ export interface ModalWrapperProps extends HTMLAttributes<HTMLDivElement> {
     open: boolean;
     /** Optional. Sets the left position where the modal will be shown. */
     left?: string;
+    /** Optional. Sets the right position where the modal will be shown. */
+    right?: string;
     /** Optional. Sets the top position where the modal will be shown. */
     top?: string;
     /** Optional. Offsets the Modal horizontally. */

package/dist/components/DateInput/components/ModalWrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateInput/components/ModalWrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B"}

package/dist/components/DateInput/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DateInputProps } from './types';
-export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, minDate, maxDate, onChange, disabled, ...rest }: DateInputProps): JSX.Element;
+export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, minDate, maxDate, onChange, disabled, datePickerPosition, disableWeekendDays, ...rest }: DateInputProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DateInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,eA0FhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,kBAA2B,EAC3B,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,cAAc,eA0GhB"}

package/dist/components/DateInput/index.js

@@ -23,7 +23,7 @@ var _useDisableBodyScroll = require("../../shared/hooks/useDisableBodyScroll");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "minDate", "maxDate", "onChange", "disabled"];
+var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "minDate", "maxDate", "onChange", "disabled", "datePickerPosition", "disableWeekendDays"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -50,7 +50,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function DateInput(_ref) {
-  var _containerRef$current, _containerRef$current3, _containerRef$current4, _containerRef$current5;
+  var _containerRef$current, _containerRef$current3, _containerRef$current4, _containerRef$current5, _containerRef$current6, _containerRef$current7;
 
   var label = _ref.label,
       placeholder = _ref.placeholder,
@@ -64,6 +64,9 @@ function DateInput(_ref) {
       onChange = _ref.onChange,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$datePickerPositi = _ref.datePickerPosition,
+      datePickerPosition = _ref$datePickerPositi === void 0 ? 'left' : _ref$datePickerPositi,
+      disableWeekendDays = _ref.disableWeekendDays,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var containerRef = (0, _react.useRef)(null);
@@ -118,7 +121,7 @@ function DateInput(_ref) {
       }),
       disabled: disabled,
       tabIndex: disabled ? -1 : 0,
-      value: currentValue ? Array.isArray(currentValue) ? "".concat(currentValue[0].toLocaleDateString(locales, localeOptions), " - ").concat(currentValue[1].toLocaleDateString(locales, localeOptions)) : new Date(currentValue).toLocaleDateString() : '',
+      value: currentValue ? Array.isArray(currentValue) ? String(currentValue[0]) !== String(currentValue[1]) ? "".concat(currentValue[0].toLocaleDateString(locales, localeOptions), " - ").concat(currentValue[1].toLocaleDateString(locales, localeOptions)) : new Date(currentValue[0]).toLocaleDateString() : new Date(currentValue).toLocaleDateString() : '',
       onClick: toggleOptionsAreaView,
       onMouseOver: handleRepositionModal
     }), datePickerOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -130,15 +133,17 @@ function DateInput(_ref) {
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalWrapper.ModalWrapper, {
           open: datePickerOpen,
-          left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
-          top: Number(positionContainer) < 540 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ", 360, "px)"),
+          left: datePickerPosition === 'left' ? "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px") : undefined,
+          right: datePickerPosition === 'right' ? "".concat(window.innerWidth - Number(containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.offsetLeft) - Number(containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.offsetWidth), "px") : undefined,
+          top: Number(positionContainer) < 540 ? "calc(".concat(((_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current7 = containerRef.current) === null || _containerRef$current7 === void 0 ? void 0 : _containerRef$current7.getBoundingClientRect().top) || 0, "px - ", 360, "px)"),
           ref: optionsModalRef,
           maxWidth: "auto",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, _objectSpread({
             value: currentValue,
             onChange: selectDate,
             minDate: minDate,
-            maxDate: maxDate
+            maxDate: maxDate,
+            disableWeekendDays: disableWeekendDays
           }, rest))
         })]
       })

package/dist/components/DateInput/types.d.ts

@@ -13,5 +13,7 @@ export interface DateInputProps extends DatePickerProps {
     localeOptions?: Intl.DateTimeFormatOptions;
     minDate?: Date;
     maxDate?: Date;
+    datePickerPosition?: 'left' | 'right';
+    disableWeekendDays?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DateInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/dist/components/DatePicker/components/DatePickerContent.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DatePickerContentProps } from '../types';
-export declare const DatePickerContent: ({ type, date, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, }: DatePickerContentProps) => JSX.Element;
+export declare const DatePickerContent: ({ type, date, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, }: DatePickerContentProps) => JSX.Element;
 //# sourceMappingURL=DatePickerContent.d.ts.map

package/dist/components/DatePicker/components/DatePickerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,4KAc3B,sBAAsB,gBAiOxB,CAAC"}
+{"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,0OAiB3B,sBAAsB,gBAyOxB,CAAC"}

package/dist/components/DatePicker/components/DatePickerContent.js

@@ -42,7 +42,10 @@ var DatePickerContent = function DatePickerContent(_ref) {
       handleChangeDate = _ref.handleChangeDate,
       variant = _ref.variant,
       enableYearPicker = _ref.enableYearPicker,
-      handleToggleYearPicker = _ref.handleToggleYearPicker;
+      handleToggleYearPicker = _ref.handleToggleYearPicker,
+      hideNextMonthButton = _ref.hideNextMonthButton,
+      hidePrevMonthButton = _ref.hidePrevMonthButton,
+      disableWeekendDays = _ref.disableWeekendDays;
 
   var handleChangeSelectDate = function handleChangeSelectDate(newDate) {
     handleChangeDate(newDate);
@@ -122,7 +125,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
           onClick: function onClick() {
             return handleChangeMonth(date.getMonth(), 'down');
           },
-          isHidden: minDate && minDate.getMonth() === date.getMonth(),
+          isHidden: minDate && minDate.getMonth() === date.getMonth() || hidePrevMonthButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "arrow-left"
           })
@@ -140,7 +143,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
           onClick: function onClick() {
             return handleChangeMonth(date.getMonth(), 'up');
           },
-          isHidden: maxDate && maxDate.getMonth() === date.getMonth(),
+          isHidden: maxDate && maxDate.getMonth() === date.getMonth() || hideNextMonthButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "arrow-right"
           })
@@ -178,11 +181,13 @@ var DatePickerContent = function DatePickerContent(_ref) {
                   var dateMonth = isPreviousMonth ? date.getMonth() - 1 : isNextMonth ? date.getMonth() + 1 : date.getMonth();
                   var cellDate = new Date(date.getFullYear(), dateMonth, day);
                   var cellTitle = cellDate.toLocaleDateString();
-                  var isToday = cellDate.toLocaleDateString() === new Date().toLocaleDateString();
-                  var isStartDateOfRange = cellDate.toLocaleDateString() === startDate.toLocaleDateString();
-                  var isEndDateOfRange = cellDate.toLocaleDateString() === endDate.toLocaleDateString();
+                  var isToday = cellDate.getTime() === Date.now();
+                  var isStartDateOfRange = // setHours(0, 0, 0, 0) set the time to midnight
+                  cellDate.getTime() === startDate.setHours(0, 0, 0, 0);
+                  var isEndDateOfRange = cellDate.getTime() === endDate.getTime();
                   var outOfCurrentMonthInRange = type === 'range' && (isPreviousMonth || isNextMonth);
-                  var isDisabled = day === 0 || minDate && cellDate.getTime() < minDate.getTime() || maxDate && cellDate.getTime() > maxDate.getTime() || outOfCurrentMonthInRange;
+                  var isWeekendDay = disableWeekendDays ? cellDate.getDay() === 0 || cellDate.getDay() === 6 : false;
+                  var isDisabled = day === 0 || minDate && cellDate.getTime() < minDate.getTime() || maxDate && cellDate.getTime() > maxDate.getTime() || outOfCurrentMonthInRange || isWeekendDay;
                   var isExtended = variant === 'extended';
                   var removeZeros = days.filter(function (day) {
                     return day !== 0;
@@ -191,6 +196,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
                     role: "gridcell",
                     title: cellTitle,
                     "data-date": cellDate,
+                    isTheSameDate: cellDate.getTime() === endDate.getTime() && cellDate.getTime() === startDate.getTime(),
                     tabIndex: -1,
                     disabled: isDisabled,
                     "aria-label": cellDate.toLocaleDateString('pt-BR', {

package/dist/components/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, }: DatePickerProps) => JSX.Element;
 export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,iEAQb,eAAe,gBAiKjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,+GASb,eAAe,gBAiNjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/DatePicker/index.js

@@ -40,37 +40,82 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DatePicker = function DatePicker(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
-      minDate = _ref.minDate,
-      maxDate = _ref.maxDate,
+      minDateProp = _ref.minDate,
+      maxDateProp = _ref.maxDate,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'compact' : _ref$variant,
       color = _ref.color,
       _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'date' : _ref$type;
+      type = _ref$type === void 0 ? 'date' : _ref$type,
+      disableWeekendDays = _ref.disableWeekendDays;
+  var date = (0, _react.useMemo)(function () {
+    return new Date();
+  }, []);
+  var minDate = new Date(minDateProp);
+  var maxDate = new Date(maxDateProp);
+
+  var _useState = (0, _react.useState)(function () {
+    if (value) {
+      return Array.isArray(value) ? new Date(value[0]) : new Date(value);
+    }
+
+    if (maxDateProp && minDateProp) {
+      return maxDate <= date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - 1) : maxDate;
+    }
+
+    if (minDateProp) {
+      return minDate > date ? minDate : date;
+    }
 
-  var _useState = (0, _react.useState)(value ? Array.isArray(value) ? value[0] : value : new Date()),
+    if (maxDateProp) {
+      return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : date;
+    }
+
+    return date;
+  }),
       _useState2 = _slicedToArray(_useState, 2),
       startDate = _useState2[0],
       setStartDate = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? value[1] : value : startDate),
+  var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? new Date(value[1]) : new Date(value) : startDate),
       _useState4 = _slicedToArray(_useState3, 2),
       endDate = _useState4[0],
       setEndDate = _useState4[1];
 
+  var endDateMonth = endDate.getMonth();
+  var startDateMonth = startDate.getMonth();
+
   var _useState5 = (0, _react.useState)(function () {
-    return new Date(startDate.getFullYear(), startDate.getMonth() - (variant === 'extended' ? 1 : 0), 1);
+    if (Array.isArray(value) && value !== null && value !== void 0 && value[1]) {
+      if (maxDateProp) {
+        if (startDateMonth === endDateMonth && endDateMonth === maxDate.getMonth()) return endDate;
+        if (startDateMonth === endDateMonth) return new Date(endDate.getFullYear(), endDateMonth + 1);
+        return endDate;
+      } else {
+        return startDateMonth === endDateMonth ? new Date(endDate.getFullYear(), endDateMonth + 1) : endDate;
+      }
+    }
+
+    if (maxDateProp) {
+      return maxDate.getMonth() === startDateMonth ? maxDate : new Date(startDate.getFullYear(), startDateMonth + 1, 1);
+    }
+
+    return new Date(startDate.getFullYear(), startDateMonth + 1, 1);
   }),
       _useState6 = _slicedToArray(_useState5, 2),
-      firstCalendarDate = _useState6[0],
-      setFirstCalendarDate = _useState6[1];
+      secondCalendarDate = _useState6[0],
+      setSecondCalendarDate = _useState6[1];
 
   var _useState7 = (0, _react.useState)(function () {
-    return new Date(startDate.getFullYear(), startDate.getMonth(), 1);
+    if (variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
+      return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
+    } else {
+      return new Date(startDate.getFullYear(), startDateMonth);
+    }
   }),
       _useState8 = _slicedToArray(_useState7, 2),
-      secondCalendarDate = _useState8[0],
-      setSecondCalendarDate = _useState8[1];
+      firstCalendarDate = _useState8[0],
+      setFirstCalendarDate = _useState8[1];
 
   var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -91,13 +136,12 @@ var DatePicker = function DatePicker(_ref) {
       rowCells.forEach(function (cell) {
         var cellDate = new Date(String(cell.getAttribute('data-date')));
         var isCurrentOverCell = cellDate.toLocaleString() === currentDate.toLocaleString();
-        var isEqualToStartDate = cellDate.toLocaleString() === startDate.toLocaleString();
-        var isBiggerThanStartDate = cellDate.getTime() > startDate.getTime();
+        var isBiggerThanStartDate = cellDate.getTime() >= startDate.getTime();
         var isSmallerThanCurrentDate = cellDate.getTime() < currentDate.getTime();
         cell.classList.remove('is-hover');
 
-        if (endDate.toLocaleString() === startDate.toLocaleString()) {
-          if ((isBiggerThanStartDate || isEqualToStartDate) && (isSmallerThanCurrentDate || isCurrentOverCell)) {
+        if (endDate.getTime() === startDate.getTime()) {
+          if (isBiggerThanStartDate && (isSmallerThanCurrentDate || isCurrentOverCell)) {
             cell.classList.add('is-hover');
             isCurrentOverCell ? cell.classList.add('is-current') : cell.classList.remove('is-current');
           } else {
@@ -116,7 +160,7 @@ var DatePicker = function DatePicker(_ref) {
       var startDateTime = startDate.getTime();
       var currentDateTime = newDate.getTime();
 
-      if (currentDateTime > startDateTime && !isInTheRange(newDate)) {
+      if (currentDateTime >= startDateTime && !isInTheRange(newDate)) {
         setEndDate(newDate);
         onChange === null || onChange === void 0 ? void 0 : onChange([startDate, newDate]);
       } else {
@@ -150,24 +194,28 @@ var DatePicker = function DatePicker(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
       isExtended: variant === 'extended',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-        initial: false,
+        exitBeforeEnter: true,
         children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread(_objectSpread({}, DatePickerContentProps), variant !== 'extended' && {
             handleToggleYearPicker: handleToggleYearPicker,
             enableYearPicker: !maxDate && !minDate
           }), {}, {
             date: firstCalendarDate,
+            minDate: DatePickerContentProps.minDate,
             maxDate: variant === 'extended' && !maxDate ? firstCalendarLimit : variant === 'extended' ? maxDate && new Date(maxDate).getTime() < firstCalendarLimit.getTime() ? DatePickerContentProps.maxDate : firstCalendarLimit : DatePickerContentProps.maxDate,
+            disableWeekendDays: disableWeekendDays,
             handleChangeDate: function handleChangeDate(newDate) {
               return setFirstCalendarDate(newDate);
             }
           })), variant === 'extended' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
             date: secondCalendarDate,
-            minDate: new Date(firstCalendarDate.getFullYear(), firstCalendarDate.getMonth() + 1, 1),
+            minDate: DatePickerContentProps.minDate,
             maxDate: DatePickerContentProps.maxDate,
             handleChangeDate: function handleChangeDate(newDate) {
               setSecondCalendarDate(newDate);
-            }
+            },
+            hidePrevMonthButton: secondCalendarDate.getMonth() - 1 === firstCalendarDate.getMonth() || secondCalendarDate.getMonth() === 0 && firstCalendarDate.getMonth() === 11,
+            disableWeekendDays: disableWeekendDays
           }))]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateYearPicker.DateYearPicker, {
           date: firstCalendarDate,

package/dist/components/DatePicker/styles.d.ts

@@ -52,6 +52,7 @@ export declare const DatePickerTableCell: import("@emotion/styled").StyledCompon
     isStartDateOfRange?: boolean | undefined;
     isFirstDayOfMonth?: boolean | undefined;
     isLastDayOfMonth?: boolean | undefined;
+    isTheSameDate?: boolean | undefined;
     disabled?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{

package/dist/components/DatePicker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;+HAiJ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGA+B9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;+HAsJ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGA+B9B,CAAC"}

package/dist/components/DatePicker/styles.js

@@ -73,7 +73,7 @@ var DatePickerTableRow = _styled.default.tr(_templateObject8 || (_templateObject
 
 exports.DatePickerTableRow = DatePickerTableRow;
 
-var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 0;\n  padding: 12px;\n  text-align: center;\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: ", ";\n\n  color: ", ";\n\n  user-select: none;\n\n  transition: background 150ms ease;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &.is-current {\n    &:before {\n      border-radius: 0 50% 50% 0 !important;\n    }\n  }\n"])), function (props) {
+var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 0;\n  padding: 12px;\n  text-align: center;\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: ", ";\n\n  color: ", ";\n\n  user-select: none;\n\n  transition: background 150ms ease;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &.is-current[aria-selected='false']:before {\n    border-radius: 0 50% 50% 0 !important;\n  }\n\n  &.is-current[aria-selected='true']:before {\n    display: none;\n  }\n"])), function (props) {
   return !props.isPrevNextMonth && !props.disabled && (props.isSelected || props.isEndDateOfRange) ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : 'transparent';
 }, function (props) {
   return props.isPrevNextMonth ? props.theme.colors.neutral.neutral2 : props.isSelected || props.isEndDateOfRange ? props.theme.colors.body.light : props['aria-selected'] ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : props.theme.colors.neutral.black;
@@ -82,7 +82,7 @@ var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObjec
 }, function (props) {
   return props.isToday && !props.isSelected && !props.isEndDateOfRange && "\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      border: solid 1px ".concat(props.theme.colors.neutral.neutral2, ";\n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
-  return (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n      transform: translate(-50%, -50%);\n    }\n  ");
+  return !props.isTheSameDate && (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    \n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
   return !props.isSelected && !props.isEndDateOfRange && (0, _colorCheck.parseHslColorToString)((0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme)).neutral1);
 }, function (props) {

package/dist/components/DatePicker/types.d.ts

@@ -18,18 +18,19 @@ export declare type DatePickerProps = {
      * Sets the date picker's minimum month and year.
      * @summary To set the minimum date, the date needs to be the first day of the month.
      */
-    minDate?: Date;
+    minDate?: Date | number | string;
     /**
      * Sets the date picker's maximum month and year.
      * @summary To set the maximum date, the date needs to be the first day of the month.
      */
-    maxDate?: Date;
+    maxDate?: Date | number | string;
     /**
      * Callback function that is called when the date picker's value changes.
      * @param {Date} date - The new date.
      */
     onChange?: (date: Date | [Date, Date]) => void;
     color?: GlobalColorsProps | (string & {});
+    disableWeekendDays?: boolean;
 };
 export declare type GenericStyledProps = {
     theme?: ExtendThemeProps & {
@@ -51,6 +52,9 @@ export declare type DatePickerContentProps = {
     maxDate?: Date;
     type?: 'date' | 'range';
     color?: 'primary' | 'secondary' | 'tertiary';
+    hideNextMonthButton?: boolean;
+    hidePrevMonthButton?: boolean;
+    disableWeekendDays?: boolean;
 };
 export declare type DateYearPickerProps = {
     date: Date;

package/dist/components/DatePicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3C,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC9C,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC"}

package/dist/components/Pagination/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqC5C,eAAO,MAAM,cAAc;;;iIAe1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;6HAK1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yIA2C5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;yIA4BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yIA2BhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;+HAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;6HA0BpB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqC5C,eAAO,MAAM,cAAc;;;iIAe1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;6HAK1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yIA2C5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;yIA6BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yIA4BhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;+HAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;6HA0BpB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC"}

package/dist/components/Pagination/styles.js

@@ -59,7 +59,7 @@ var PreviousNavigationButton = _styled.default.button(_templateObject11 || (_tem
       shape = _ref5.shape,
       grayColor = _ref5.grayColor,
       color = _ref5.color;
-  return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    border-radius: 8px 0 0 8px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n\n    ", "\n    ", "\n  "])), grayColor || theme.colors.tertiary.default, grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
+  return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    border-radius: 8px 0 0 8px;\n    border: 2px solid\n      ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n\n    ", "\n    ", "\n  "])), disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
 });
 
 exports.PreviousNavigationButton = PreviousNavigationButton;
@@ -71,7 +71,7 @@ var NextNavigationButton = _styled.default.button(_templateObject16 || (_templat
       grayColor = _ref6.grayColor,
       saturationColor = _ref6.saturationColor,
       color = _ref6.color;
-  return (0, _react.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border-radius: 0 8px 8px 0;\n    border: 2px solid ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n    ", "\n    ", "\n  "])), grayColor || theme.colors.tertiary.default, grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
+  return (0, _react.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border-radius: 0 8px 8px 0;\n    border: 2px solid\n      ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n    ", "\n    ", "\n  "])), disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
 });
 
 exports.NextNavigationButton = NextNavigationButton;
@@ -79,7 +79,7 @@ exports.NextNavigationButton = NextNavigationButton;
 var SmallPageInfo = _styled.default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  display: block;\n  min-width: 60px;\n  font-size: 16px;\n  line-height: 1.5;\n  color: ", ";\n  margin: 0 24px;\n"])), function (_ref7) {
   var grayColor = _ref7.grayColor,
       theme = _ref7.theme;
-  return grayColor || theme.colors.tertiary.default;
+  return grayColor || theme.colors.neutral.neutral5;
 });
 
 exports.SmallPageInfo = SmallPageInfo;

package/dist/components/Slider/index.d.ts

@@ -14,6 +14,7 @@ declare const Slider: import("react").ForwardRefExoticComponent<{
 } & {
     valueSlider: number | number[];
     onChangeSlider: (value: number | number[], index?: number | undefined) => void;
+    minMaxFormat?: "number" | "currency-BRL" | "percentage" | undefined;
 } & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 export default Slider;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAMf,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;4FA6EX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;4FAoGX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Slider/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = require("react");
 
+var _formatNumber = require("../../shared/formatters/format-number");
+
 var _Flex = _interopRequireDefault(require("../Flex"));
 
 var _SliderSelector = require("./components/SliderSelector");
@@ -15,7 +17,7 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["valueSlider", "onChangeSlider", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
+var _excluded = ["valueSlider", "onChangeSlider", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay", "minMaxFormat"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -63,6 +65,8 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
       _ref$valueLabelDispla = _ref.valueLabelDisplay,
       valueLabelDisplay = _ref$valueLabelDispla === void 0 ? 'off' : _ref$valueLabelDispla,
+      _ref$minMaxFormat = _ref.minMaxFormat,
+      minMaxFormat = _ref$minMaxFormat === void 0 ? 'number' : _ref$minMaxFormat,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)(valueSlider),
@@ -107,6 +111,37 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return sliderRef.current;
   });
+
+  var minMaxFormatter = function minMaxFormatter() {
+    switch (minMaxFormat) {
+      case 'currency-BRL':
+        return {
+          min: (0, _formatNumber.formatCurrency)({
+            amount: min
+          }),
+          max: (0, _formatNumber.formatCurrency)({
+            amount: max
+          })
+        };
+
+      case 'percentage':
+        return {
+          min: "".concat(min, "%"),
+          max: "".concat(max, "%")
+        };
+
+      default:
+        return {
+          min: min,
+          max: max
+        };
+    }
+  };
+
+  var _minMaxFormatter = minMaxFormatter(),
+      formattedMin = _minMaxFormatter.min,
+      formattedMax = _minMaxFormatter.max;
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
     direction: direction,
     fullSize: fullSize,
@@ -117,9 +152,9 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       justifyContent: "space-between",
       alignItems: "flex-end",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
-        children: min
+        children: formattedMin
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
-        children: max
+        children: formattedMax
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
       ref: sliderRef,

package/dist/components/Slider/types.d.ts

@@ -19,6 +19,7 @@ declare type IGenericSliderProps = {
 export declare type ISliderProps = IGenericSliderProps & {
     valueSlider: number | number[];
     onChangeSlider: (value: number | number[], index?: number) => void;
+    minMaxFormat?: 'currency-BRL' | 'percentage' | 'number';
 };
 export declare type ISliderSelectorProps = IGenericSliderProps & {
     valueSliderSelector: number | number[];

package/dist/components/Slider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3D,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG;IAC/C,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,mBAAmB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvC,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChF,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3D,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG;IAC/C,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC;CACzD,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,mBAAmB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvC,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChF,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}

package/dist/components/Tabs/components/Tabs.js

@@ -96,7 +96,7 @@ var Tabs = function Tabs(_ref) {
       setIndicatorWidth(activeTabRef.current.offsetWidth);
       setIndicatorLeft(activeTabRef.current.offsetLeft);
     }
-  }, [value]);
+  }, [value, activeTabRef]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TabsContainer, {
     fullWidth: fullWidth || squeeze,
     indicatorColor: indicatorColor,

package/dist/shared/formatters/format-number.d.ts

@@ -0,0 +1,6 @@
+import { FormatCurrency } from './types';
+export declare function formatCurrency({ amount, currency, locale }: FormatCurrency): string;
+export declare function formatNumber(number: string): string;
+export declare function sanitizeNumber(number: string): string;
+export declare function formatCurrencyWithoutSymbol(value: string): string;
+//# sourceMappingURL=format-number.d.ts.map

package/dist/shared/formatters/format-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-number.d.ts","sourceRoot":"","sources":["../../../src/shared/formatters/format-number.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,MAAgB,EAAE,EAAE,cAAc,UAK5F;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,UAG1C;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,UAO5C;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,UAaxD"}

package/dist/shared/formatters/format-number.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatCurrency = formatCurrency;
+exports.formatCurrencyWithoutSymbol = formatCurrencyWithoutSymbol;
+exports.formatNumber = formatNumber;
+exports.sanitizeNumber = sanitizeNumber;
+
+function formatCurrency(_ref) {
+  var amount = _ref.amount,
+      _ref$currency = _ref.currency,
+      currency = _ref$currency === void 0 ? 'BRL' : _ref$currency,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'pt-BR' : _ref$locale;
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency
+  }).format(amount);
+}
+
+function formatNumber(number) {
+  if (number) return number.replace(/[^\d.,]/g, ''); // Removes any character that is not a number, comma or dot.
+
+  return '';
+}
+
+function sanitizeNumber(number) {
+  return number ? number.replace(/[^\d.,]/g, '') // Removes any character that is not a number, comma or dot.
+  .replace(/(\.|,)(?=\d*(\.|,))/g, '') // Removes any dot or comma but the last one.
+  .replace(/,(\d*)$/, '.$1') // Assures the last dot or comma is a dot.
+  : '';
+}
+
+function formatCurrencyWithoutSymbol(value) {
+  if (value) {
+    var sanitizedNumber = sanitizeNumber(value);
+    return new Intl.NumberFormat('pt-BR', {
+      style: 'currency',
+      currency: 'BRL',
+      minimumFractionDigits: 2
+    }).format(Number(sanitizedNumber)).replace('R$', '');
+  }
+
+  return '';
+}

package/dist/shared/formatters/types.d.ts

@@ -0,0 +1,6 @@
+export interface FormatCurrency {
+    amount: number;
+    currency?: string;
+    locale?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/formatters/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/formatters/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/shared/formatters/types.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.3.28",
+  "version": "1.3.29",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",