@pedidopago/ui 1.0.6

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineItem = void 0;
+
+var _styles = require("../styles");
+
+var _excluded = ["children"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var TimelineItem = function TimelineItem(_ref) {
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(_styles.TimelineItemContainer, rest, children);
+};
+
+exports.TimelineItem = TimelineItem;

package/dist/components/Timeline/components/TimelineSeparator.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITimelineSeparatorProps } from '../types';
+export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+//# sourceMappingURL=TimelineSeparator.d.ts.map

package/dist/components/Timeline/components/TimelineSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/components/TimelineSeparator.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,iBAAiB,0BAA2B,uBAAuB,gBAS/E,CAAC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineSeparator = void 0;
+
+var _styles = require("../styles");
+
+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));
+};
+
+exports.TimelineSeparator = TimelineSeparator;

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

@@ -0,0 +1,5 @@
+export { Timeline } from './components/Timeline';
+export { TimelineItem } from './components/TimelineItem';
+export { TimelineSeparator } from './components/TimelineSeparator';
+export { TimelineContent } from './components/TimelineContent';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/Timeline/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function get() {
+    return _Timeline.Timeline;
+  }
+});
+Object.defineProperty(exports, "TimelineContent", {
+  enumerable: true,
+  get: function get() {
+    return _TimelineContent.TimelineContent;
+  }
+});
+Object.defineProperty(exports, "TimelineItem", {
+  enumerable: true,
+  get: function get() {
+    return _TimelineItem.TimelineItem;
+  }
+});
+Object.defineProperty(exports, "TimelineSeparator", {
+  enumerable: true,
+  get: function get() {
+    return _TimelineSeparator.TimelineSeparator;
+  }
+});
+
+var _Timeline = require("./components/Timeline");
+
+var _TimelineItem = require("./components/TimelineItem");
+
+var _TimelineSeparator = require("./components/TimelineSeparator");
+
+var _TimelineContent = require("./components/TimelineContent");

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const TimelineItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const TimelineSeparatorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
+    icon?: import("react").ReactNode;
+    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,iBAAiB;;;;;6GAW7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAejC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;yGAOtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8HAOjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;yGAyBnC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAU/B,CAAC"}

package/dist/components/Timeline/styles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimelineSeparatorLine = exports.TimelineSeparatorContainer = exports.TimelineSeparatorCircle = exports.TimelineItemContent = exports.TimelineItemContainer = exports.TimelineContainer = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _getColorValue = require("./../../utils/getColorValue");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var TimelineContainer = _styled.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  width: ", ";\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1.25rem;\n"])), function (props) {
+  return props.fullWidth ? '100%' : '23.75rem';
+});
+
+exports.TimelineContainer = TimelineContainer;
+
+var TimelineItemContainer = _styled.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ", "\n"])), function (props) {
+  return props.theme.position !== 'alternate' ? props.theme.position : 'row';
+}, function (props) {
+  return props.theme.position === 'alternate' && "\n    &:nth-of-type(even) {\n      flex-direction: row-reverse;\n    }\n  ";
+});
+
+exports.TimelineItemContainer = TimelineItemContainer;
+
+var TimelineSeparatorContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  min-width: 66px;\n"])));
+
+exports.TimelineSeparatorContainer = TimelineSeparatorContainer;
+
+var TimelineSeparatorLine = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 66px;\n  width: 2px;\n  background-color: ", ";\n"])), function (props) {
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.neutral1;
+});
+
+exports.TimelineSeparatorLine = TimelineSeparatorLine;
+
+var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  background-color: ", ";\n\n  & svg {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.icon ? '10px' : '4px';
+}, function (props) {
+  return (0, _getColorValue.getColorValue)(props.circleColor || (props.theme.colorMode === 'dark' ? 'neutral.neutral5' : 'neutral.neutral1'), props.theme);
+}, function (props) {
+  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
+});
+
+exports.TimelineSeparatorCircle = TimelineSeparatorCircle;
+
+var TimelineItemContent = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.25rem;\n  flex: 1;\n\n  & p {\n    margin: 0;\n  }\n"])));
+
+exports.TimelineItemContent = TimelineItemContent;

package/dist/components/Timeline/timeline.test.d.ts

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

package/dist/components/Timeline/timeline.test.d.ts.map

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

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

