@pedidopago/ui 1.1.0 → 1.1.4

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

@@ -1,37 +1,37 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from 'src';
-export declare type SelectData = {
-    name: string;
-    value: string;
-};
-export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
-export interface IStyleProps {
-    width?: string;
-    fullWidth?: boolean;
-    animate?: boolean;
-    disabled?: boolean;
-    show?: boolean;
-    selected?: boolean;
-    itensLength?: number;
-    selectType?: AlertType;
-    theme?: ExtendThemeProps;
-    active?: boolean;
-}
-export interface ISelectInputProps {
-    data?: Array<SelectData>;
-    maxSelects?: number;
-    label?: string;
-    multiple?: boolean;
-    width?: string;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    selectType?: AlertType;
-    formRegister?: unknown;
-    dropDownIcon?: ReactElement;
-    AutoComplete?: boolean;
-    defaultSelectedOptions?: Array<SelectData>;
-    onChangeValue?: (data: Array<SelectData>) => void;
-    onChangeSearch?: (data: string) => void;
-    onFinished?: (bool: boolean) => void;
-}
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from 'src';
+export declare type SelectData = {
+    name: string;
+    value: string;
+};
+export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;
+export interface IStyleProps {
+    width?: string;
+    fullWidth?: boolean;
+    animate?: boolean;
+    disabled?: boolean;
+    show?: boolean;
+    selected?: boolean;
+    itensLength?: number;
+    selectType?: AlertType;
+    theme?: ExtendThemeProps;
+    active?: boolean;
+}
+export interface ISelectInputProps {
+    data?: Array<SelectData>;
+    maxSelects?: number;
+    label?: string;
+    multiple?: boolean;
+    width?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    selectType?: AlertType;
+    formRegister?: unknown;
+    dropDownIcon?: ReactElement;
+    AutoComplete?: boolean;
+    defaultSelectedOptions?: Array<SelectData>;
+    onChangeValue?: (data: Array<SelectData>) => void;
+    onChangeSearch?: (data: string) => void;
+    onFinished?: (bool: boolean) => void;
+}
 //# 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/index.js

@@ -9,8 +9,16 @@ var _react = require("react");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["children", "isLoaded"];
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -20,7 +28,9 @@ var Skeleton = function Skeleton(_ref) {
       isLoaded = _ref.isLoaded,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, isLoaded ? children : /*#__PURE__*/React.createElement(_styles.SkeletonElement, rest));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: isLoaded ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonElement, _objectSpread({}, rest))
+  });
 };
 
 var _default = Skeleton;

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/skeleton.test.js

@@ -6,6 +6,8 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -15,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return _objectSpread({}, utils);
 };
 

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,36 +1,36 @@
-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;
-    /**
-     * The height of the skeleton
-     * @default '100%'
-     */
-    height?: number;
-    /**
-     * The color of the skeleton
-     * @default '#EEEEEE'
-     */
-    color?: GlobalColorsProps | (string & {});
-    /**
-     * When true, the skeleton children's will be displayed
-     * @default false
-     */
-    isLoaded?: 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;
+    /**
+     * The height of the skeleton
+     * @default '100%'
+     */
+    height?: number;
+    /**
+     * The color of the skeleton
+     * @default '#EEEEEE'
+     */
+    color?: GlobalColorsProps | (string & {});
+    /**
+     * When true, the skeleton children's will be displayed
+     * @default false
+     */
+    isLoaded?: boolean;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

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/SliderPointer.js

@@ -9,29 +9,35 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var SliderPointer = function SliderPointer(_ref) {
   var direction = _ref.direction,
       thumbColor = _ref.thumbColor;
-  return /*#__PURE__*/React.createElement(_styles.SliderPointerContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderPointerContainer, {
     thumbColor: thumbColor,
-    direction: direction
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: "40",
-    height: "50",
-    viewBox: "0 0 40 50",
-    fill: "inherit",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",
-    fill: "inherit"
-  })), /*#__PURE__*/React.createElement(_styles.SliderPointerIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "code",
-    size: "20px"
-  })));
+    direction: direction,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      width: "40",
+      height: "50",
+      viewBox: "0 0 40 50",
+      fill: "inherit",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",
+        fill: "inherit"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderPointerIcon, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: "code",
+        size: "20px"
+      })
+    })]
+  });
 };
 
 exports.SliderPointer = SliderPointer;

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, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderTrackerProps } from '../types';
+export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
 //# sourceMappingURL=SliderRail.d.ts.map

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

