@pedidopago/ui 1.3.29 → 1.4.2

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

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { SelectContainerProps, sizeSelect } from './types';
-export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Option: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    sizeSelect?: sizeSelect | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptionPlaceholder: import("@emotion/styled").StyledComponent<import("../List/types").ListProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+/// <reference types="react" />
+import { SelectContainerProps, sizeSelect } from './types';
+export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Option: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    sizeSelect?: sizeSelect | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionPlaceholder: import("@emotion/styled").StyledComponent<import("../List/types").ListProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,27 @@
-import { ReactNode } from 'react';
-export declare type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-export interface SelectOption {
-    label: ReactNode;
-    value: string | number;
-}
-export declare type sizeSelect = 'sm' | 'md';
-export interface SelectProps {
-    label?: string;
-    variant?: 'unstyled' | 'default';
-    options: SelectOption[];
-    helperText?: string;
-    alert?: SelectAlertType;
-    placeholder?: string;
-    width?: string;
-    sizeSelect?: sizeSelect;
-    optionsMinWidth?: string;
-}
-export interface SelectContainerProps {
-    variant?: 'unstyled' | 'default';
-    alert?: SelectAlertType;
-    filled: boolean;
-    disabled: boolean;
-    width?: string;
-    size?: sizeSelect;
-}
+import { ReactNode } from 'react';
+export declare type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export interface SelectOption {
+    label: ReactNode;
+    value: string | number;
+}
+export declare type sizeSelect = 'sm' | 'md';
+export interface SelectProps {
+    label?: string;
+    variant?: 'unstyled' | 'default';
+    options: SelectOption[];
+    helperText?: string;
+    alert?: SelectAlertType;
+    placeholder?: string;
+    width?: string;
+    sizeSelect?: sizeSelect;
+    optionsMinWidth?: string;
+}
+export interface SelectContainerProps {
+    variant?: 'unstyled' | 'default';
+    alert?: SelectAlertType;
+    filled: boolean;
+    disabled: boolean;
+    width?: string;
+    size?: sizeSelect;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
-export default Skeleton;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
+export default Skeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/skeleton.test.d.ts

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-import { GenericStyledProps } from '../../@types';
-export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+import { GenericStyledProps } from '../../@types';
+export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,41 +1,41 @@
-import { ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type ISkeletonProps = {
-    /**
-     * The variant of the skeleton.
-     * @default 'text'
-     */
-    variant?: 'text' | 'rectangle' | 'circle';
-    /**
-     * The animation of the skeleton
-     * @default 'pulse'
-     */
-    animation?: 'wave' | 'pulse' | 'static';
-    /**
-     * The width of the skeleton
-     * @default '100%'
-     */
-    width?: number | string;
-    /**
-     * The height of the skeleton
-     * @default '100%'
-     */
-    height?: number | string;
-    /**
-     * The color of the skeleton
-     * @default '#EEEEEE'
-     */
-    color?: GlobalColorsProps | (string & {});
-    /**
-     * When true, the skeleton children's will be displayed
-     * @default false
-     */
-    isLoaded?: boolean;
-    /**
-     * When true, the skeleton will be displayed with full width
-     * @default false
-     */
-    fullWidth?: boolean;
-    children?: ReactNode;
-};
+import { ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ISkeletonProps = {
+    /**
+     * The variant of the skeleton.
+     * @default 'text'
+     */
+    variant?: 'text' | 'rectangle' | 'circle';
+    /**
+     * The animation of the skeleton
+     * @default 'pulse'
+     */
+    animation?: 'wave' | 'pulse' | 'static';
+    /**
+     * The width of the skeleton
+     * @default '100%'
+     */
+    width?: number | string;
+    /**
+     * The height of the skeleton
+     * @default '100%'
+     */
+    height?: number | string;
+    /**
+     * The color of the skeleton
+     * @default '#EEEEEE'
+     */
+    color?: GlobalColorsProps | (string & {});
+    /**
+     * When true, the skeleton children's will be displayed
+     * @default false
+     */
+    isLoaded?: boolean;
+    /**
+     * When true, the skeleton will be displayed with full width
+     * @default false
+     */
+    fullWidth?: boolean;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderProps } from './types';
-export declare const SliderExample: ({ ...props }: ISliderProps) => JSX.Element;
+/// <reference types="react" />
+import { ISliderProps } from './types';
+export declare const SliderExample: ({ ...props }: ISliderProps) => JSX.Element;
 //# sourceMappingURL=SliderExample.d.ts.map

package/dist/components/Slider/SliderExample.js

@@ -46,8 +46,8 @@ var SliderExample = function SliderExample(_ref) {
   }, [props.valueSlider]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
-      min: props.min || 0,
-      max: props.max || 100,
+      min: props.minValue || 0,
+      max: props.maxValue || 100,
       valueSlider: valueSliderExample,
       onChangeSlider: function onChangeSlider(valueSlider) {
         return setValueSliderExample(valueSlider);

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderPointerProps } from '../types';
-export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
+/// <reference types="react" />
+import { ISliderPointerProps } from '../types';
+export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
 //# sourceMappingURL=SliderPointer.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderTrackerProps } from '../types';
-export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChangeSliderTracker, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderTrackerProps } from '../types';
+export declare const SliderRail: import("react").MemoExoticComponent<({ step, maxValue, onChangeSliderTracker, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
 //# sourceMappingURL=SliderRail.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderRail.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderRail.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAoI/C,eAAO,MAAM,UAAU,6GAnFpB,mBAAmB,iBAmFc,CAAC"}
+{"version":3,"file":"SliderRail.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderRail.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAoI/C,eAAO,MAAM,UAAU,kHAnFpB,mBAAmB,iBAmFc,CAAC"}

package/dist/components/Slider/components/SliderRail.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["step", "max", "onChangeSliderTracker", "trackColor", "direction"];
+var _excluded = ["step", "maxValue", "onChangeSliderTracker", "trackColor", "direction"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -53,26 +53,26 @@ var getTouchPointer = function getTouchPointer(touchList, touchId) {
   return touchList[0];
 };
 
-var getPointerPosition = function getPointerPosition(node, event, touchId, step, max, direction) {
+var getPointerPosition = function getPointerPosition(node, event, touchId, step, maxValue, direction) {
   var rect = node.getBoundingClientRect();
   var pointer = isTouchEvent(event) ? getTouchPointer(event.touches, touchId) : event;
 
   if (direction === 'vertical') {
     var y = rect.height - (pointer.clientY - rect.top);
-    var stepHeight = rect.height * step / max;
+    var stepHeight = rect.height * step / maxValue;
     var roundedY = Math.min(Math.max(0, mathRoundToStep(y, stepHeight) / rect.height), 1);
     return roundedY;
   }
 
   var x = pointer.clientX - rect.left;
-  var stepWidth = rect.width * step / max;
+  var stepWidth = rect.width * step / maxValue;
   var roundedX = Math.min(Math.max(0, mathRoundToStep(x, stepWidth) / rect.width), 1);
   return roundedX;
 };
 
 var Rail = function Rail(_ref) {
   var step = _ref.step,
-      max = _ref.max,
+      maxValue = _ref.maxValue,
       onChangeSliderTracker = _ref.onChangeSliderTracker,
       trackColor = _ref.trackColor,
       direction = _ref.direction,
@@ -102,7 +102,7 @@ var Rail = function Rail(_ref) {
       var checkPress = isTouch.current ? event.touches.length > 0 : event.buttons > 0;
 
       if (checkPress && trackRef.current) {
-        var percentage = getPointerPosition(trackRef.current, event, touchId.current, step, max, direction);
+        var percentage = getPointerPosition(trackRef.current, event, touchId.current, step, maxValue, direction);
         changeEvent(percentage, trackRef);
       }
     };
@@ -120,13 +120,13 @@ var Rail = function Rail(_ref) {
         isTouch.current = false;
       }
 
-      var percentage = getPointerPosition(node, nativeEvent, touchId.current, step, max, direction);
+      var percentage = getPointerPosition(node, nativeEvent, touchId.current, step, maxValue, direction);
       changeEvent(percentage, trackRef);
       toggleMoveEvent(true);
     };
 
     return [handleMoveStart, toggleMoveEvent];
-  }, [changeEvent, step, max, direction]),
+  }, [changeEvent, step, maxValue, direction]),
       _useMemo2 = _slicedToArray(_useMemo, 2),
       handleMoveStart = _useMemo2[0],
       toggleMoveEvent = _useMemo2[1];

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

@@ -1,18 +1,18 @@
-import { InputHTMLAttributes } from 'react';
-export declare const SliderSelector: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    thumbType?: "circle" | "default" | "pointer" | undefined;
-    min: number;
-    max: number;
-    step?: number | undefined;
-    trackColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
-    thumbColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
-    disabled?: boolean | undefined;
-    fullSize?: boolean | undefined;
-    sizeSlider?: "sm" | "md" | "lg" | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
-} & {
-    valueSliderSelector: number | number[];
-    onChangeSliderSelector: (percentage: number, index?: number | undefined) => void;
-} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
+import { InputHTMLAttributes } from 'react';
+export declare const SliderSelector: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    thumbType?: "circle" | "default" | "pointer" | undefined;
+    minValue: number;
+    maxValue: number;
+    step?: number | undefined;
+    trackColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
+    thumbColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
+    disabled?: boolean | undefined;
+    fullSize?: boolean | undefined;
+    sizeSlider?: "sm" | "md" | "lg" | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
+} & {
+    valueSliderSelector: number | number[];
+    onChangeSliderSelector: (percentage: number, index?: number | undefined) => void;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
 //# sourceMappingURL=SliderSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAoOf,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;6FAAiB,CAAC"}
+{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AA8Of,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;6FAAiB,CAAC"}

package/dist/components/Slider/components/SliderSelector.js

@@ -15,7 +15,7 @@ var _styles = require("../styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["valueSliderSelector", "min", "max", "step", "valueLabelDisplay", "thumbColor", "trackColor", "onChangeSliderSelector", "direction", "disabled", "sizeSlider", "thumbType"];
+var _excluded = ["valueSliderSelector", "minValue", "maxValue", "step", "valueLabelDisplay", "thumbColor", "trackColor", "onChangeSliderSelector", "direction", "disabled", "sizeSlider", "thumbType"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -41,8 +41,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var valueSliderSelector = _ref.valueSliderSelector,
-      min = _ref.min,
-      max = _ref.max,
+      minValue = _ref.minValue,
+      maxValue = _ref.maxValue,
       step = _ref.step,
       valueLabelDisplay = _ref.valueLabelDisplay,
       thumbColor = _ref.thumbColor,
@@ -99,11 +99,11 @@ var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     return sliderRef.current;
   });
   var thumbPositions = Array.isArray(valueSliderSelector) ? valueSliderSelector.map(function (v) {
-    return (v - min) / (max - min);
+    return (v - minValue) / (maxValue - minValue);
   }) : [];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SliderRail.SliderRail, {
-      max: max,
+      maxValue: maxValue,
       step: step,
       trackColor: trackColor,
       direction: direction,
@@ -116,9 +116,9 @@ var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
           left: "".concat(thumbPositions[0] * 100, "%")
         } : direction === 'vertical' ? {
-          height: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
+          height: "".concat((Number(valueSliderSelector) - minValue) / (maxValue - minValue) * 100, "%")
         } : {
-          width: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
+          width: "".concat((Number(valueSliderSelector) - minValue) / (maxValue - minValue) * 100, "%")
         },
         direction: direction,
         thumbColor: thumbColor || 'primary.default',
@@ -126,9 +126,9 @@ var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       }), !Array.isArray(valueSliderSelector) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
         direction: direction,
         style: direction === 'vertical' ? {
-          bottom: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
+          bottom: "".concat((valueSliderSelector - minValue) / (maxValue - minValue) * 100, "%")
         } : {
-          left: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
+          left: "".concat((valueSliderSelector - minValue) / (maxValue - minValue) * 100, "%")
         },
         disabled: disabled,
         size: size,
