@pedidopago/ui 1.3.27 → 1.4.0

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", "maxValue", "minValue", "fullSize", "direction", "valueLabelDisplay", "minMaxFormat"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -54,15 +56,17 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onChangeSlider = _ref.onChangeSlider,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
+      _ref$maxValue = _ref.maxValue,
+      maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
+      _ref$minValue = _ref.minValue,
+      minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
       fullSize = _ref.fullSize,
       _ref$direction = _ref.direction,
       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),
@@ -75,7 +79,7 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   function handleChangeValue(percent, index) {
     var _sliderRef$current;
 
-    var value = Math.round((percent * (max - min) + min) / step) * step;
+    var value = Math.round((percent * (maxValue - minValue) + minValue) / step) * step;
     var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
 
     if (Array.isArray(sliderValue)) {
@@ -83,14 +87,14 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 
       var newValues = _toConsumableArray(sliderValue);
 
-      newValues[index || 0] = value > max ? max : value < min ? min : value;
+      newValues[index || 0] = value > maxValue ? maxValue : value < minValue ? minValue : value;
       setSliderValue(newValues);
       onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(newValues);
       nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(sliderRef.current, newValues);
     } else {
       var _nativeInputValueSett2;
 
-      setSliderValue(value > max ? max : value < min ? min : value);
+      setSliderValue(value > maxValue ? maxValue : value < minValue ? minValue : value);
       nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett2 = nativeInputValueSetter.set) === null || _nativeInputValueSett2 === void 0 ? void 0 : _nativeInputValueSett2.call(sliderRef.current, value);
       onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(value);
     }
@@ -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: minValue
+          }),
+          max: (0, _formatNumber.formatCurrency)({
+            amount: maxValue
+          })
+        };
+
+      case 'percentage':
+        return {
+          min: "".concat(minValue, "%"),
+          max: "".concat(maxValue, "%")
+        };
+
+      default:
+        return {
+          min: minValue,
+          max: maxValue
+        };
+    }
+  };
+
+  var _minMaxFormatter = minMaxFormatter(),
+      formattedMin = _minMaxFormatter.min,
+      formattedMax = _minMaxFormatter.max;
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
     direction: direction,
     fullSize: fullSize,
@@ -117,15 +152,15 @@ 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,
       valueSliderSelector: sliderValue,
-      min: min,
-      max: max,
+      minValue: minValue,
+      maxValue: maxValue,
       step: step,
       onChangeSliderSelector: handleChangeValue,
       direction: direction,

package/dist/components/Slider/slider.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=slider.test.d.ts.map

package/dist/components/Slider/slider.test.js

@@ -26,8 +26,8 @@ describe('Slider', function () {
     var _setup = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100
+      minValue: 0,
+      maxValue: 100
     }),
         container = _setup.container;
 
@@ -37,8 +37,8 @@ describe('Slider', function () {
     var _setup2 = setup({
       valueSlider: [50, 100],
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100
+      minValue: 0,
+      maxValue: 100
     }),
         container = _setup2.container;
 
@@ -48,8 +48,8 @@ describe('Slider', function () {
     var _setup3 = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       thumbType: 'pointer'
     }),
         container = _setup3.container;
@@ -60,8 +60,8 @@ describe('Slider', function () {
     var _setup4 = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       trackColor: 'primary.alert',
       thumbColor: 'tertiary.default'
     }),
@@ -73,22 +73,22 @@ describe('Slider', function () {
     var small = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       sizeSlider: 'sm'
     });
     var medium = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       sizeSlider: 'md'
     });
     var large = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       sizeSlider: 'lg'
     });
     expect(small.container).toBeInTheDocument();
@@ -99,8 +99,8 @@ describe('Slider', function () {
     var _setup5 = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       valueLabelDisplay: 'auto'
     }),
         container = _setup5.container;