@@ -11,9 +11,15 @@ var _useEventCallback = require("../hooks/useEventCallback");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["step", "max", "onChange", "trackColor", "direction"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -128,7 +134,7 @@ var Rail = function Rail(_ref) {
   (0, _react.useEffect)(function () {
     return toggleMoveEvent;
   }, [toggleMoveEvent]);
-  return /*#__PURE__*/React.createElement(_styles.SliderRailContainer, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderRailContainer, _objectSpread({
     ref: trackRef,
     onTouchStart: handleMoveStart,
     onMouseDown: handleMoveStart,

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderSelectorProps } from '../types';
-export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderSelectorProps } from '../types';
+export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
 //# sourceMappingURL=SliderSelector.d.ts.map

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

@@ -13,6 +13,8 @@ var _SliderRail = require("./SliderRail");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -82,86 +84,92 @@ var Selector = function Selector(_ref) {
   var thumbPositions = Array.isArray(value) ? value.map(function (v) {
     return (v - min) / (max - min);
   }) : [];
-  return /*#__PURE__*/React.createElement(_styles.SliderContainer, null, /*#__PURE__*/React.createElement(_SliderRail.SliderRail, {
-    max: max,
-    step: step,
-    trackColor: trackColor,
-    direction: direction,
-    onChange: handleChangePercentage
-  }, /*#__PURE__*/React.createElement(_styles.SliderTrack, {
-    style: Array.isArray(value) ? direction === 'vertical' ? {
-      height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
-      bottom: "".concat(thumbPositions[0] * 100, "%")
-    } : {
-      width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
-      left: "".concat(thumbPositions[0] * 100, "%")
-    } : direction === 'vertical' ? {
-      height: "".concat((Number(value) - min) / (max - min) * 100, "%")
-    } : {
-      width: "".concat((Number(value) - min) / (max - min) * 100, "%")
-    },
-    direction: direction,
-    thumbColor: thumbColor || 'primary.default',
-    disabled: disabled
-  }), !Array.isArray(value) ? /*#__PURE__*/React.createElement(_styles.SliderThumb, {
-    direction: direction,
-    style: direction === 'vertical' ? {
-      bottom: "".concat((value - min) / (max - min) * 100, "%")
-    } : {
-      left: "".concat((value - min) / (max - min) * 100, "%")
-    },
-    disabled: disabled,
-    size: size,
-    thumbColor: thumbColor || 'primary.default',
-    thumbType: thumbType
-  }, thumbType === 'pointer' && /*#__PURE__*/React.createElement(_SliderPointer.SliderPointer, {
-    thumbColor: thumbColor || 'primary.default',
-    direction: direction
-  }), /*#__PURE__*/React.createElement(_styles.SliderInput, {
-    type: "range",
-    min: min,
-    max: max,
-    step: step,
-    value: value,
-    "aria-valuenow": value,
-    "aria-valuemax": max,
-    "aria-valuemin": min,
-    "aria-label": "slider",
-    readOnly: true
-  }), valueLabelDisplay !== 'off' && /*#__PURE__*/React.createElement(_styles.SliderLabel, {
-    direction: direction
-  }, valueLabelDisplay === 'auto' ? value : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(value)) : valueLabelDisplay : value)) : value.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(_styles.SliderThumb, {
-      key: index,
-      "data-index": index,
-      direction: direction,
-      style: direction === 'vertical' ? {
-        bottom: "".concat(thumbPositions[index] * 100, "%")
-      } : {
-        left: "".concat(thumbPositions[index] * 100, "%")
-      },
-      disabled: disabled,
-      size: size,
-      thumbColor: thumbColor || 'primary.default',
-      thumbType: thumbType
-    }, thumbType === 'pointer' && /*#__PURE__*/React.createElement(_SliderPointer.SliderPointer, {
-      thumbColor: thumbColor || 'primary.default',
-      direction: direction
-    }), /*#__PURE__*/React.createElement(_styles.SliderInput, {
-      type: "range",
-      min: min,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SliderRail.SliderRail, {
       max: max,
       step: step,
-      value: item,
-      "aria-valuenow": item,
-      "aria-valuemax": max,
-      "aria-valuemin": min,
-      "aria-label": "slider",
-      readOnly: true
-    }), valueLabelDisplay !== 'off' && /*#__PURE__*/React.createElement(_styles.SliderLabel, {
-      direction: direction
-    }, valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item));
-  })));
+      trackColor: trackColor,
+      direction: direction,
+      onChange: handleChangePercentage,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
+        style: Array.isArray(value) ? direction === 'vertical' ? {
+          height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
+          bottom: "".concat(thumbPositions[0] * 100, "%")
+        } : {
+          width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
+          left: "".concat(thumbPositions[0] * 100, "%")
+        } : direction === 'vertical' ? {
+          height: "".concat((Number(value) - min) / (max - min) * 100, "%")
+        } : {
+          width: "".concat((Number(value) - min) / (max - min) * 100, "%")
+        },
+        direction: direction,
+        thumbColor: thumbColor || 'primary.default',
+        disabled: disabled
+      }), !Array.isArray(value) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
+        direction: direction,
+        style: direction === 'vertical' ? {
+          bottom: "".concat((value - min) / (max - min) * 100, "%")
+        } : {
+          left: "".concat((value - min) / (max - min) * 100, "%")
+        },
+        disabled: disabled,
+        size: size,
+        thumbColor: thumbColor || 'primary.default',
+        thumbType: thumbType,
+        children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
+          thumbColor: thumbColor || 'primary.default',
+          direction: direction
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+          type: "range",
+          min: min,
+          max: max,
+          step: step,
+          value: value,
+          "aria-valuenow": value,
+          "aria-valuemax": max,
+          "aria-valuemin": min,
+          "aria-label": "slider",
+          readOnly: true
+        }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+          direction: direction,
+          children: valueLabelDisplay === 'auto' ? value : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(value)) : valueLabelDisplay : value
+        })]
+      }) : value.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
+          "data-index": index,
+          direction: direction,
+          style: direction === 'vertical' ? {
+            bottom: "".concat(thumbPositions[index] * 100, "%")
+          } : {
+            left: "".concat(thumbPositions[index] * 100, "%")
+          },
+          disabled: disabled,
+          size: size,
+          thumbColor: thumbColor || 'primary.default',
+          thumbType: thumbType,
+          children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
+            thumbColor: thumbColor || 'primary.default',
+            direction: direction
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+            type: "range",
+            min: min,
+            max: max,
+            step: step,
+            value: item,
+            "aria-valuenow": item,
+            "aria-valuemax": max,
+            "aria-valuemin": min,
+            "aria-label": "slider",
+            readOnly: true
+          }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+            direction: direction,
+            children: valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item
+          })]
+        }, index);
+      })]
+    })
+  });
 };
 
 var SliderSelector = /*#__PURE__*/(0, _react.memo)(Selector);

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/hooks/useValues.d.ts

