@pedidopago/ui 1.3.23 → 1.3.26

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAiB,EACjB,OAAY,EACZ,IAAW,EACX,SAAS,EACT,SAAc,EACd,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,eAyEvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAiB,EACjB,OAAY,EACZ,IAAW,EACX,SAAS,EACT,SAAc,EACd,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,eA8DvD"}

package/dist/components/Button/index.js

@@ -82,14 +82,11 @@ function Button(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
       isLoaded: !isLoading,
-      width: "fit-content",
-      height: "fit-content",
       "data-testid": "skeleton",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ButtonContainer, _objectSpread(_objectSpread({
         bgColor: parsedBgColor,
         textColor: parsedTextColor,
         fullWidth: fullWidth,
-        isLoading: isLoading,
         variant: variant,
         size: size,
         type: type

package/dist/components/Card/card.test.d.ts

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

package/dist/components/Card/card.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.d.ts","sourceRoot":"","sources":["../../../src/components/Card/card.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Card/card.test.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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__*/(0, _jsxRuntime.jsx)(_.Card, _objectSpread({}, props)));
+  return utils;
+};
+
+describe('Card', function () {
+  it('Should render a empty card', function () {
+    var _setup = setup({}),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('Should render a card with padding', function () {
+    var _setup2 = setup({
+      cardPadding: '32px'
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { ICard } from './types';
-export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, }: ICard): JSX.Element;
+import { CardProps } from './types';
+export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wBAAgB,IAAI,CAAC,EACnB,WAAoB,EACpB,YAAuB,EACvB,OAAiB,EACjB,SAA2B,EAC3B,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,eAmBP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,wBAAgB,IAAI,CAAC,EACnB,WAAoB,EACpB,YAAuB,EACvB,OAAiB,EACjB,SAA2B,EAC3B,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,eAoBX"}

package/dist/components/Card/index.js

@@ -11,6 +11,18 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["cardPadding", "borderRadius", "variant", "boxShadow", "bgColor", "children"];
+
+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; }
+
 function Card(_ref) {
   var _ref$cardPadding = _ref.cardPadding,
       cardPadding = _ref$cardPadding === void 0 ? '10px' : _ref$cardPadding,
@@ -21,19 +33,21 @@ function Card(_ref) {
       _ref$boxShadow = _ref.boxShadow,
       boxShadow = _ref$boxShadow === void 0 ? 'shadow.level1' : _ref$boxShadow,
       bgColor = _ref.bgColor,
-      children = _ref.children;
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useTheme = (0, _theme.useTheme)(),
       theme = _useTheme.theme;
 
   var splitBoxShadow = boxShadow && boxShadow.indexOf('shadow') > -1 ? boxShadow.split('.') : null;
   var boxShadowValue = splitBoxShadow ? theme.shadow[splitBoxShadow[1]] : boxShadow;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CardBody, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CardBody, _objectSpread(_objectSpread({
     cardPadding: cardPadding,
     borderRadius: borderRadius,
     variant: variant,
     boxShadow: boxShadowValue,
-    bgColor: bgColor,
+    bgColor: bgColor
+  }, rest), {}, {
     children: children
-  });
+  }));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,QAAQ;;;qHAYnB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ;;;yHAYnB,CAAC"}

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

@@ -1,17 +1,17 @@
-import React from 'react';
-export interface IBodyCard {
+import React, { HTMLAttributes } from 'react';
+export declare type BodyCardProps = {
     cardPadding?: string;
     borderRadius?: string;
     variant?: string;
     boxShadow?: string;
     bgColor?: string;
-}
-export interface ICard {
+};
+export declare type CardProps = HTMLAttributes<HTMLDivElement> & {
     cardPadding?: string;
     children?: React.ReactChild;
     borderRadius?: string;
     variant?: string;
     boxShadow?: 'shadow.level1' | 'shadow.level2' | 'shadow.level3' | (string & {});
     bgColor?: string;
-}
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Card/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,oBAAY,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/components/CollapseCard/expand-button.test.js

@@ -6,7 +6,7 @@ var _react = require("@testing-library/react");
 
 require("@testing-library/jest-dom");
 
-var _ = _interopRequireDefault(require("."));
+var _ = require(".");
 
 var _Flex = _interopRequireDefault(require("../Flex"));
 
@@ -42,7 +42,7 @@ var setup = function setup(props) {
     });
   }
 
-  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({
+  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CollapseCard, _objectSpread(_objectSpread({
     header: /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})
   }, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollapseCard/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY,8GAkEvB,CAAC;AAIH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollapseCard/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY,8GAkEvB,CAAC"}

package/dist/components/CollapseCard/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CollapseCard = void 0;
+exports.CollapseCard = void 0;
 
 var _react = require("react");
 
@@ -116,6 +116,4 @@ var CollapseCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }));
 });
 exports.CollapseCard = CollapseCard;
-CollapseCard.displayName = 'CollapseCard';
-var _default = CollapseCard;
-exports.default = _default;
+CollapseCard.displayName = 'CollapseCard';

package/dist/components/Label/index.js

@@ -7,7 +7,7 @@ exports.default = LabelInput;
 
 var _react = require("@emotion/react");
 
-var _getColorValue = require("src/utils/getColorValue");
+var _getColorValue = require("../../utils/getColorValue");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 

package/dist/components/RadioInput/components/ChoiceList/index.js

@@ -58,7 +58,7 @@ var ChoiceList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     var _document, _document$querySelect;
 
-    var radios = (_document = document) === null || _document === void 0 ? void 0 : (_document$querySelect = _document.querySelectorAll) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.call(_document, "input[name=".concat(radiosName, "]"));
+    var radios = (_document = document) === null || _document === void 0 ? void 0 : (_document$querySelect = _document.querySelectorAll) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.call(_document, "input[name=\"".concat(radiosName, "\"]"));
     radios.forEach(function (radio) {
       if (radio.value === rest.defaultValue) radio.checked = true;
     });

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

@@ -1 +1 @@
-{"version":3,"file":"SliderExample.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,aAAa,iBAAkB,YAAY,gBAYvD,CAAC"}
+{"version":3,"file":"SliderExample.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,aAAa,iBAAkB,YAAY,gBAqBvD,CAAC"}

package/dist/components/Slider/SliderExample.js

@@ -36,19 +36,31 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 var SliderExample = function SliderExample(_ref) {
   var props = _extends({}, _ref);
 
-  var _useState = (0, _react.useState)(props.value || 10),
+  var _useState = (0, _react.useState)(props.valueSlider),
       _useState2 = _slicedToArray(_useState, 2),
       valueSliderExample = _useState2[0],
       setValueSliderExample = _useState2[1];
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
-    min: 0,
-    max: 100,
-    value: valueSliderExample,
-    onChange: function onChange(valueSlider) {
-      return setValueSliderExample(valueSlider);
-    }
-  }));
+  (0, _react.useEffect)(function () {
+    setValueSliderExample(props.valueSlider);
+  }, [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,
+      valueSlider: valueSliderExample,
+      onChangeSlider: function onChangeSlider(valueSlider) {
+        return setValueSliderExample(valueSlider);
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      style: {
+        color: '#ccc',
+        marginTop: '35px',
+        display: 'block'
+      },
+      children: ["Valor do state: ", String(valueSliderExample)]
+    })]
+  });
 };
 
 exports.SliderExample = SliderExample;

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>;
+export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, 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;AA6H/C,eAAO,MAAM,UAAU,gGAnFgD,mBAAmB,iBAmFtD,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,6GAnFpB,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", "onChange", "trackColor", "direction"];
+var _excluded = ["step", "max", "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; }
 
@@ -73,13 +73,13 @@ var getPointerPosition = function getPointerPosition(node, event, touchId, step,
 var Rail = function Rail(_ref) {
   var step = _ref.step,
       max = _ref.max,
-      onChange = _ref.onChange,
+      onChangeSliderTracker = _ref.onChangeSliderTracker,
       trackColor = _ref.trackColor,
       direction = _ref.direction,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var trackRef = (0, _react.useRef)(null);
-  var changeEvent = (0, _useEventCallback.useEventCallback)(onChange);
+  var changeEvent = (0, _useEventCallback.useEventCallback)(onChangeSliderTracker);
   var touchId = (0, _react.useRef)(null);
   var isTouch = (0, _react.useRef)(false);
 

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

@@ -1,4 +1,18 @@
-/// <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>;
+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>>>;
 //# 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":";AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAkMhD,eAAO,MAAM,cAAc,8JAnLxB,oBAAoB,iBAmLqB,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;AAoOf,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;6FAAiB,CAAC"}

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

@@ -15,6 +15,14 @@ var _styles = require("../styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["valueSliderSelector", "min", "max", "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; }
+
+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(); }
 
 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."); }
@@ -27,23 +35,28 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Selector = function Selector(_ref) {
-  var value = _ref.value,
+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; }
+
+var Selector = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var valueSliderSelector = _ref.valueSliderSelector,
       min = _ref.min,
       max = _ref.max,
       step = _ref.step,
       valueLabelDisplay = _ref.valueLabelDisplay,
       thumbColor = _ref.thumbColor,
       trackColor = _ref.trackColor,
-      onChange = _ref.onChange,
+      onChangeSliderSelector = _ref.onChangeSliderSelector,
       direction = _ref.direction,
       disabled = _ref.disabled,
-      size = _ref.size,
-      thumbType = _ref.thumbType;
+      size = _ref.sizeSlider,
+      thumbType = _ref.thumbType,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   function handleChangePercentage(percentage, ref) {
-    if (typeof value === 'number') {
-      onChange && onChange(percentage);
+    if (typeof valueSliderSelector === 'number') {
+      onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage);
       return;
     }
 
@@ -78,10 +91,14 @@ var Selector = function Selector(_ref) {
 
       return prev;
     });
-    onChange && onChange(percentage, closestThumb[1]);
+    onChangeSliderSelector === null || onChangeSliderSelector === void 0 ? void 0 : onChangeSliderSelector(percentage, closestThumb[1]);
   }
 
-  var thumbPositions = Array.isArray(value) ? value.map(function (v) {
+  var sliderRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return sliderRef.current;
+  });
+  var thumbPositions = Array.isArray(valueSliderSelector) ? valueSliderSelector.map(function (v) {
     return (v - min) / (max - min);
   }) : [];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
@@ -90,52 +107,53 @@ var Selector = function Selector(_ref) {
       step: step,
       trackColor: trackColor,
       direction: direction,
-      onChange: handleChangePercentage,
+      onChangeSliderTracker: handleChangePercentage,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
-        style: Array.isArray(value) ? direction === 'vertical' ? {
+        style: Array.isArray(valueSliderSelector) ? 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, "%")
+          height: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
         } : {
-          width: "".concat((Number(value) - min) / (max - min) * 100, "%")
+          width: "".concat((Number(valueSliderSelector) - min) / (max - min) * 100, "%")
         },
         direction: direction,
         thumbColor: thumbColor || 'primary.default',
         disabled: disabled
-      }), !Array.isArray(value) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
+      }), !Array.isArray(valueSliderSelector) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
         direction: direction,
         style: direction === 'vertical' ? {
-          bottom: "".concat((value - min) / (max - min) * 100, "%")
+          bottom: "".concat((valueSliderSelector - min) / (max - min) * 100, "%")
         } : {
-          left: "".concat((value - min) / (max - min) * 100, "%")
+          left: "".concat((valueSliderSelector - 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',
+          thumbColor: thumbColor || disabled ? 'neutral.neutral4' : 'primary.default',
           direction: direction
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread({
           type: "range",
           min: min,
           max: max,
           step: step,
-          value: value,
-          "aria-valuenow": value,
+          value: valueSliderSelector,
+          "aria-valuenow": valueSliderSelector,
           "aria-valuemax": max,
           "aria-valuemin": min,
           "aria-label": "slider",
+          ref: sliderRef,
           readOnly: true
-        }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+        }, rest)), 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
+          children: valueLabelDisplay === 'auto' ? valueSliderSelector : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(valueSliderSelector)) : valueLabelDisplay : valueSliderSelector
         })]
