@pedidopago/ui 1.3.28 → 1.4.1

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"}

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