@smart-factor/gem-ui-components 0.0.1

package/dist/components/FormComponents/SearchInput/SearchInput.stories.d.ts

@@ -0,0 +1,9 @@
+import { SearchInput } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;
+export declare const Loading: Story;
+export declare const WithSearchTerm: Story;

package/dist/components/FormComponents/SearchInput/SearchInput.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledInput: import('@emotion/styled').StyledComponent<import('@mui/material').InputProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/FormComponents/Select/Select.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { Control, FieldValues, Path, PathValue } from 'react-hook-form';
+import { SelectChangeEvent, SelectProps as MuiSelectProps } from '@mui/material';
+
+export interface SelectValueOption {
+    value: string | number;
+    label: ReactNode;
+    disabled?: boolean;
+}
+type OnChangeHandler<T> = (event: SelectChangeEvent<PathValue<T, Path<T>>[]>, child: ReactNode) => void;
+interface SelectProps<T extends FieldValues> {
+    name: Path<T>;
+    control: Control<T>;
+    label: string;
+    options: SelectValueOption[];
+    defaultValue?: PathValue<T, Path<T>>;
+    errorMessage?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    dataTestId?: string;
+    leadingOption?: ReactNode;
+    renderValue?: (value: PathValue<T, Path<T>> | PathValue<T, Path<T>>[]) => ReactNode;
+    onChange?: OnChangeHandler<T>;
+    variant?: MuiSelectProps['variant'];
+    size?: MuiSelectProps['size'];
+}
+export declare const Select: <T extends FieldValues>({ name, control, label, defaultValue: defaultValueProp, options, errorMessage: errorMessageProps, multiple, disabled, required, dataTestId, renderValue, onChange: onChangeProps, variant, size, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormComponents/Select/Select.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './Select';
+
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const WithDefaultValue: Story;
+export declare const MultiSelect: Story;

package/dist/components/FormComponents/Select/Select.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledSelectWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').FormControlOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "disabled" | "sx" | "color" | "margin" | "required" | "size" | "fullWidth" | "variant" | "error" | "focused" | "hiddenLabel"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

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

@@ -0,0 +1,8 @@
+export { ContextualSearch } from './ContextualSearch';
+export { DatePicker } from './DatePicker/DatePicker';
+export { DateTimePicker } from './DateTimePicker/DateTimePicker';
+export { Input } from './Input/Input';
+export { RadioChips } from './RadioChips/RadioChips';
+export { SearchInput } from './SearchInput/SearchInput';
+export type { SelectValueOption } from './Select/Select';
+export { Select } from './Select/Select';

package/dist/components/LoadingBackdrop/LoadingBackdrop.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { BackdropProps as MuiBackdropProps } from '@mui/material';
+
+export type LoadingBackdropProps = MuiBackdropProps & {
+    size?: number;
+};
+export declare const LoadingBackdrop: FC<LoadingBackdropProps>;

package/dist/components/LoadingBackdrop/LoadingBackdrop.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LoadingBackdrop } from './LoadingBackdrop';
+
+declare const meta: Meta<typeof LoadingBackdrop>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

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

@@ -0,0 +1 @@
+export { LoadingBackdrop } from './LoadingBackdrop';

package/dist/components/ResizableWrapper/ResizableWrapper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ResizableWrapperProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    customCloseWidth?: number;
+    customCloseHeight?: number;
+    direction: 'horizontal' | 'vertical';
+}
+export declare const ResizableWrapper: ({ direction, children, isOpen, customCloseWidth, customCloseHeight, }: ResizableWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ResizableWrapper/ResizableWrapper.stories.d.ts

@@ -0,0 +1,7 @@
+import { ResizableWrapper } from './ResizableWrapper';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof ResizableWrapper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledResizableWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    width: number | string;
+    height: number | string;
+}, {}, {}>;