-      }) : value.map(function (item, index) {
+      }) : valueSliderSelector.map(function (item, index) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
           "data-index": index,
           direction: direction,
@@ -151,7 +169,7 @@ var Selector = function Selector(_ref) {
           children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
             thumbColor: thumbColor || 'primary.default',
             direction: direction
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, _objectSpread(_objectSpread({
             type: "range",
             min: min,
             max: max,
@@ -161,8 +179,10 @@ var Selector = function Selector(_ref) {
             "aria-valuemax": max,
             "aria-valuemin": min,
             "aria-label": "slider",
+            ref: sliderRef
+          }, rest), {}, {
             readOnly: true
-          }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+          })), 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
           })]
@@ -170,7 +190,7 @@ var Selector = function Selector(_ref) {
       })]
     })
   });
-};
-
+});
 var SliderSelector = /*#__PURE__*/(0, _react.memo)(Selector);
-exports.SliderSelector = SliderSelector;
+exports.SliderSelector = SliderSelector;
+Selector.displayName = 'Selector';

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

@@ -1,5 +1,19 @@
-/// <reference types="react" />
-import { ISliderProps } from './types';
-declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
+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;
 //# 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":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,MAAM,yFAUT,YAAY,gBAgDd,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;AAMf,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;4FA6EX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Slider/index.js

