@pedidopago/ui 1.0.6

package/dist/components/Toast/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _framerMotion = require("framer-motion");
+
+var _Toast = _interopRequireDefault(require("./components/Toast"));
+
+var _ToastProvider = require("./contexts/ToastProvider");
+
+var _styles = require("./styles");
+
+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); }
+
+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));
+  }))))));
+};
+
+var _default = ToastContainer;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledToastContainerOverlay: 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 StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastManagerInner: 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 StyledToastComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,2BAA2B;;;yGAEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;cAExB,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ;yGAwDzF,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;8HASnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;yGAMhC,CAAC"}

package/dist/components/Toast/styles.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledToastManagerOverlay = exports.StyledToastManagerInner = exports.StyledToastContainerOverlay = exports.StyledToastComponent = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 StyledToastContainerOverlay = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-wrap: break-word;\n"])));
+
+exports.StyledToastContainerOverlay = StyledToastContainerOverlay;
+
+var StyledToastManagerOverlay = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: fixed;\n  pointer-events: none;\n  width: 100%;\n  height: 100%;\n  z-index: ", ";\n  top: 0;\n  left: 0;\n\n  & > div {\n    ", "\n\n    ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.zIndex.level24;
+}, function (props) {
+  return props.position === 'top' && "\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  ";
+}, function (props) {
+  return props.position === 'top-left' && "\n    top: 0;\n    left: 0;\n  ";
+}, function (props) {
+  return props.position === 'top-right' && "\n    top: 0;\n    right: 0;\n  ";
+}, function (props) {
+  return props.position === 'bottom-left' && "\n    bottom: 0;\n    left: 0;\n  ";
+}, function (props) {
+  return props.position === 'bottom-right' && "\n    bottom: 0;\n    right: 0;\n  ";
+}, function (props) {
+  return props.position === 'bottom' && "\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  ";
+});
+
+exports.StyledToastManagerOverlay = StyledToastManagerOverlay;
+
+var StyledToastManagerInner = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  pointer-events: none;\n  z-index: ", ";\n  padding: 1.5rem;\n  width: 400px;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.zIndex.level48;
+});
+
+exports.StyledToastManagerInner = StyledToastManagerInner;
+
+var StyledToastComponent = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  user-select: none;\n  pointer-events: auto;\n"])));
+
+exports.StyledToastComponent = StyledToastComponent;

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

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

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

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

