@pedidopago/ui 1.7.13 → 1.7.15

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

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewMultipleSelect = NewMultipleSelect;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Flex = _interopRequireDefault(require("../../Flex"));
+var _Icon = _interopRequireDefault(require("../../Icon"));
+var _ReactPortal = require("../../ReactPortal");
+var _styles = require("../components/OptionsSelect/styles");
+var _useReposition = require("../../../shared/hooks/useReposition");
+var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
+var _styles2 = require("../styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label", "placeholder", "alert", "helperText", "variant", "children", "value", "onClose", "onOpen", "renderOptions", "onChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 NewMultipleSelect(_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,
+    renderOptions = _ref.renderOptions,
+    onChange = _ref.onChange,
+    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),
+    selectedOptions = _useState4[0],
+    setSelectedOptions = _useState4[1];
+  var multipleSelectValues = selectedOptions.map(function (option) {
+    return option.value;
+  });
+  var optionsModalRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    options = _useState6[0],
+    setOptions = _useState6[1];
+  (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]);
+  function changeMultipleOption(valueOption) {
+    if (valueOption === undefined) {
+      setSelectedOptions([]);
+      setIsOpenOptions(false);
+      return;
+    }
+    var findOption = selectedOptions.find(function (option) {
+      return option.value === valueOption;
+    });
+    if (findOption) {
+      removeOption(valueOption);
+    } else {
+      var newOption = options.find(function (option) {
+        return option.value === valueOption;
+      });
+      if (newOption) {
+        setSelectedOptions([].concat(_toConsumableArray(selectedOptions), [newOption]));
+      }
+      onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(multipleSelectValues), [valueOption]));
+    }
+  }
+  (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]);
+  function removeOption(optionToRemove) {
+    var newSelectedOptions = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter(function (option) {
+      return option.value !== optionToRemove;
+    });
+    var newSelectedValues = newSelectedOptions.map(function (option) {
+      return option.value;
+    });
+    setSelectedOptions(newSelectedOptions);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newSelectedValues);
+  }
+  var SelectedOptionsWithCustomComponent = function SelectedOptionsWithCustomComponent(_ref2) {
+    var option = _ref2.option;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions(option, function () {
+        return removeOption(option.value);
+      })
+    });
+  };
+  (0, _react.useEffect)(function () {
+    var newOptions = options.filter(function (option) {
+      return value === null || value === void 0 ? void 0 : value.includes(option.value);
+    });
+    setSelectedOptions(newOptions);
+  }, [value, options]);
+  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": !!(selectedOptions !== null && selectedOptions !== void 0 && selectedOptions[0]) || !!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", {
+          title: label,
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
+          spacing: "0.5rem",
+          wrap: "wrap",
+          style: {
+            paddingBlock: '0.5rem'
+          },
+          children: selectedOptions !== null && selectedOptions !== void 0 && selectedOptions[0] ? selectedOptions.map(function (option, index) {
+            return typeof renderOptions === 'function' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectedOptionsWithCustomComponent, {
+              option: option
+            }, "custom-option-selected-".concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.SelectedOptionSpan, {
+              hasSelectedOption: true,
+              children: [option.label, selectedOptions.length > 1 && index < selectedOptions.length - 1 && ',']
+            }, index);
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.SelectedOptionSpan, {
+            title: "placeholder",
+            children: placeholder
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
+          className: "select_container_icon",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "chevron-down"
+          })
+        })]
+      }), /*#__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) {
+            var isSelectedOption = selectedOptions.find(function (option) {
+              var _child$props;
+              return option.value === ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.value);
+            });
+            var childTypeName = child.type.name || child.type.displayName;
+            var isSelectItemElement = /*#__PURE__*/(0, _react.isValidElement)(child) && childTypeName === 'SelectItem';
+            var className = (0, _classnames.default)(isSelectItemElement ? 'select-item' : '', {
+              selected: isSelectedOption
+            });
+            return /*#__PURE__*/(0, _react.cloneElement)(child, {
+              onClick: function onClick(event) {
+                if (event.currentTarget.classList.contains('select-item')) {
+                  changeMultipleOption(child.props.value);
+                }
+              },
+              className: className
+            });
+          })
+        })
+      }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.HelperText, {
+        alert: alert,
+        children: helperText
+      })]
+    })
+  });
+}

package/dist/components/NewSelect/newSelect.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=newSelect.test.d.ts.map

