@pedidopago/ui 1.7.12 → 1.7.14

package/dist/components/NewSelect/single/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewSingleSelect = NewSingleSelect;
+var _react = require("react");
+var _Flex = _interopRequireDefault(require("../../Flex"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _ReactPortal = require("../../ReactPortal");
+var _useReposition = require("../../../shared/hooks/useReposition");
+var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
+var _styles = require("../components/OptionsSelect/styles");
+var _styles2 = require("../styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label", "placeholder", "alert", "helperText", "variant", "children", "value", "onClose", "onOpen", "onChange", "renderOptions"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 NewSingleSelect(_ref) {
+  var _containerRef$current;
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    alert = _ref.alert,
+    helperText = _ref.helperText,
+    variant = _ref.variant,
+    children = _ref.children,
+    value = _ref.value,
+    onClose = _ref.onClose,
+    onOpen = _ref.onOpen,
+    onChange = _ref.onChange,
+    renderOptions = _ref.renderOptions,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var containerRef = (0, _react.useRef)(null);
+  var selectRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpenOptions = _useState2[0],
+    setIsOpenOptions = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedOption = _useState4[0],
+    setSelectedOption = _useState4[1];
+  var optionsModalRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    options = _useState6[0],
+    setOptions = _useState6[1];
+  var findOption = options.find(function (option) {
+    return option.value === selectedOption;
+  });
+  var isFalseOptions = (findOption === null || findOption === void 0 ? void 0 : findOption.value) === false;
+  var textPlaceholder = findOption !== null && findOption !== void 0 && findOption.value || isFalseOptions ? findOption === null || findOption === void 0 ? void 0 : findOption.label : placeholder;
+  (0, _react.useEffect)(function () {
+    var _options$, _optionsModalRef$curr;
+    if (options !== null && options !== void 0 && (_options$ = options[0]) !== null && _options$ !== void 0 && _options$.value) return;
+    var childs = (_optionsModalRef$curr = optionsModalRef.current) === null || _optionsModalRef$curr === void 0 ? void 0 : _optionsModalRef$curr.childNodes;
+    var newOptions = [];
+    _react.Children.forEach(children, function (child, index) {
+      if (childs !== null && childs !== void 0 && childs[index].classList.contains('select-item')) {
+        newOptions.push({
+          value: child.props.value,
+          label: childs[index].innerText
+        });
+      }
+    });
+    setOptions(newOptions);
+  }, [children, optionsModalRef.current, containerRef.current]);
+  (0, _react.useEffect)(function () {
+    function handler() {
+      setIsOpenOptions(false);
+    }
+    if (isOpenOptions) {
+      var _document;
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+      (_document = document) === null || _document === void 0 ? void 0 : _document.addEventListener('scroll', handler);
+    } else {
+      var _document2;
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.removeEventListener('scroll', handler);
+    }
+    return function () {
+      var _document3;
+      return (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.removeEventListener('scroll', handler);
+    };
+  }, [isOpenOptions]);
+  (0, _useOnClickOutside.useOnClickOutside)([containerRef, optionsModalRef], function () {
+    if (isOpenOptions) {
+      setIsOpenOptions(false);
+    }
+  });
+  var positionsSelect = (0, _useReposition.useReposition)({
+    containerRef: optionsModalRef,
+    triggerRef: selectRef
+  }, [children]);
+  var SelectedOptionsWithCustomComponent = function SelectedOptionsWithCustomComponent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions(selectedOption)
+    });
+  };
+  (0, _react.useEffect)(function () {
+    setSelectedOption(value);
+  }, [value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: selectRef,
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: "column",
+      style: {
+        width: '100%'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.SelectContainer, {
+        "data-disabled": rest.disabled,
+        "data-variant": variant,
+        "data-label-in-top": !!textPlaceholder || !!placeholder,
+        alert: alert,
+        tabIndex: rest.disabled ? -1 : 0,
+        onClick: function onClick() {
+          return setIsOpenOptions(!isOpenOptions);
+        },
+        className: rest.className,
+        style: rest.style,
+        ref: containerRef,
+        children: [label && variant !== 'unstyled' && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          children: label
+        }), typeof renderOptions === 'function' && selectedOption ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectedOptionsWithCustomComponent, {}, "custom-option-selected-".concat(textPlaceholder)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.SelectedOptionSpan, {
+          hasSelectedOption: !!selectedOption || isFalseOptions,
+          children: textPlaceholder
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
+          className: "select_container_icon",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "chevron-down",
+            color: "neutral.neutral5"
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
+        wrapperId: "portal-root",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionsContainer, {
+          ref: optionsModalRef,
+          open: isOpenOptions,
+          style: {
+            maxWidth: "".concat((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().width, "px"),
+            left: positionsSelect.left,
+            top: positionsSelect.top
+          },
+          children: _react.Children.map(children, function (child) {
+            return /*#__PURE__*/(0, _react.cloneElement)(child, {
+              onClick: function onClick(event) {
+                if (event.currentTarget.classList.contains('select-item')) {
+                  setIsOpenOptions(false);
+                  setSelectedOption(child.props.value);
+                  onChange === null || onChange === void 0 ? void 0 : onChange(child.props.value);
+                }
+              }
+            });
+          })
+        })
+      }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.HelperText, {
+        alert: alert,
+        children: helperText
+      })]
+    })
+  });
+}

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