@@ -15,7 +15,7 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["value", "onChange", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
+var _excluded = ["valueSlider", "onChangeSlider", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -49,9 +49,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var Slider = function Slider(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
+var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var valueSlider = _ref.valueSlider,
+      onChangeSlider = _ref.onChangeSlider,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
       _ref$max = _ref.max,
@@ -65,33 +65,52 @@ var Slider = function Slider(_ref) {
       valueLabelDisplay = _ref$valueLabelDispla === void 0 ? 'off' : _ref$valueLabelDispla,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = (0, _react.useState)(value),
+  var _useState = (0, _react.useState)(valueSlider),
       _useState2 = _slicedToArray(_useState, 2),
       sliderValue = _useState2[0],
       setSliderValue = _useState2[1];
 
+  var sliderRef = (0, _react.useRef)(null);
+
   function handleChangeValue(percent, index) {
+    var _sliderRef$current;
+
     var value = Math.round((percent * (max - min) + min) / step) * step;
+    var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
 
     if (Array.isArray(sliderValue)) {
+      var _nativeInputValueSett;
+
       var newValues = _toConsumableArray(sliderValue);
 
       newValues[index || 0] = value > max ? max : value < min ? min : 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);
+      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);
     }
 
-    onChange && onChange(sliderValue);
+    var event = new Event('input', {
+      bubbles: true
+    });
+    sliderRef === null || sliderRef === void 0 ? void 0 : (_sliderRef$current = sliderRef.current) === null || _sliderRef$current === void 0 ? void 0 : _sliderRef$current.dispatchEvent(event);
   }
 
   (0, _react.useEffect)(function () {
-    setSliderValue(value);
-  }, [value]);
+    setSliderValue(valueSlider);
+  }, [valueSlider]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return sliderRef.current;
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
     direction: direction,
     fullSize: fullSize,
-    size: rest.size,
+    size: rest.sizeSlider,
     disabled: rest.disabled,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
       direction: direction === 'vertical' ? 'column-reverse' : 'row',
@@ -103,16 +122,17 @@ var Slider = function Slider(_ref) {
         children: max
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
-      value: sliderValue,
+      ref: sliderRef,
+      valueSliderSelector: sliderValue,
       min: min,
       max: max,
       step: step,
-      onChange: handleChangeValue,
+      onChangeSliderSelector: handleChangeValue,
       direction: direction,
       valueLabelDisplay: valueLabelDisplay
     }, rest))]
   });