package/dist/components/NewSelect/single/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectPropsSingleSelect } from '../types';
+export declare function NewSingleSelect<T>({ label, placeholder, alert, helperText, variant, children, value, onClose, onOpen, onChange, renderOptions, ...rest }: SelectPropsSingleSelect<T>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NewSelect/single/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/single/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAgB,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEjE,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAU,EACV,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,aAAa,EACb,GAAG,IAAI,EACR,EAAE,uBAAuB,CAAC,CAAC,CAAC,eAgI5B"}

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { InputProps } from '../Input/types';
-import { SelectContainerProps } from './types';
-export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptionPlaceholder: import("@emotion/styled").StyledComponent<import("../List/types").ListProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & InputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const SelectMultipleOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SelectedOptionSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hasSelectedOption: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { InputProps } from '../Input/types';
+import { SelectContainerProps } from './types';
+export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionPlaceholder: import("@emotion/styled").StyledComponent<import("../List/types").ListProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SelectMultipleOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SelectedOptionSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    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

@@ -1,44 +1,45 @@
-import { ComponentType, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
-import { SelectInputSearchProps } from './components/SelectInputSearch/types';
-import { SelectItemProps } from './components/SelectItem/types';
-export type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-export type SizeSelect = 'sm' | 'md';
-export type SelectValue = string | readonly string[] | boolean | number | undefined;
-export interface SelectOption {
-    label: string;
-    value: SelectValue;
-}
-interface SelectPropsBase extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
-    label?: string;
-    variant?: 'unstyled' | 'default';
-    helperText?: string;
-    alert?: SelectAlertType;
-    placeholder?: string;
-    children?: ReactNode | ReactNode[];
-    onOpen?: () => void;
-    onClose?: () => void;
-    multiple?: boolean;
-    renderOptions?: (option: SelectOption, remove: (removeOption: SelectOption) => void) => ReactNode | ReactNode[];
-}
-interface SelectPropsSingleSelect extends SelectPropsBase {
-    multiple?: false;
-    onChange: (value: SelectValue) => void;
-    value: SelectValue;
-}
-interface SelectPropsMultipleSelect extends SelectPropsBase {
-    multiple: true;
-    value: SelectValue[];
-    onChange: (value: SelectValue[]) => void;
-}
-export type SelectProps = SelectPropsSingleSelect | SelectPropsMultipleSelect;
-export interface SelectContainerProps {
-    alert?: SelectAlertType;
-    size?: SizeSelect;
-}
-export type ChangeOption = {
-    event: React.MouseEvent;
-    value: string | boolean | number;
-};
-export type SelectChildType = ReactElement<SelectInputSearchProps & SelectItemProps, ComponentType>;
-export {};
+import { ComponentType, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+import { SelectInputSearchProps } from './components/SelectInputSearch/types';
+import { SelectItemProps } from './components/SelectItem/types';
+export type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export type SizeSelect = 'sm' | 'md';
+export type SelectValue = string | readonly string[] | boolean | number | undefined;
+export interface SelectOption {
+    label: string;
+    value?: SelectValue;
+}
+interface SelectPropsBase extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    label?: string;
+    variant?: 'unstyled' | 'default';
+    helperText?: string;
+    alert?: SelectAlertType;
+    placeholder?: string;
+    children?: ReactNode | ReactNode[];
+    onOpen?: () => void;
+    onClose?: () => void;
+    multiple?: boolean;
+}
+export type SelectPropsSingleSelect<T> = SelectPropsBase & {
+    multiple?: false;
+    onChange?: (value: T) => void;
+    value?: T;
+    renderOptions?: (option: T) => ReactNode | ReactNode[];
+};
+export type SelectPropsMultipleSelect = SelectPropsBase & {
+    multiple: true;
+    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;
+};
+export type SelectChildType = ReactElement<SelectInputSearchProps & SelectItemProps, ComponentType>;
+export {};
 //# sourceMappingURL=types.d.ts.map

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/dist/components/Observer/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ObserverProps } from './types';
-export declare function Observer({ onObserved, observerOptions, children, ...props }: ObserverProps): JSX.Element;
-export declare namespace Observer {
-    var displayName: string;
-}
+/// <reference types="react" />
+import { ObserverProps } from './types';
+export declare function Observer({ onObserved, observerOptions, children, ...props }: ObserverProps): JSX.Element;
+export declare namespace Observer {
+    var displayName: string;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Observer/observer.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=observer.test.d.ts.map