@@ -20,6 +20,6 @@ export declare const SelectedOptionSpan: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    hasSelectedOption: boolean;
+    hasSelectedOption?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe;;;gIAiG1B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;UAE7B,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAMrB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;qHAsBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;uBAAoC,OAAO;2GAKzE,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe;;;gIAiG1B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;UAE7B,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAMrB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;qHAsBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;2GAM9B,CAAC"}

package/dist/components/NewSelect/styles.js

@@ -13,7 +13,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var SelectContainer = _styled.default.div(function (_ref) {
   var theme = _ref.theme,
     alert = _ref.alert;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: 100%;\n    min-height: 56px;\n    border-radius: ", ";\n    border: 2px solid ", ";\n    transition: all ease 0.2s;\n    outline: 0px solid transparent;\n    cursor: pointer;\n    background: ", ";\n    color: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0 20px;\n    position: relative;\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n\n      label {\n        color: ", ";\n      }\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      outline: 2px solid ", ";\n\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n\n    &[data-label-in-top='true'] {\n      label {\n        left: 20px;\n        top: -1px;\n        font-size: 0.875rem;\n        background: ", " !important;\n      }\n    }\n\n    &[data-disabled='true'] {\n      background: ", ";\n      pointer-events: none;\n      cursor: none;\n      border-color: ", ";\n\n      label {\n        background: inherit;\n      }\n    }\n\n    &[data-variant='unstyled'] {\n      padding: 0;\n      border: none;\n      background: none;\n      height: auto;\n\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n    }\n\n    input {\n      display: none;\n    }\n\n    svg {\n      transition: all ease 0.2s;\n    }\n\n    label {\n      position: absolute;\n      left: 20px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1rem;\n      font-weight: 500;\n      color: ", ";\n      transition: all ease 0.2s;\n      padding: 0 4px;\n      z-index: 1;\n      white-space: nowrap;\n      max-width: 65%;\n      overflow: hidden;\n      cursor: pointer;\n      text-overflow: ellipsis;\n    }\n  "])), theme.borderRadius.default, alert ? theme.colors[alert].blurred : theme.colors.neutral.neutral2, alert ? "".concat(theme.colors[alert].blurred, "33") : theme.colors.neutral.white, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.hover, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.focus, alert ? theme.colors[alert].blurred : theme.colors.primary.disabled, theme.colors.neutral.white, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2, theme.colors.neutral.neutral3);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: 100%;\n    min-height: 56px;\n    border-radius: ", ";\n    border: 2px solid ", ";\n    transition: all ease 0.2s;\n    outline: 0px solid transparent;\n    cursor: pointer;\n    background: ", ";\n    color: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0 20px;\n    position: relative;\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n\n      label {\n        color: ", ";\n      }\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      outline: 2px solid ", ";\n\n      .select_container_icon {\n        transform: rotate(180deg);\n      }\n    }\n\n    &[data-label-in-top='true'] {\n      label {\n        left: 20px;\n        top: -1px;\n        font-size: 0.875rem;\n        background: ", " !important;\n      }\n    }\n\n    &[data-disabled='true'] {\n      background: ", ";\n      pointer-events: none;\n      cursor: none;\n      border-color: ", ";\n\n      label {\n        background: inherit;\n      }\n    }\n\n    &[data-variant='unstyled'] {\n      padding: 0;\n      border: none;\n      background: none;\n      height: auto;\n\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n    }\n\n    input {\n      display: none;\n    }\n\n    .select_container_icon {\n      transition: all ease 0.2s;\n    }\n\n    label {\n      position: absolute;\n      left: 20px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1rem;\n      font-weight: 500;\n      color: ", ";\n      transition: all ease 0.2s;\n      padding: 0 4px;\n      z-index: 1;\n      white-space: nowrap;\n      max-width: 65%;\n      overflow: hidden;\n      cursor: pointer;\n      text-overflow: ellipsis;\n    }\n  "])), theme.borderRadius.default, alert ? theme.colors[alert].blurred : theme.colors.neutral.neutral2, alert ? "".concat(theme.colors[alert].blurred, "33") : theme.colors.neutral.white, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.hover, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.focus, alert ? theme.colors[alert].blurred : theme.colors.primary.disabled, theme.colors.neutral.white, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2, theme.colors.neutral.neutral3);
 });
 exports.SelectContainer = SelectContainer;
 var OptionPlaceholder = (0, _styled.default)(_List.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref2) {
@@ -39,9 +39,9 @@ var SelectMultipleOption = _styled.default.button(_templateObject4 || (_template
   }[theme.colorMode];
 });
 exports.SelectMultipleOption = SelectMultipleOption;
