@pedidopago/ui 1.0.8 → 1.1.2

package/dist/components/Timeline/components/TimelineContent.js

@@ -11,10 +11,18 @@ var _Flex = _interopRequireDefault(require("../../Flex"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["title", "description", "date"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -36,21 +44,29 @@ var TimelineContent = function TimelineContent(_ref) {
   var getMinutes = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getMinutes().toLocaleString('default', {
     minimumIntegerDigits: 2
   });
-  return /*#__PURE__*/React.createElement(_styles.TimelineItemContent, rest, /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontWeight: "600",
-    fontSize: "xs"
-  }, title), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs"
-  }, description)), date && /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontWeight: "600",
-    fontSize: "xs"
-  }, getDay, " ", getShortMonth.charAt(0).toUpperCase() + getShortMonth.slice(1)), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs"
-  }, getHours, ":", getMinutes)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineItemContent, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: "column",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        fontWeight: "600",
+        fontSize: "xs",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        fontSize: "xs",
+        children: description
+      })]
+    }), date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: "column",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        fontWeight: "600",
+        fontSize: "xs",
+        children: [getDay, " ", getShortMonth.charAt(0).toUpperCase() + getShortMonth.slice(1)]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        fontSize: "xs",
+        children: [getHours, ":", getMinutes]
+      })]
+    })]
+  }));
 };
 
 exports.TimelineContent = TimelineContent;

package/dist/components/Timeline/components/TimelineItem.js

@@ -7,8 +7,16 @@ exports.TimelineItem = void 0;
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["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; }
@@ -17,7 +25,9 @@ var TimelineItem = function TimelineItem(_ref) {
   var children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_styles.TimelineItemContainer, rest, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineItemContainer, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 exports.TimelineItem = TimelineItem;

package/dist/components/Timeline/components/TimelineSeparator.js

@@ -7,13 +7,18 @@ exports.TimelineSeparator = void 0;
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TimelineSeparator = function TimelineSeparator(_ref) {
   var icon = _ref.icon,
       circleColor = _ref.circleColor;
-  return /*#__PURE__*/React.createElement(_styles.TimelineSeparatorContainer, null, /*#__PURE__*/React.createElement(_styles.TimelineSeparatorLine, null), /*#__PURE__*/React.createElement(_styles.TimelineSeparatorCircle, {
-    icon: icon === null || icon === void 0 ? void 0 : icon.toString().length,
-    circleColor: circleColor
-  }, icon));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineSeparatorContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorLine, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorCircle, {
+      icon: icon === null || icon === void 0 ? void 0 : icon.toString().length,
+      circleColor: circleColor,
+      children: icon
+    })]
+  });
 };
 
 exports.TimelineSeparator = TimelineSeparator;

package/dist/components/Timeline/timeline.test.js

@@ -8,114 +8,143 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('Timeline', function () {
   it('should it render the Timeline component with childrens', function () {
-    var _render = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the Timeline component with different position', function () {
-    var _render2 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      position: "right"
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      position: "right",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render2.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the Timeline component with full width', function () {
-    var _render3 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      fullWidth: true
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      fullWidth: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render3.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the TimelineSeparator component with an icon', function () {
-    var _render4 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
       })
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    })),
         container = _render4.container;
 
     expect(container).toBeInTheDocument();
     expect(container.querySelector('svg')).toBeInTheDocument();
   });
   it('should it render the TimelineSeparator component with an icon and different color in the circle', function () {
-    var _render5 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render5.container;
 
     expect(container).toBeInTheDocument();
     expect(container.querySelector('svg')).toBeInTheDocument();
   });
   it('should it render the Timeline component with multiply childrens', function () {
-    var _render6 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      position: "alternate"
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Timeline, {
+      position: "alternate",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })]
+    })),
         container = _render6.container;
 
     expect(container).toBeInTheDocument();

package/dist/components/Toast/button-example.js