@@ -0,0 +1,123 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _ = require(".");
+
+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()
+    })))),
+        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()
+    })))),
+        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()
+    })))),
+        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"
+      })
+    }), /*#__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()
+    })))),
+        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()
+    })))),
+        container = _render6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
+    position?: 'left' | 'right' | 'alternate';
+    fullWidth?: boolean;
+};
+export declare type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description: string;
+    date?: Date;
+};
+export declare type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
+    icon?: ReactNode;
+    circleColor?: GlobalColorsProps | (string & {});
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        position?: 'left' | 'right' | 'alternate';
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,cAAc,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,oBAAY,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjD,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;KAC3C,CAAC;CACH,CAAC"}

package/dist/components/Timeline/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Toast/button-example.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IToastConfig } from './types';
+declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
+    buttonText?: String | undefined;
+}) => JSX.Element;
+export default ToastButtonExample;
+//# sourceMappingURL=button-example.d.ts.map

package/dist/components/Toast/button-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-example.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/button-example.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAuBvC,QAAA,MAAM,kBAAkB;;iBAQvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _useToast = _interopRequireDefault(require("./hooks/useToast"));
+
+var _excluded = ["buttonText"];
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Button = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 1rem;\n  border-radius: 8px;\n  background-color: #f5f5f5;\n  border: 1px solid #e3e3e3;\n  font-size: 1rem;\n  font-weight: bold;\n  color: #333;\n  cursor: pointer;\n\n  transition: all 0.2s ease;\n\n  &:hover {\n    background-color: #e3e3e3;\n  }\n\n  &:active {\n    background-color: #d6d6d6;\n  }\n"])));
+
+var ToastButtonExample = function ToastButtonExample(_ref) {
+  var buttonText = _ref.buttonText,
+      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'));
+};
+
+var _default = ToastButtonExample;
+exports.default = _default;

package/dist/components/Toast/components/Toast.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Toast as IToastProps } from '../types';
+declare const Toast: FC<IToastProps>;
+export default Toast;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,CA2E1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _framerMotion = require("framer-motion");
+
+var _Alert = _interopRequireDefault(require("../../Alert"));
+
+var _styles = require("../styles");
+
+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; }
+
+var Toast = function Toast(_ref) {
+  var type = _ref.type,
+      close = _ref.close,
+      duration = _ref.duration,
+      message = _ref.message,
+      id = _ref.toastId,
+      buttonTitle = _ref.buttonTitle,
+      onButtonClick = _ref.onButtonClick,
+      title = _ref.title,
+      position = _ref.position;
+  (0, _react.useEffect)(function () {
+    var timer = setTimeout(function () {
+      close(id);
+    }, duration);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [duration, close, id]);
+
+  function handleCloseButtonClick() {
+    close(id);
+  }
+
+  var toastAnimationVariants = {
+    initial: function initial() {
+      var _ref2;
+
+      var positionDirection = ['top', 'bottom'].includes(position) ? 'y' : 'x';
+      var translateValue = position.indexOf('top') !== -1 ? position.indexOf('left') !== -1 ? -30 : 30 : position.indexOf('left') !== -1 ? -30 : 30;
+      return _ref2 = {}, _defineProperty(_ref2, positionDirection, translateValue), _defineProperty(_ref2, "opacity", 0), _ref2;
+    },
+    visible: {
+      opacity: 1,
+      y: 0,
+      x: 0
+    },
+    hidden: {
+      opacity: 0,
+      scale: 0.8
+    }
+  };
+  return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
+    layout: true,
+    variants: toastAnimationVariants,
+    initial: "initial",
+    animate: "visible",
+    exit: "hidden",
+    transition: {
+      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
+  })));
+};
+
+var _default = Toast;
+exports.default = _default;

package/dist/components/Toast/contexts/ToastProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ToastProviderProps } from '../types';
+export declare const ToastContext: import("react").Context<ToastProviderProps>;
+declare const ToastProvider: FC;
+export default ToastProvider;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Toast/contexts/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGjE,OAAO,EAA4B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,6CAA0C,CAAC;AAEpE,QAAA,MAAM,aAAa,EAAE,EAiCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ToastContext = void 0;
+
+var _react = require("react");
+
+var _ = _interopRequireDefault(require(".."));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ToastContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.ToastContext = ToastContext;
+
+var ToastProvider = function ToastProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      toasts = _useState2[0],
+      setToasts = _useState2[1];
+
+  var addToast = function addToast(options) {
+    var toastOptions = {
+      config: _objectSpread(_objectSpread({}, options), {}, {
+        duration: options.duration || 5000,
+        type: options.type || 'default',
+        position: options.position || 'bottom'
+      }),
+      id: Math.random().toString(36).substring(2, 9)
+    };
+    setToasts([].concat(_toConsumableArray(toasts), [toastOptions]));
+  };
+
+  var remoteToast = (0, _react.useCallback)(function (id) {
+    setToasts(function (prevState) {
+      var _filterToast$0$config, _filterToast$0$config2;
+
+      var filterToast = prevState.filter(function (toast) {
+        return toast.id === id;
+      });
+      (_filterToast$0$config = (_filterToast$0$config2 = filterToast[0].config).onClose) === null || _filterToast$0$config === void 0 ? void 0 : _filterToast$0$config.call(_filterToast$0$config2, id);
+      return prevState.filter(function (toast) {
+        return toast.id !== id;
+      });
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+    value: {
+      add: addToast,
+      remove: remoteToast,
+      toasts: toasts
+    }
+  }, children, /*#__PURE__*/React.createElement(_.default, null));
+};
+
+var _default = ToastProvider;
+exports.default = _default;

package/dist/components/Toast/hooks/useToast.d.ts

@@ -0,0 +1,3 @@
+declare const useToast: () => (options: import("../types").IToastConfig) => void;
+export default useToast;
+//# sourceMappingURL=useToast.d.ts.map

package/dist/components/Toast/hooks/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks/useToast.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,QAAQ,0DAQb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Toast/hooks/useToast.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _ToastProvider = require("../contexts/ToastProvider");
+
+var useToast = function useToast() {
+  var _useContext = (0, _react.useContext)(_ToastProvider.ToastContext),
+      add = _useContext.add;
+
+  if (!add) {
+    throw new Error('useToast must be used within ToastProvider');
+  }
+
+  return add;
+};
+
+var _default = useToast;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const ToastContainer: () => JSX.Element;
+export default ToastContainer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";AAcA,QAAA,MAAM,cAAc,mBAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}