@pedidopago/ui 1.3.27 → 1.4.0

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

@@ -1,16 +1,18 @@
-import { HTMLAttributes } from 'react';
-export interface OptionsSelectProps extends HTMLAttributes<HTMLDivElement> {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. Sets the left position where the modal will be shown. */
-    left?: string;
-    /** Optional. Sets the top position where the modal will be shown. */
-    top?: string;
-    /** Optional. Offsets the Modal horizontally. */
-    offsetX?: string;
-    /** The max width of the Modal. */
-    maxWidth?: string | number;
-    /** Optional. Will disable the scroll body scroll. */
-    disableScrollOnOpen?: boolean;
-}
+import { HTMLAttributes } from 'react';
+export interface OptionsSelectProps extends HTMLAttributes<HTMLDivElement> {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. Sets the left position where the modal will be shown. */
+    left?: string;
+    /** Optional. Sets the top position where the modal will be shown. */
+    top?: string;
+    /** Optional. Offsets the Modal horizontally. */
+    offsetX?: string;
+    /** The max width of the Container. */
+    maxWidth?: string | number;
+    /** The min width of the Container. */
+    minWidth?: string | number;
+    /** Optional. Will disable the scroll body scroll. */
+    disableScrollOnOpen?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/OptionsSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,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;IAE3B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/OptionsSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;IAEd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}

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

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { SelectProps } from './types';
-declare const Select: import("react").ForwardRefExoticComponent<SelectProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default Select;
+import { InputHTMLAttributes } from 'react';
+import { SelectProps } from './types';
+declare const Select: import("react").ForwardRefExoticComponent<SelectProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export default Select;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA+LX,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJAiMX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/Select/index.js

@@ -19,7 +19,7 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["label", "placeholder", "options", "alert", "helperText", "width", "sizeSelect", "variant"];
+var _excluded = ["label", "placeholder", "options", "alert", "helperText", "width", "sizeSelect", "variant", "optionsMinWidth"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -58,6 +58,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       width = _ref.width,
       sizeSelect = _ref.sizeSelect,
       variant = _ref.variant,
+      optionsMinWidth = _ref.optionsMinWidth,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var containerRef = (0, _react.useRef)(null);
@@ -231,6 +232,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         top: Number(positionContainer) < 470 ? "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 - ").concat(heightModal && heightModal + 10, "px)"),
         ref: optionsModalRef,
         maxWidth: "".concat((_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.getBoundingClientRect().width, "px"),
+        minWidth: optionsMinWidth,
         children: [!!placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionPlaceholder, {
           item: true,
           onClick: function onClick() {

package/dist/components/Select/select.test.d.ts

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

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,26 +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;
-}
-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/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,oBAAY,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,oBAAY,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}

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 || 0,
+      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,19 +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;
-} & 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.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"}