@pedidopago/ui 1.3.29 → 1.4.2

package/dist/components/Tag/tag.test.d.ts

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

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

@@ -1,10 +1,10 @@
-import { IconName } from '../Icon/types';
-export interface ITagProps {
-    label: string;
-    fillColor?: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    size?: 'sm' | 'md' | 'lg';
-    onClick?: () => void;
-}
+import { IconName } from '../Icon/types';
+export interface ITagProps {
+    label: string;
+    fillColor?: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    size?: 'sm' | 'md' | 'lg';
+    onClick?: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ITextAreaInputProps } from './types';
-declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextAreaInput;
+/// <reference types="react" />
+import { ITextAreaInputProps } from './types';
+declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextAreaInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyledTextAreaInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const TextArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledTextAreaInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const TextArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/TextAreaInput/text-area-input.test.d.ts

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

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

@@ -1,27 +1,27 @@
-import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
-export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
-export declare type formRegister = {
-    onChange: ChangeEventHandler<HTMLTextAreaElement>;
-    onBlur: ChangeEventHandler;
-    ref: Ref<any>;
-    name: string;
-};
-export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
-    isDisabled?: boolean;
-    alert?: AlertOptions;
-    isInvalid?: boolean;
-    label?: string;
-    helperText?: string;
-    maxWidth?: number | string;
-    height?: number | string;
-    formRegister?: formRegister;
-}
-export declare type IStyledTextAreaInput = {
-    hasValueOnInput?: boolean;
-    height?: number | string;
-    maxWidth?: number | string;
-    isLoading?: boolean;
-    isInvalid?: boolean;
-    alert?: AlertOptions;
-};
+import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
+export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
+export declare type formRegister = {
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur: ChangeEventHandler;
+    ref: Ref<any>;
+    name: string;
+};
+export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
+    isDisabled?: boolean;
+    alert?: AlertOptions;
+    isInvalid?: boolean;
+    label?: string;
+    helperText?: string;
+    maxWidth?: number | string;
+    height?: number | string;
+    formRegister?: formRegister;
+}
+export declare type IStyledTextAreaInput = {
+    hasValueOnInput?: boolean;
+    height?: number | string;
+    maxWidth?: number | string;
+    isLoading?: boolean;
+    isInvalid?: boolean;
+    alert?: AlertOptions;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IThumbnailProps } from './types';
-export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
+/// <reference types="react" />
+import { IThumbnailProps } from './types';
+export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,43 +1,43 @@
-/// <reference types="react" />
-import { IStyledThumbnail } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const InputRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledThumbnail } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const InputRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Thumbnail/thumbnail.test.d.ts

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

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

@@ -1,29 +1,29 @@
-import { ChangeEvent } from 'react';
-export interface IThumbnailProps {
-    src?: string;
-    alt?: string;
-    isUploading?: boolean;
-    maxAllowedSize?: number;
-    color?: string;
-    size?: 'sm' | 'md' | 'lg';
-    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
-    getThumbImage?: (file: File) => void;
-}
-export declare type ImageState = {
-    preview: string;
-    alt?: string;
-};
-export interface IStyledThumbnail {
-    selectedColor?: string;
-    darkerGray?: string;
-    darkGray?: string;
-    grayColor?: string;
-    borderGray?: string;
-    showRadio?: boolean;
-    toBeSelected?: boolean;
-    size?: string;
-    sizeImage?: string;
-    isFileInput?: boolean;
-    textColor?: string;
-}
+import { ChangeEvent } from 'react';
+export interface IThumbnailProps {
+    src?: string;
+    alt?: string;
+    isUploading?: boolean;
+    maxAllowedSize?: number;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
+    getThumbImage?: (file: File) => void;
+}
+export declare type ImageState = {
+    preview: string;
+    alt?: string;
+};
+export interface IStyledThumbnail {
+    selectedColor?: string;
+    darkerGray?: string;
+    darkGray?: string;
+    grayColor?: string;
+    borderGray?: string;
+    showRadio?: boolean;
+    toBeSelected?: boolean;
+    size?: string;
+    sizeImage?: string;
+    isFileInput?: boolean;
+    textColor?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Thumbnail/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './validate-file-size';
-export * from './validate-file-type';
+export * from './validate-file-size';
+export * from './validate-file-type';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-size.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
+export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
 //# sourceMappingURL=validate-file-size.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-type.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileType(fileName: string): boolean;
+export declare function isValidFileType(fileName: string): boolean;
 //# sourceMappingURL=validate-file-type.d.ts.map

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITimelineProps } from '../types';
-export declare const Timeline: FC<ITimelineProps>;
+import { FC } from 'react';
+import { ITimelineProps } from '../types';
+export declare const Timeline: FC<ITimelineProps>;
 //# sourceMappingURL=Timeline.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineContentProps } from '../types';
-export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineContentProps } from '../types';
+export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
 //# sourceMappingURL=TimelineContent.d.ts.map

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

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
+import { FC, HTMLAttributes } from 'react';
+export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
 //# sourceMappingURL=TimelineItem.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineSeparatorProps } from '../types';
-export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+/// <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/index.d.ts

@@ -1,5 +1,5 @@
-export { Timeline } from './components/Timeline';
-export { TimelineItem } from './components/TimelineItem';
-export { TimelineSeparator } from './components/TimelineSeparator';
-export { TimelineContent } from './components/TimelineContent';
+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/styles.d.ts

@@ -1,32 +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>, {}>;
+/// <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/timeline.test.d.ts

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

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

@@ -1,21 +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';
-    };
-};
+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/Toast/button-example.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IToastConfig } from './types';
-declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
-    buttonText?: String | undefined;
-}) => JSX.Element;
-export default ToastButtonExample;
+/// <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/components/Toast.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { Toast as IToastProps } from '../types';
-declare const Toast: FC<IToastProps>;
-export default Toast;
+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/contexts/ToastProvider.d.ts

@@ -1,6 +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;
+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

@@ -1 +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,EAmCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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,EAqCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -65,12 +65,16 @@ var ToastProvider = function ToastProvider(_ref) {
   }, []);
   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);
+
+      if (filterToast[0]) {
+        var _filterToast$0$config, _filterToast$0$config2;
+
+        (_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;
       });

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

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";AAeA,QAAA,MAAM,cAAc,mBAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Toast/index.js

@@ -11,6 +11,8 @@ var _framerMotion = require("framer-motion");
 
 var _Toast = _interopRequireDefault(require("./components/Toast"));
 
+var _ReactPortal = require("../ReactPortal");
+
 var _ToastProvider = require("./contexts/ToastProvider");
 
 var _styles = require("./styles");
@@ -30,7 +32,8 @@ var ToastContainer = function ToastContainer() {
       toasts = _useContext.toasts,
       remove = _useContext.remove;
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
+    wrapperId: "toast-root",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledToastContainerOverlay, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastManagerOverlay, {
         position: "top",