-};
-
+});
 var _default = Slider;
-exports.default = _default;
+exports.default = _default;
+Slider.displayName = 'Slider';

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

@@ -24,8 +24,8 @@ var setup = function setup(props) {
 describe('Slider', function () {
   it('should it render the slider component', function () {
     var _setup = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100
     }),
@@ -35,8 +35,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with multiply values', function () {
     var _setup2 = setup({
-      value: [50, 100],
-      onChange: jest.fn(),
+      valueSlider: [50, 100],
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100
     }),
@@ -46,8 +46,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with different pointer', function () {
     var _setup3 = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
       thumbType: 'pointer'
@@ -58,8 +58,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with different colors', function () {
     var _setup4 = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
       trackColor: 'primary.alert',
@@ -71,25 +71,25 @@ describe('Slider', function () {
   });
   it('should it render the slider component with different sizes', function () {
     var small = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
-      size: 'sm'
+      sizeSlider: 'sm'
     });
     var medium = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
-      size: 'md'
+      sizeSlider: 'md'
     });
     var large = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
-      size: 'lg'
+      sizeSlider: 'lg'
     });
     expect(small.container).toBeInTheDocument();
     expect(medium.container).toBeInTheDocument();
@@ -97,8 +97,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with label', function () {
     var _setup5 = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
       valueLabelDisplay: 'auto'