@@ -1,2 +1,2 @@
-export declare const useValues: (initialValues: number | number[], onChange?: ((value: number | number[]) => void) | undefined) => [number | number[], (value: number | number[]) => void];
+export declare const useValues: (initialValues: number | number[], onChange?: ((value: number | number[]) => void) | undefined) => [number | number[], (value: number | number[]) => void];
 //# sourceMappingURL=useValues.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ISliderProps } from './types';
-declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
-export default Slider;
+/// <reference types="react" />
+import { ISliderProps } from './types';
+declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
+export default Slider;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.js

@@ -13,11 +13,17 @@ var _useValues3 = require("./hooks/useValues");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["value", "onChange", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -77,24 +83,30 @@ var Slider = function Slider(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(_styles.SliderContent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
     direction: direction,
     fullSize: fullSize,
     size: rest.size,
-    disabled: rest.disabled
-  }, /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: direction === 'vertical' ? 'column-reverse' : 'row',
-    justifyContent: "space-between",
-    alignItems: "flex-end"
-  }, /*#__PURE__*/React.createElement(_styles.SliderExtremesText, null, min), /*#__PURE__*/React.createElement(_styles.SliderExtremesText, null, max)), /*#__PURE__*/React.createElement(_SliderSelector.SliderSelector, _extends({
-    value: values,
-    min: min,
-    max: max,
-    step: step,
-    onChange: handleChangeValue,
-    direction: direction,
-    valueLabelDisplay: valueLabelDisplay
-  }, rest)));
+    disabled: rest.disabled,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: direction === 'vertical' ? 'column-reverse' : 'row',
+      justifyContent: "space-between",
+      alignItems: "flex-end",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
+        children: min
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
+        children: max
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
+      value: values,
+      min: min,
+      max: max,
+      step: step,
+      onChange: handleChangeValue,
+      direction: direction,
+      valueLabelDisplay: valueLabelDisplay
+    }, rest))]
+  });
 };
 
 var _default = Slider;

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

@@ -6,10 +6,18 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return utils;
 };