package/dist/components/SimpleInput/SimpleInput.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material';
+import { SelectInputProps } from '@mui/material/Select/SelectInput';
+
+export type SimpleInputProps<T extends SelectInputProps['value']> = {
+    value: T;
+    onChange(newValue: T): void;
+    errorMessage?: string | null;
+} & TextFieldProps;
+export declare const SimpleInput: <T extends unknown>({ id, value, label, onChange, type, sx, errorMessage, }: SimpleInputProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SimpleInput/SimpleInput.stories.d.ts

@@ -0,0 +1,7 @@
+import { SimpleInput, SimpleInputProps } from './SimpleInput';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof SimpleInput>;
+export default meta;
+type Story = StoryObj<SimpleInputProps<string>>;
+export declare const Docs: Story;

package/dist/components/SimpleSelect/SimpleSelect.d.ts

@@ -0,0 +1,13 @@
+import { SelectInputProps } from '@mui/material/Select/SelectInput';
+
+export interface SimpleSelectProps<T extends SelectInputProps['value']> {
+    id: string;
+    value: T;
+    onChange(newValue: T): void;
+    label: string;
+    menuItems: {
+        value: string | number;
+        label: string;
+    }[];
+}
+export declare const SimpleSelect: <T extends unknown>({ id, value, label, onChange, menuItems, }: SimpleSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SimpleSelect/SimpleSelect.stories.d.ts

@@ -0,0 +1,7 @@
+import { SimpleSelect, SimpleSelectProps } from './SimpleSelect';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof SimpleSelect>;
+export default meta;
+type Story = StoryObj<SimpleSelectProps<string>>;
+export declare const Docs: Story;

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface StepperStep<T> {
+    label: string;
+    value: T;
+}
+export interface StepperProps<T extends number> {
+    steps: StepperStep<T>[];
+    activeStep: T;
+    setActiveStep: (newStep: T) => void;
+    stepsContent?: React.ReactNode[];
+    noHeader?: boolean;
+}
+export declare const Stepper: <T extends number>({ steps, activeStep, setActiveStep, stepsContent, noHeader, }: StepperProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,7 @@
+import { Stepper } from './Stepper';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledStepButton: import('@emotion/styled').StyledComponent<import('@mui/material').StepButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "icon" | "optional"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledStepper: import('@emotion/styled').StyledComponent<import('@mui/material').StepperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "orientation" | "variant" | "square" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    noHeader?: boolean | undefined;
+}, {}, {}>;

package/dist/components/StickyContainer/StickyContainer.d.ts

@@ -0,0 +1,7 @@
+import { StackProps } from '@mui/material';
+
+export interface StickyContainerProps extends StackProps {
+    children: React.ReactNode;
+    withBoxShadow?: boolean;
+}
+export declare function StickyContainer({ children, top, withBoxShadow, ...rest }: StickyContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StickyContainer/StickyContainer.stories.d.ts

@@ -0,0 +1,7 @@
+import { StickyContainer } from './StickyContainer';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof StickyContainer>;
+export default meta;
+type Story = StoryObj<typeof StickyContainer>;
+export declare const Docs: Story;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledStickyContainer: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    withBoxShadow?: boolean | undefined;
+    isScrolled: boolean;
+}, {}, {}>;

package/dist/components/TableComponents/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,6 @@
+import { MenuProps as MuiMenuProps } from '@mui/material';
+
+export type MenuProps = MuiMenuProps & {
+    onClose: () => void;
+};
+export declare const ContextMenu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableComponents/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,7 @@
+import { ContextMenu } from './ContextMenu';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof ContextMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

package/dist/components/TableComponents/ContextMenu/ContextMenu.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledMenu: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/TableComponents/ContextMenu/ContextMenuContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Value = {
+    onClose: () => void;
+} | null;
+export declare const ContextMenuPropsContext: import('react').Context<Value>;
+export declare const useContextMenuProps: () => Value;
+export {};

package/dist/components/TableComponents/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { MenuItemProps } from '@mui/material';
+
+type ContextMenuItemLinkProps = MenuItemProps & {
+    to: string;
+};
+type ContextMenuItemProps = MenuItemProps | ContextMenuItemLinkProps;
+export declare function ContextMenuItem(props: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TableComponents/ContextMenu/ContextMenuPropsContext/ContextMenuPropsContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Value = {
+    onClose: () => void;
+} | null;
+export declare const ContextMenuPropsContext: import('react').Context<Value>;
+export {};

package/dist/components/TableComponents/ContextMenu/ContextMenuPropsContext/useContextMenuProps.d.ts

@@ -0,0 +1,3 @@
+export declare const useContextMenuProps: () => {
+    onClose: () => void;
+} | null;

package/dist/components/TableComponents/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenu } from './ContextMenu';
+export { ContextMenuItem } from './ContextMenuItem';

package/dist/components/TableComponents/TableActions/TableActions.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+export interface TableActionsProps {
+    onEdit?: () => void;
+    onDelete?: () => void;
+}
+export declare const TableActions: FC<TableActionsProps>;

package/dist/components/TableComponents/TableActions/TableActions.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TableActions } from './TableActions';
+
+declare const meta: Meta<typeof TableActions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

package/dist/components/TableComponents/TableActions/index.d.ts

@@ -0,0 +1,2 @@
+export type { TableActionsProps } from './TableActions';
+export { TableActions } from './TableActions';

package/dist/components/TableComponents/TableRecord/TableRecord.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+
+interface Props {
+    children: ReactNode;
+    loading?: boolean;
+}
+export declare const TableRecord: FC<Props>;
+export {};

package/dist/components/TableComponents/TableRecord/index.d.ts

@@ -0,0 +1 @@
+export { TableRecord } from './TableRecord';

package/dist/components/TableComponents/TableWithPagination/TableWithPagination.d.ts

@@ -0,0 +1,4 @@
+import { GridValidRowModel } from '@mui/x-data-grid-pro';
+import { TableWithPaginationProps } from './types';
+
+export declare const TableWithPagination: <T extends GridValidRowModel>({ rowsData, paginationAndSortState, setPaginationAndSortState, isLoading, columns, offset, tableKey, filterModel, onFilterModelChange, pinnedColumns, }: TableWithPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableComponents/TableWithPagination/TableWithPagination.stories.d.ts

@@ -0,0 +1,12 @@
+import { GridValidRowModel } from '@mui/x-data-grid-pro';
+import { Meta, StoryObj } from '@storybook/react';
+import { TableWithPagination } from './TableWithPagination';
+import { TableWithPaginationProps } from './types';
+
+declare const meta: Meta<typeof TableWithPagination>;
+export default meta;
+type Story = StoryObj<TableWithPaginationProps<GridValidRowModel>>;
+export declare const Docs: Story;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;

package/dist/components/TableComponents/TableWithPagination/TableWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface Props {
+    children: ReactNode;
+    offset?: number;
+}
+export declare const TableWrapper: ({ offset, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TableComponents/TableWithPagination/types.d.ts

@@ -0,0 +1,51 @@
+import { Dispatch, SetStateAction } from 'react';
+import { GridCallbackDetails, GridColDef, GridColumnPinningState, GridFilterModel, GridValidRowModel } from '@mui/x-data-grid-pro';
+
+interface SortState {
+    field: string;
+    direction: 'asc' | 'desc' | '';
+}
+export interface PaginationAndSortState {
+    page: number;
+    size: number;
+    sort: SortState;
+}
+export interface SortObject {
+    sorted?: boolean;
+    unsorted?: boolean;
+    empty?: boolean;
+}
+export interface PageableObject {
+    offset?: number;
+    sort?: SortObject;
+    pageSize?: number;
+    pageNumber?: number;
+    paged?: boolean;
+    unpaged?: boolean;
+}
+export interface GenericPageDataDto<T> {
+    total_elements?: number;
+    total_pages?: number;
+    size?: number;
+    content?: T[];
+    number?: number;
+    sort?: SortObject;
+    pageable?: PageableObject;
+    first?: boolean;
+    last?: boolean;
+    number_of_elements?: number;
+    empty?: boolean;
+}
+export interface TableWithPaginationProps<T extends GridValidRowModel> {
+    rowsData: GenericPageDataDto<T> | undefined;
+    isLoading: boolean;
+    columns: GridColDef<T>[];
+    tableKey: string;
+    offset?: number;
+    pinnedColumns?: GridColumnPinningState;
+    paginationAndSortState: PaginationAndSortState;
+    setPaginationAndSortState: Dispatch<SetStateAction<PaginationAndSortState>>;
+    filterModel?: GridFilterModel;
+    onFilterModelChange?: (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => void;
+}
+export {};

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

@@ -0,0 +1,4 @@
+export { ContextMenu, ContextMenuItem } from './ContextMenu';
+export { TableActions } from './TableActions/TableActions';
+export { TableRecord } from './TableRecord/TableRecord';
+export { TableWithPagination } from './TableWithPagination/TableWithPagination';

package/dist/components/TabsPanel/TabsPanel.d.ts

@@ -0,0 +1,14 @@
+import { TabProps as TabPropsMUI } from '@mui/material';
+
+export interface TabProps extends TabPropsMUI {
+    label: string;
+    icon?: JSX.Element;
+}
+export interface TabsPanelProps {
+    tabs: TabProps[];
+    children: JSX.Element[];
+    onChange?: (value: number) => void;
+    defaultTab?: number;
+    extraComponent?: JSX.Element;
+}
+export declare const TabsPanel: ({ tabs, children, onChange, defaultTab, extraComponent, }: TabsPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TabsPanel/TabsPanel.stories.d.ts

@@ -0,0 +1,7 @@
+import { TabsPanel } from './TabsPanel';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof TabsPanel>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Docs: Story;

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

@@ -0,0 +1,8 @@
+import { TabProps } from './TabsPanel';
+
+export declare const StyledTab: import('@emotion/styled').StyledComponent<TabProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledTabs: import('@emotion/styled').StyledComponent<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "children" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "variant" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Error: Story;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledToastMessage: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledToastClose: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ToastWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    type: 'success' | 'error';
+}, {}, {}>;

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

@@ -0,0 +1,4 @@
+export declare function ToastContent({ message, id }: {
+    message: string;
+    id: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const errorToast: (message: string) => void;

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

@@ -0,0 +1,2 @@
+export { errorToast } from './errorToast';
+export { successToast } from './successToast';

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

@@ -0,0 +1 @@
+export declare const successToast: (message: string) => void;