@@ -109,8 +109,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with custom label', function () {
     var _setup6 = setup({
-      value: 50,
-      onChange: jest.fn(),
+      valueSlider: 50,
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
       valueLabelDisplay: 'Teste'
@@ -121,8 +121,8 @@ describe('Slider', function () {
   });
   it('should it render the slider component with multiply value and different pointer', function () {
     var _setup7 = setup({
-      value: [50, 100],
-      onChange: jest.fn(),
+      valueSlider: [50, 100],
+      onChangeSlider: jest.fn(),
       min: 0,
       max: 100,
       thumbType: 'pointer'

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

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

package/dist/components/Slider/styles.js

@@ -38,12 +38,12 @@ var SliderContainer = _styled.default.div(_templateObject3 || (_templateObject3
 exports.SliderContainer = SliderContainer;
 
 var SliderRailContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  border-radius: 8px;\n  cursor: pointer;\n"])), function (props) {
-  return (0, _colorCheck.stripThemeColors)(props.trackColor || '', props.theme.colors) || (props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.tertiary.default);
+  return (0, _colorCheck.stripThemeColors)(props.trackColor || '', props.theme.colors) || props.theme.colors.tertiary.default;
 });
 
 exports.SliderRailContainer = SliderRailContainer;
 
-var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  border-radius: 8px;\n  ", "\n\n  transform: ", ";\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), function (props) {
+var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n  ", "\n\n  transform: ", ";\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), function (props) {
   return props.direction === 'vertical' ? 'bottom: 0;' : 'top: 50%;';
 }, function (props) {
   return props.direction === 'vertical' ? '' : 'translateY(-50%)';
@@ -57,12 +57,12 @@ var SliderInput = _styled.default.input(_templateObject6 || (_templateObject6 =
 
 exports.SliderInput = SliderInput;
 
-var SliderThumb = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  ", "\n\n  ", "\n\n  background: ", ";\n\n  pointer-events: ", ";\n\n  cursor: pointer;\n"])), function (props) {
+var SliderThumb = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  ", "\n\n  ", "\n\n  background: ", ";\n  pointer-events: ", ";\n\n  cursor: pointer;\n"])), function (props) {
   return props.direction === 'vertical' ? "\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n  " : "\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  ";
 }, function (props) {
   return props.thumbType !== 'pointer' ? "\n      width: ".concat(props.size === 'sm' ? '20px' : '25px', ";\n      height: ").concat(props.size === 'sm' ? '20px' : '25px', ";\n      border-radius: 999999px;\n\n      transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n      &::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        border-radius: 999999px;\n        box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),\n          0px 1px 5px 0px rgb(0 0 0 / 12%);\n      }\n\n      &:hover {\n        box-shadow: 0 0 0 10px\n          ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n      }\n\n      &:active,\n      &:focus {\n        box-shadow: 0 0 0 15px\n          ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        & span {\n          transform: ").concat(props.direction === 'vertical' ? 'translate(100%, -50%)' : 'translate(-50%, -100%)', " scale(1);\n        }\n      }\n    ") : "\n      width: ".concat(props.direction === 'vertical' ? '100%' : '5px', ";\n      height: ").concat(props.direction === 'vertical' ? '5px' : '100%', ";\n    ");
 }, function (props) {
-  if (props.disabled) return props.theme.colors.neutral.neutral4;
+  if (props.disabled) return props.theme.colors.neutral.neutral6;
   if (props.thumbType !== 'pointer') return props.theme.colors.neutral.white;
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.black : props.theme.colors.neutral.white;
 }, function (props) {

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

@@ -8,25 +8,26 @@ declare type IGenericSliderProps = {
     min: number;
     max: number;
     step?: number;
-    value: number | number[];
     trackColor?: GlobalColorsProps | (string & {});
     thumbColor?: GlobalColorsProps | (string & {});
     disabled?: boolean;
     fullSize?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    sizeSlider?: 'sm' | 'md' | 'lg';
     direction?: 'horizontal' | 'vertical';
     valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
 };
 export declare type ISliderProps = IGenericSliderProps & {
-    onChange: (value: number | number[], index?: number) => void;
+    valueSlider: number | number[];
+    onChangeSlider: (value: number | number[], index?: number) => void;
 };
 export declare type ISliderSelectorProps = IGenericSliderProps & {
-    onChange: (percentage: number, index?: number) => void;
+    valueSliderSelector: number | number[];
+    onChangeSliderSelector: (percentage: number, index?: number) => void;
 };
 export declare type ISliderTrackerProps = {
     max: number;
     step: number;
-    onChange: (value: number, ref?: RefObject<HTMLDivElement>) => void;
+    onChangeSliderTracker: (value: number, ref?: RefObject<HTMLDivElement>) => void;
     trackColor?: GlobalColorsProps | (string & {});
     children: ReactNode;
     direction?: 'horizontal' | 'vertical';

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3D,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3D,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG;IAC/C,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAEF,oBAAY,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,mBAAmB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvC,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChF,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}

package/dist/index.d.ts

@@ -33,6 +33,7 @@ export * from './components/Timeline';
 export { default as Toast } from './components/Toast';
 export { default as Tooltip } from './components/Tooltip';
 export { default as Typography } from './components/Typography';
+export { CollapseCard } from './components/CollapseCard';
 export { default as Input } from './components/Input';
 export { DateInput } from './components/DateInput';
 export { default as Select } from './components/Select';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -36,6 +36,7 @@ var _exportNames = {
   Toast: true,
   Tooltip: true,
   Typography: true,
+  CollapseCard: true,
   Input: true,
   DateInput: true,
   Select: true,
@@ -89,6 +90,12 @@ Object.defineProperty(exports, "ChoiceList", {
     return _ChoiceList.default;
   }
 });
+Object.defineProperty(exports, "CollapseCard", {
+  enumerable: true,
+  get: function get() {
+    return _CollapseCard.CollapseCard;
+  }
+});
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
   get: function get() {
@@ -392,6 +399,8 @@ var _Tooltip = _interopRequireDefault(require("./components/Tooltip"));
 
 var _Typography = _interopRequireDefault(require("./components/Typography"));
 
+var _CollapseCard = require("./components/CollapseCard");
+
 var _Input = _interopRequireDefault(require("./components/Input"));
 
 var _DateInput = require("./components/DateInput");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.3.23",
+  "version": "1.3.26",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",