@@ -9,6 +9,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _useToast = _interopRequireDefault(require("./hooks/useToast"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["buttonText"];
 
 var _templateObject;
@@ -28,11 +30,14 @@ var ToastButtonExample = function ToastButtonExample(_ref) {
       options = _objectWithoutProperties(_ref, _excluded);
 
   var toast = (0, _useToast.default)();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return toast(options);
-    }
-  }, buttonText || 'Show toast'));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+      onClick: function onClick() {
+        return toast(options);
+      },
+      children: buttonText || 'Show toast'
+    })
+  });
 };
 
 var _default = ToastButtonExample;

package/dist/components/Toast/components/Toast.js

@@ -13,6 +13,8 @@ var _Alert = _interopRequireDefault(require("../../Alert"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -58,7 +60,7 @@ var Toast = function Toast(_ref) {
       scale: 0.8
     }
   };
-  return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
     layout: true,
     variants: toastAnimationVariants,
     initial: "initial",
@@ -68,16 +70,19 @@ var Toast = function Toast(_ref) {
       duration: 0.35
     },
     id: id,
-    className: "pp-toast-".concat(position)
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastComponent, null, /*#__PURE__*/React.createElement(_Alert.default, {
-    message: message,
-    title: title,
-    variant: "closable",
-    type: type,
-    buttonTitle: buttonTitle,
-    onButtonClick: onButtonClick,
-    onClose: handleCloseButtonClick
-  })));
+    className: "pp-toast-".concat(position),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastComponent, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        message: message,
+        title: title,
+        variant: "closable",
+        type: type,
+        buttonTitle: buttonTitle,
+        onButtonClick: onButtonClick,
+        onClose: handleCloseButtonClick
+      })
+    })
+  });
 };
 
 var _default = Toast;

package/dist/components/Toast/contexts/ToastProvider.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _ = _interopRequireDefault(require(".."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -73,13 +75,14 @@ var ToastProvider = function ToastProvider(_ref) {
       });
     });
   }, []);
-  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContext.Provider, {
     value: {
       add: addToast,
       remove: remoteToast,
       toasts: toasts
-    }
-  }, children, /*#__PURE__*/React.createElement(_.default, null));
+    },
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {})]
+  });
 };
 
 var _default = ToastProvider;

package/dist/components/Toast/index.js

@@ -15,76 +15,104 @@ var _ToastProvider = require("./contexts/ToastProvider");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var ToastContainer = function ToastContainer() {
   var _useContext = (0, _react.useContext)(_ToastProvider.ToastContext),
       toasts = _useContext.toasts,
       remove = _useContext.remove;
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_styles.StyledToastContainerOverlay, null, /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "top"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'top' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  })))), /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "top-right"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'top-right' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  })))), /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "top-left"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'top-left' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  })))), /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "bottom"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'bottom' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  })))), /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "bottom-right"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'bottom-right' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  })))), /*#__PURE__*/React.createElement(_styles.StyledToastManagerOverlay, {
-    position: "bottom-left"
-  }, /*#__PURE__*/React.createElement(_styles.StyledToastManagerInner, null, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, toasts && toasts.map(function (toast) {
-    return toast.config.position === 'bottom-left' && /*#__PURE__*/React.createElement(_Toast.default, _extends({
-      key: toast.id,
-      toastId: toast.id,
-      close: remove
-    }, toast.config));
-  }))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledToastContainerOverlay, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "top",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'top' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "top-right",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'top-right' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "top-left",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'top-left' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "bottom",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'bottom' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "bottom-right",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'bottom-right' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
+        position: "bottom-left",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerInner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+            initial: false,
+            children: toasts && toasts.map(function (toast) {
+              return toast.config.position === 'bottom-left' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, _objectSpread({
+                toastId: toast.id,
+                close: remove
+              }, toast.config), toast.id);
+            })
+          })
+        })
+      })]
+    })
+  });
 };
 
 var _default = ToastContainer;