-var SelectedOptionSpan = _styled.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  cursor: pointer;\n  color: ", ";\n"])), function (_ref6) {
+var SelectedOptionSpan = _styled.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  cursor: pointer;\n  padding-block: 0.25rem;\n  color: ", ";\n"])), function (_ref6) {
   var theme = _ref6.theme,
     hasSelectedOption = _ref6.hasSelectedOption;
-  return hasSelectedOption ? theme.colors.neutral.black : theme.colors.neutral.neutral3;
+  return hasSelectedOption ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3;
 });
 exports.SelectedOptionSpan = SelectedOptionSpan;

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

@@ -6,7 +6,7 @@ export type SizeSelect = 'sm' | 'md';
 export type SelectValue = string | readonly string[] | boolean | number | undefined;
 export interface SelectOption {
     label: string;
-    value: SelectValue;
+    value?: SelectValue;
 }
 interface SelectPropsBase extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
     label?: string;
@@ -18,23 +18,24 @@ interface SelectPropsBase extends Omit<InputHTMLAttributes<HTMLInputElement>, 'o
     onOpen?: () => void;
     onClose?: () => void;
     multiple?: boolean;
-    renderOptions?: (option: SelectOption, remove: (removeOption: SelectOption) => void) => ReactNode | ReactNode[];
 }