package/dist/components/Toast/toast.test.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _buttonExample = _interopRequireDefault(require("./button-example"));
+
+var _ToastProvider = _interopRequireDefault(require("./contexts/ToastProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var setup = function setup(props) {
+  return (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ToastProvider.default, null, /*#__PURE__*/React.createElement(_buttonExample.default, props)));
+};
+
+describe('Toast', function () {
+  it('should it render the toast on the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'top'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top-left of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'top-left'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top-right of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'top-right'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'bottom'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom-left of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'bottom-left'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom-right of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      position: 'bottom-right'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on the screen and close it by alert close button', function () {
+    var _container$baseElemen;
+
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success'
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen === void 0 ? void 0 : _container$baseElemen.click();
+    setTimeout(function () {
+      expect(container.getByText('Toast Title')).not.toBeInTheDocument();
+    }, 500);
+  });
+  it('should it call the callback provided in onClose prop', function () {
+    var _container$baseElemen2;
+
+    var onClose = jest.fn();
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      onClose: onClose
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen2 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen2 === void 0 ? void 0 : _container$baseElemen2.click();
+    expect(onClose).toHaveBeenCalled();
+  });
+  it('should it call the callback provided in onClose prop and pass the id', function () {
+    var _container$baseElemen3;
+
+    var onClose = jest.fn();
+    var container = setup({
+      title: 'Toast Title',
+      message: 'Toast Message',
+      type: 'success',
+      onClose: onClose
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen3 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen3 === void 0 ? void 0 : _container$baseElemen3.click();
+    expect(onClose).toHaveBeenCalledWith(expect.any(String));
+  });
+});

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

@@ -0,0 +1,34 @@
+export declare type IToastConfig = {
+    title: string;
+    message: string;
+    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
+    buttonTitle?: string;
+    onButtonClick?: () => void;
+    duration?: number;
+    onClose?: (id: string) => void;
+};
+export declare type IToastConfigOnList = {
+    title: string;
+    message: string;
+    position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+    type: 'default' | 'success' | 'warning' | 'error' | 'critical';
+    buttonTitle?: string;
+    onButtonClick?: () => void;
+    duration: number;
+    onClose?: (id: string) => void;
+};
+export declare type IToastList = {
+    id: string;
+    config: IToastConfigOnList;
+};
+export declare type Toast = IToastConfigOnList & {
+    toastId: string;
+    close: (id: string) => void;
+};
+export declare type ToastProviderProps = {
+    add: (options: IToastConfig) => void;
+    remove: (id: string) => void;
+    toasts: IToastList[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC;IACvF,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAEF,oBAAY,KAAK,GAAG,kBAAkB,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC"}

package/dist/components/Toast/types.js

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

package/dist/components/Tooltip/componenteTeste.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ExtendThemeProps } from 'src';
+export declare function TesteComponent({ theme }: {
+    theme: ExtendThemeProps;
+}): JSX.Element;
+export declare function ComponentTeste(): JSX.Element;
+//# sourceMappingURL=componenteTeste.d.ts.map

package/dist/components/Tooltip/componenteTeste.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componenteTeste.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/componenteTeste.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvC,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE,eAuBpE;AAED,wBAAgB,cAAc,gBAM7B"}

package/dist/components/Tooltip/componenteTeste.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentTeste = ComponentTeste;
+exports.TesteComponent = TesteComponent;
+
+var _Input = _interopRequireDefault(require("../Input"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function TesteComponent(_ref) {
+  var theme = _ref.theme;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 10,
+      width: 200,
+      color: 'white'
+    }
+  }, /*#__PURE__*/React.createElement("p", null, "Estat\xEDsticas das transa\xE7\xF5es \xE9 dividida em duas partes:"), /*#__PURE__*/React.createElement("h3", {
+    style: {
+      color: theme.colors.primary.default
+    }
+  }, "\xCDndice de convers\xE3o"), /*#__PURE__*/React.createElement("p", null, "\xC9 a raz\xE3o entre o n\xFAmero de visitantes de uma loja e a quantidade de compras, efetivamente separadas por."), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no cr\xE9tido"), /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no pix"), /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no boleto")), /*#__PURE__*/React.createElement("h3", {
+    style: {
+      color: theme.colors.primary.default
+    }
+  }, "Forma de pagamento"), /*#__PURE__*/React.createElement("p", null, "Trata-se apenas das porcentagens entre:"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no cr\xE9tido"), /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no pix"), /*#__PURE__*/React.createElement("li", null, "Convers\xE3o no boleto")));
+}
+
+function ComponentTeste() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '0 auto',
+      width: 200
+    }
+  }, /*#__PURE__*/React.createElement(_Input.default, null));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAetC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,WAAW,CAyE5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tooltip/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _theme = require("../../shared/theme");
+
+var _styles = require("./styles");
+
+var _componenteTeste = require("./componenteTeste");
+
+var _framerMotion = require("framer-motion");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _excluded = ["position", "heightToExpand", "maxWidth", "label", "labelColor", "expandable", "hasArrow", "isOpen", "isExpanded", "animationDuration", "backgroundColor", "width", "children"];
+
+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 = 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; }
+
+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 Tooltip = function Tooltip(_ref) {
+  var _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'top' : _ref$position,
+      _ref$heightToExpand = _ref.heightToExpand,
+      heightToExpand = _ref$heightToExpand === void 0 ? '200px' : _ref$heightToExpand,
+      _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? '280px' : _ref$maxWidth,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Testin' : _ref$label,
+      labelColor = _ref.labelColor,
+      _ref$expandable = _ref.expandable,
+      expandable = _ref$expandable === void 0 ? false : _ref$expandable,
+      _ref$hasArrow = _ref.hasArrow,
+      hasArrow = _ref$hasArrow === void 0 ? false : _ref$hasArrow,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      _ref$isExpanded = _ref.isExpanded,
+      isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
+      _ref$animationDuratio = _ref.animationDuration,
+      animationDuration = _ref$animationDuratio === void 0 ? 1 : _ref$animationDuratio,
+      backgroundColor = _ref.backgroundColor,
+      width = _ref.width,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useTheme = (0, _theme.useTheme)(),
+      theme = _useTheme.theme;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showTooltip = _useState2[0],
+      setShowTooltip = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expanded = _useState4[0],
+      setExpanded = _useState4[1];
+
+  return /*#__PURE__*/React.createElement(_styles.TooltipComponentWrapper, {
+    hasArrow: hasArrow,
+    position: position,
+    backgroundColor: backgroundColor
+  }, /*#__PURE__*/React.createElement(_styles.TooltipTarget, {
+    onMouseEnter: function onMouseEnter() {
+      return setShowTooltip(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setShowTooltip(false);
+    },
+    "data-testid": "tooltip-target"
+  }, children || /*#__PURE__*/React.createElement(_componenteTeste.ComponentTeste, null)), /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, null, (showTooltip || isExpanded || expanded || isOpen) && /*#__PURE__*/React.createElement(_styles.MotionDiv, {
+    initial: {
+      height: expandable ? expanded ? 'max-content' : heightToExpand : '',
+      opacity: 0
+    },
+    animate: {
+      height: expandable ? expanded || isExpanded ? 'max-content' : heightToExpand : '',
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    transition: {
+      duration: animationDuration
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setExpanded(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setExpanded(false);
+    },
+    className: "TooltipArea",
+    "data-testid": "tooltip-area",
+    position: position,
+    backgroundColor: backgroundColor,
+    isLabelString: typeof label === 'string' && label.length > 0,
+    width: width,
+    maxWidth: maxWidth
+  }, /*#__PURE__*/React.createElement(_styles.TooltipWrapper, {
+    labelColor: labelColor
+  }, label || /*#__PURE__*/React.createElement(_componenteTeste.TesteComponent, {
+    theme: theme
+  })), expandable && !isExpanded && !expanded && /*#__PURE__*/React.createElement(_styles.TooltipDots, null, /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "chevron-down",
+    size: "40px",
+    color: "neutral.white"
+  })))));
+};
+
+var _default = Tooltip;
+exports.default = _default;