@@ -111,8 +111,8 @@ describe('Slider', function () {
     var _setup6 = setup({
       valueSlider: 50,
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       valueLabelDisplay: 'Teste'
     }),
         container = _setup6.container;
@@ -123,8 +123,8 @@ describe('Slider', function () {
     var _setup7 = setup({
       valueSlider: [50, 100],
       onChangeSlider: jest.fn(),
-      min: 0,
-      max: 100,
+      minValue: 0,
+      maxValue: 100,
       thumbType: 'pointer'
     }),
         container = _setup7.container;

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

@@ -1,66 +1,66 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare const SliderContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullSize?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderRailContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    trackColor?: GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    thumbColor: GlobalColorsProps | (string & {});
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-    thumbType?: "circle" | "default" | "pointer" | undefined;
-    disabled?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare const SliderContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullSize?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderRailContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    trackColor?: GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    thumbColor: GlobalColorsProps | (string & {});
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+    thumbType?: "circle" | "default" | "pointer" | undefined;
+    disabled?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;0IAK9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAiB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;;yGAqF9C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;yGA0BhD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;0IAK9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;;yGAqF9C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;yGA0BhD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}

package/dist/components/Slider/styles.js

@@ -43,7 +43,7 @@ var SliderRailContainer = _styled.default.div(_templateObject4 || (_templateObje
 
 exports.SliderRailContainer = SliderRailContainer;
 
-var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n  ", "\n\n  transform: ", ";\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), function (props) {
+var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  border-radius: 8px;\n  ", "\n\n  transform: ", ";\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), function (props) {
   return props.direction === 'vertical' ? 'bottom: 0;' : 'top: 50%;';
 }, function (props) {
   return props.direction === 'vertical' ? '' : 'translateY(-50%)';

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

@@ -1,40 +1,41 @@
-import { ReactNode, RefObject } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-declare type IGenericSliderProps = {
-    /**
-     * @default "circle"
-     */
-    thumbType?: 'default' | 'circle' | 'pointer';
-    min: number;
-    max: number;
-    step?: number;
-    trackColor?: GlobalColorsProps | (string & {});
-    thumbColor?: GlobalColorsProps | (string & {});
-    disabled?: boolean;
-    fullSize?: boolean;
-    sizeSlider?: 'sm' | 'md' | 'lg';
-    direction?: 'horizontal' | 'vertical';
-    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
-};
-export declare type ISliderProps = IGenericSliderProps & {
-    valueSlider: number | number[];
-    onChangeSlider: (value: number | number[], index?: number) => void;
-};
-export declare type ISliderSelectorProps = IGenericSliderProps & {
-    valueSliderSelector: number | number[];
-    onChangeSliderSelector: (percentage: number, index?: number) => void;
-};
-export declare type ISliderTrackerProps = {
-    max: number;
-    step: number;
-    onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
-    trackColor?: GlobalColorsProps | (string & {});
-    children: ReactNode;
-    direction?: 'horizontal' | 'vertical';
-};
-export declare type ISliderPointerProps = {
-    direction?: 'horizontal' | 'vertical';
-    thumbColor: GlobalColorsProps | (string & {});
-};
-export {};
+import { ReactNode, RefObject } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+declare type IGenericSliderProps = {
+    /**
+     * @default "circle"
+     */
+    thumbType?: 'default' | 'circle' | 'pointer';
+    minValue: number;
+    maxValue: number;
+    step?: number;
+    trackColor?: GlobalColorsProps | (string & {});
+    thumbColor?: GlobalColorsProps | (string & {});
+    disabled?: boolean;
+    fullSize?: boolean;
+    sizeSlider?: 'sm' | 'md' | 'lg';
+    direction?: 'horizontal' | 'vertical';
+    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
+};
+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[];
+    onChangeSliderSelector: (percentage: number, index?: number) => void;
+};
+export declare type ISliderTrackerProps = {
+    maxValue: number;
+    step: number;
+    onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
+    trackColor?: GlobalColorsProps | (string & {});
+    children: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+};
+export declare type ISliderPointerProps = {
+    direction?: 'horizontal' | 'vertical';
+    thumbColor: GlobalColorsProps | (string & {});
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

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,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,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,QAAQ,EAAE,MAAM,CAAC;IACjB,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/Spinner/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ISpinnerProps } from './types';
-declare const Spinner: FC<ISpinnerProps>;
-export default Spinner;
+import { FC } from 'react';
+import { ISpinnerProps } from './types';
+declare const Spinner: FC<ISpinnerProps>;
+export default Spinner;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Spinner/spinner.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=spinner.test.d.ts.map