-interface SelectPropsSingleSelect extends SelectPropsBase {
+export type SelectPropsSingleSelect<T> = SelectPropsBase & {
     multiple?: false;
-    onChange: (value: SelectValue) => void;
-    value: SelectValue;
-}
-interface SelectPropsMultipleSelect extends SelectPropsBase {
+    onChange?: (value: T) => void;
+    value?: T;
+    renderOptions?: (option: T) => ReactNode | ReactNode[];
+};
+export type SelectPropsMultipleSelect = SelectPropsBase & {
     multiple: true;
-    value: SelectValue[];
-    onChange: (value: SelectValue[]) => void;
-}
-export type SelectProps = SelectPropsSingleSelect | SelectPropsMultipleSelect;
-export interface SelectContainerProps {
+    value?: SelectValue[];
+    onChange?: (value: SelectValue[]) => void;
+    renderOptions?: (option: SelectOption, remove: (removeOption: SelectOption) => void) => ReactNode | ReactNode[];
+};
+export type SelectProps<T> = SelectPropsSingleSelect<T> | SelectPropsMultipleSelect;
+export type SelectContainerProps = {
     alert?: SelectAlertType;
     size?: SizeSelect;
-}
+};
 export type ChangeOption = {
     event: React.MouseEvent;
     value: string | boolean | number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,eACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,KACzC,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9B;AAGD,UAAU,uBAAwB,SAAQ,eAAe;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;CAC1C;AAGD,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,yBAAyB,CAAC;AAE9E,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,GAAG,eAAe,EAAE,aAAa,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,eACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,eAAe,GAAG;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,eAAe,GAAG;IACxD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,KACzC,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC;AAEpF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,GAAG,eAAe,EAAE,aAAa,CAAC,CAAC"}

package/package.json

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

package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare function AlternativeOrderSvg({ color }: {
-    color: string;
-}): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Illustration/AlternativeOrderSvg/index.tsx"],"names":[],"mappings":";AAAA,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eA8E/D"}

package/dist/components/Illustration/AlternativeOrderSvg/index.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AlternativeOrderSvg = AlternativeOrderSvg;
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function AlternativeOrderSvg(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-    width: "168",
-    height: "167",
-    viewBox: "0 0 168 167",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M167.066 83.1856C167.066 95.5397 164.356 107.276 159.491 117.82C146.307 146.474 117.251 166.371 83.5328 166.371C49.8149 166.371 20.759 146.474 7.57439 117.82C2.70917 107.276 0 95.5397 0 83.1856C0 37.2424 37.3979 0 83.5328 0C129.668 0 167.066 37.2424 167.066 83.1856Z",
-      fill: "#EAEFED"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-      filter: "url(#filter0_d_3_37)",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        d: "M8.1759 37.5051C8.1759 31.799 12.8016 27.1733 18.5077 27.1733H148.947C154.653 27.1733 159.278 31.799 159.278 37.5051V128.554C159.278 134.26 154.653 138.886 148.947 138.886H18.5077C12.8016 138.886 8.1759 134.26 8.1759 128.554V37.5051Z",
-        fill: "white"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-        cx: "84.1606",
-        cy: "83.0296",
-        rx: "39.7536",
-        ry: "39.7536",
-        fill: "#0FB075"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-        cx: "87.1798",
-        cy: "84.5392",
-        rx: "37.7407",
-        ry: "38.2439",
-        fill: "url(#paint0_linear_3_37)"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M86.8013 68.9429C88.3337 68.9008 89.8497 69.2712 91.1905 70.0159C92.5466 70.7691 93.6725 71.8768 94.4474 73.2207C95.2341 74.585 94.7659 76.3287 93.4016 77.1154C92.0373 77.9021 90.2936 77.4339 89.5069 76.0696C89.2487 75.6219 88.8735 75.2526 88.4214 75.0015C87.9693 74.7504 87.4573 74.627 86.9403 74.6444C86.9084 74.6454 86.8764 74.646 86.8444 74.646H81.1414C80.3848 74.646 79.6594 74.9464 79.1247 75.481C78.5901 76.0155 78.2898 76.7403 78.2898 77.4959C78.2898 78.2515 78.5901 78.9763 79.1247 79.5108C79.6594 80.0453 80.3848 80.3458 81.1414 80.3458H86.8444C89.113 80.3458 91.2887 81.2467 92.8931 82.8506C94.4975 84.4545 95.399 86.6301 95.399 88.8987C95.399 91.1674 94.4975 93.3429 92.8931 94.9469C91.2887 96.5508 89.113 97.4517 86.8444 97.4517H81.1845C79.6521 97.4938 78.1361 97.1234 76.7953 96.3788C75.4391 95.6256 74.3133 94.5178 73.5384 93.1739C72.7517 91.8096 73.2199 90.0659 74.5842 89.2792C75.9484 88.4925 77.6922 88.9607 78.4789 90.325C78.737 90.7727 79.1122 91.142 79.5643 91.3931C80.0165 91.6442 80.5284 91.7677 81.0454 91.7503C81.0774 91.7492 81.1094 91.7486 81.1414 91.7486H86.8444C87.6009 91.7486 88.3263 91.4482 88.861 90.9136C89.3957 90.3791 89.6959 89.6543 89.6959 88.8987C89.6959 88.1432 89.3957 87.4184 88.861 86.8838C88.3263 86.3493 87.6009 86.0488 86.8444 86.0488H81.1414C78.8728 86.0488 76.697 85.1479 75.0927 83.544C73.4883 81.9401 72.5868 79.7645 72.5868 77.4959C72.5868 75.2272 73.4883 73.0517 75.0927 71.4477C76.697 69.8438 78.8728 68.9429 81.1414 68.9429H86.8013Z",
-        fill: "white"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M83.9929 60.3851C85.5678 60.3851 86.8445 61.6617 86.8445 63.2366V69.8901C86.8445 71.465 85.5678 72.7417 83.9929 72.7417C82.4181 72.7417 81.1414 71.465 81.1414 69.8901V63.2366C81.1414 61.6617 82.4181 60.3851 83.9929 60.3851ZM83.9929 93.6528C85.5678 93.6528 86.8445 94.9295 86.8445 96.5043V103.158C86.8445 104.733 85.5678 106.009 83.9929 106.009C82.4181 106.009 81.1414 104.733 81.1414 103.158V96.5043C81.1414 94.9295 82.4181 93.6528 83.9929 93.6528Z",
-        fill: "white"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: "30.5001",
-      cy: "135.203",
-      r: "30.3756",
-      fill: color
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
-        id: "filter0_d_3_37",
-        x: "2.1759",
-        y: "23.1733",
-        width: "163.103",
-        height: "123.713",
-        filterUnits: "userSpaceOnUse",
-        colorInterpolationFilters: "sRGB",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
-          floodOpacity: "0",
-          result: "BackgroundImageFix"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
-          in: "SourceAlpha",
-          type: "matrix",
-          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-          result: "hardAlpha"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feOffset", {
-          dy: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
-          stdDeviation: "3"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feComposite", {
-          in2: "hardAlpha",
-          operator: "out"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
-          type: "matrix",
-          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
-          mode: "normal",
-          in2: "BackgroundImageFix",
-          result: "effect1_dropShadow_3_37"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
-          mode: "normal",
-          in: "SourceGraphic",
-          in2: "effect1_dropShadow_3_37",
-          result: "shape"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
-        id: "paint0_linear_3_37",
-        x1: "59.9492",
-        y1: "55.009",
-        x2: "119.169",
-        y2: "127.341",
-        gradientUnits: "userSpaceOnUse",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          stopColor: "#10C281"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          offset: "1",
-          stopColor: "#34D399"
-        })]
-      })]
-    })]
-  });
-}