@@ -139,13 +139,13 @@ var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           direction: direction
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread({
           type: "range",
-          min: min,
-          max: max,
+          min: minValue,
+          max: maxValue,
           step: step,
           value: valueSliderSelector,
           "aria-valuenow": valueSliderSelector,
-          "aria-valuemax": max,
-          "aria-valuemin": min,
+          "aria-valuemax": maxValue,
+          "aria-valuemin": minValue,
           "aria-label": "slider",
           ref: sliderRef,
           readOnly: true
@@ -171,13 +171,13 @@ var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
             direction: direction
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread(_objectSpread({
             type: "range",
-            min: min,
-            max: max,
+            min: minValue,
+            max: maxValue,
             step: step,
             value: item,
             "aria-valuenow": item,
-            "aria-valuemax": max,
-            "aria-valuemin": min,
+            "aria-valuemax": maxValue,
+            "aria-valuemin": minValue,
             "aria-label": "slider",
             ref: sliderRef
           }, rest), {}, {

package/dist/components/Slider/hooks/useEventCallback.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
+import { RefObject } from 'react';
+export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
 //# sourceMappingURL=useEventCallback.d.ts.map

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

@@ -1,20 +1,20 @@
-import { InputHTMLAttributes } from 'react';
-declare const Slider: import("react").ForwardRefExoticComponent<{
-    thumbType?: "circle" | "default" | "pointer" | undefined;
-    min: number;
-    max: number;
-    step?: number | undefined;
-    trackColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    thumbColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    disabled?: boolean | undefined;
-    fullSize?: boolean | undefined;
-    sizeSlider?: "sm" | "md" | "lg" | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
-} & {
-    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;
+import { InputHTMLAttributes } from 'react';
+declare const Slider: import("react").ForwardRefExoticComponent<{
+    thumbType?: "circle" | "default" | "pointer" | undefined;
+    minValue: number;
+    maxValue: number;
+    step?: number | undefined;
+    trackColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    thumbColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    disabled?: boolean | undefined;
+    fullSize?: boolean | undefined;
+    sizeSlider?: "sm" | "md" | "lg" | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    valueLabelDisplay?: (string & {}) | "auto" | "off" | "%v" | undefined;
+} & {
+    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.js

@@ -17,7 +17,7 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["valueSlider", "onChangeSlider", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay", "minMaxFormat"];
+var _excluded = ["valueSlider", "onChangeSlider", "step", "maxValue", "minValue", "fullSize", "direction", "valueLabelDisplay", "minMaxFormat"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -56,10 +56,10 @@ 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,
@@ -79,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)) {
@@ -87,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);
     }
@@ -117,23 +117,23 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       case 'currency-BRL':
         return {
           min: (0, _formatNumber.formatCurrency)({
-            amount: min
+            amount: minValue
           }),
           max: (0, _formatNumber.formatCurrency)({
-            amount: max
+            amount: maxValue
           })
         };
 
       case 'percentage':
         return {
-          min: "".concat(min, "%"),
-          max: "".concat(max, "%")
+          min: "".concat(minValue, "%"),
+          max: "".concat(maxValue, "%")
         };
 
       default:
         return {
-          min: min,
-          max: max
+          min: minValue,
+          max: maxValue
         };
     }
   };
@@ -159,8 +159,8 @@ var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }), /*#__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