package/dist/components/Illustration/BoletoSvg/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare function BoletoSvg({ color }: {
-    color: string;
-}): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/BoletoSvg/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Illustration/BoletoSvg/index.tsx"],"names":[],"mappings":";AAAA,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eA+JrD"}

package/dist/components/Illustration/BoletoSvg/index.js

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BoletoSvg = BoletoSvg;
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function BoletoSvg(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-    width: "167",
-    height: "192",
-    viewBox: "0 0 167 192",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M166.876 108.655C166.876 120.93 164.185 132.591 159.35 143.068C146.25 171.54 117.379 191.31 83.8765 191.31C50.3736 191.31 21.5031 171.54 8.40255 143.068C3.56836 132.591 0.876465 120.93 0.876465 108.655C0.876465 63.0049 38.0358 26 83.8765 26C129.717 26 166.876 63.0049 166.876 108.655Z",
-      fill: "#EAEFED"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
-      id: "mask0_3288_3250",
-      maskUnits: "userSpaceOnUse",
-      x: "1",
-      y: "11",
-      width: "166",
-      height: "180",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        d: "M1 11H167V108.5C167 154.063 129.563 191 84 191V191C38.4365 191 1 154.063 1 108.5V11Z",
-        fill: "#C4C4C4"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      mask: "url(#mask0_3288_3250)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-        filter: "url(#filter0_d_3288_3250)",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          d: "M7.25977 63.5434C7.25977 57.7204 11.9802 53 17.8031 53H150.913C156.736 53 161.456 57.7204 161.456 63.5434V156.457C161.456 162.28 156.736 167 150.913 167H17.8031C11.9802 167 7.25977 162.28 7.25977 156.457V63.5434Z",
-          fill: "#CAD6D1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "25.0498",
-          y: "68.9745",
-          width: "8.83147",
-          height: "81.6911",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "135.154",
-          y: "68.9745",
-          width: "8.83147",
-          height: "81.6911",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "46.7798",
-          y: "68.9745",
-          width: "8.83147",
-          height: "67.34",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "83.2393",
-          y: "68.9745",
-          width: "8.83147",
-          height: "67.34",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "46.7798",
-          y: "141.834",
-          width: "8.83147",
-          height: "8.83147",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "83.2393",
-          y: "141.834",
-          width: "8.83147",
-          height: "8.83147",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "62.2354",
-          y: "68.9745",
-          width: "8.83147",
-          height: "67.34",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "98.6943",
-          y: "68.9745",
-          width: "8.83147",
-          height: "67.34",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "119.699",
-          y: "68.9745",
-          width: "8.83147",
-          height: "67.34",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "62.2354",
-          y: "141.834",
-          width: "8.83147",
-          height: "8.83147",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "98.6943",
-          y: "141.834",
-          width: "8.83147",
-          height: "8.83147",
-          rx: "4.41573",
-          fill: "#709085"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-          x: "119.699",
-          y: "141.834",
-          width: "8.83147",
-          height: "8.83147",
-          rx: "4.41573",
-          fill: "#709085"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M55 154C55 158.01 54.1243 161.819 52.5518 165.241C48.2901 174.542 38.8985 181 28 181C17.1015 181 7.70986 174.542 3.44824 165.241C1.87568 161.819 1 158.01 1 154C1 139.088 13.088 127 28 127C42.912 127 55 139.088 55 154Z",
-      fill: color
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
-        id: "filter0_d_3288_3250",
-        x: "1.25977",
-        y: "49",
-        width: "166.196",
-        height: "126",
-        filterUnits: "userSpaceOnUse",
-        colorInterpolationFilters: "sRGB",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
-          floodOpacity: "0",
-          result: "BackgroundImageFix"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
-          in: "SourceAlpha",
-          type: "matrix",
-          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-          result: "hardAlpha"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feOffset", {
-          dy: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
-          stdDeviation: "3"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feComposite", {
-          in2: "hardAlpha",
-          operator: "out"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feColorMatrix", {
-          type: "matrix",
-          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
-          mode: "normal",
-          in2: "BackgroundImageFix",
-          result: "effect1_dropShadow_3288_3250"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
-          mode: "normal",
-          in: "SourceGraphic",
-          in2: "effect1_dropShadow_3288_3250",
-          result: "shape"
-        })]
-      })
-    })]
-  });
-}

package/dist/components/Illustration/BoxClosedSvg/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare function BoxClosedSvg({ color }: {
-    color: string;
-}): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Illustration/BoxClosedSvg/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Illustration/BoxClosedSvg/index.tsx"],"names":[],"mappings":";AAAA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eAsFxD"}