@foi/design-system 0.0.18 → 0.0.20

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

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { ToastBaseProps } from './Toast.interface';
+declare const Toast: FC<ToastBaseProps>;
+export default Toast;

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

@@ -0,0 +1,4 @@
+import type { ToastPosition } from './Toast.interface';
+export declare const zoneStyle: (position?: ToastPosition) => import("@emotion/utils").SerializedStyles;
+declare const itemStyle: (theme: Record<string, string>, position?: ToastPosition) => import("@emotion/utils").SerializedStyles;
+export default itemStyle;

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

@@ -0,0 +1 @@
+export declare const useToast: () => import("./Toast.interface").ToastApi;

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export interface ToastItem {
+    id: string;
+    message: ReactNode;
+    variant: string;
+    icon?: string;
+    closable?: boolean;
+    exiting?: boolean;
+}
+export interface ToastOptions {
+    variant?: string;
+    icon?: string;
+    duration?: number;
+    closable?: boolean;
+}
+export interface ToastApi {
+    push: (message: ReactNode, options?: ToastOptions) => void;
+}
+export interface ToastBaseProps {
+    message: ReactNode;
+    icon?: string;
+    style?: Record<string, string>;
+    position?: ToastPosition;
+    exiting?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastProviderProps {
+    children: ReactNode;
+    duration?: number;
+    position?: ToastPosition;
+}

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

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import type { ToastProviderProps } from './Toast.interface';
+export declare const ToastProvider: FC<ToastProviderProps>;

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

@@ -0,0 +1,3 @@
+export { ToastProvider } from './Toast.provider';
+export { useToast } from './Toast.hook';
+export type { ToastApi, ToastOptions, ToastProviderProps, ToastPosition } from './Toast.interface';

package/dist/components/organisms/DataGrid/DataGrid.interface.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EVENTS } from '@hocs/ThemeProvider/components/DataGrid';
+import type { EVENTS } from '@hocs/ThemeProvider/components/organisms/DataGrid';
 /** Determines the filter UI rendered in the column header popover. */
 export type DataGridFilterType = 'search' | 'multiselect' | 'multiselect-search';
 /** A single option entry used by `multiselect` and `multiselect-search` column filters. */
@@ -90,8 +90,8 @@ export interface DataGridStyleProps<T = Record<string, unknown>> {
      */
     onFetch: (params: DataGridFetchParams) => Promise<DataGridFetchResult<T>>;
     /** Controls how more rows are loaded when the user reaches the end of the current view.
-     * - `'pagination'` — shows a pagination bar below the table.
-     * - `'scroll'` — loads the next page automatically when the user scrolls to the bottom.
+     * - `'pagination'` — shows a pagination bar below the table.
+     * - `'scroll'` — loads the next page automatically when the user scrolls to the bottom.
      * @default 'pagination'
      */
     paginationType?: DataGridPaginationType;

package/dist/components/organisms/DataGrid/DataGridMenu/DataGridMenu.interface.d.ts

@@ -1,5 +1,5 @@
 import type { DataGridFilterType, DataGridFilterOption } from '../DataGrid.interface';
-import type { EVENTS } from '@hocs/ThemeProvider/components/DataGridMenu';
+import type { EVENTS } from '@hocs/ThemeProvider/components/organisms/DataGridMenu';
 export interface DataGridMenuStyleProps {
     /** Determines which filter UI is rendered inside the popover. */
     filterType: DataGridFilterType;

package/dist/hocs/ThemeProvider/ThemeProvider.interface.d.ts

@@ -2,6 +2,7 @@ import { type JSX } from 'react';
 import COMPONTENTS from './components';
 import { Component } from './interfaces';
 import FONTS from './fonts';
+import type { ToastPosition } from '@components/molecules/Toast';
 export interface Theme {
     name: string;
     components: COMPONTENTS;
@@ -22,8 +23,13 @@ export type ThemeNames<T extends readonly {
 }[] = readonly {
     name: string;
 }[]> = T[number]['name'];
+export interface ToastConfig {
+    position?: ToastPosition;
+    duration?: number;
+}
 export interface ThemeProviderComponent<T extends readonly Theme[] = readonly Theme[]> {
     themes: T;
     theme: ThemeNames<T>;
     children: JSX.Element;
+    toast?: ToastConfig;
 }

package/dist/hocs/ThemeProvider/components/{Button.d.ts → atoms/Button.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{Checkbox.d.ts → atoms/Checkbox.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/atoms/Chip.d.ts

@@ -0,0 +1,13 @@
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
+export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type CHIP = Record<Component.CHIP, {
+    DEFAULT: {
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/{DatePicker.d.ts → atoms/DatePicker.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.ICON_COLOR>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{DatePickerMenu.d.ts → atoms/DatePickerMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.BACKGROUND_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{IconButton.d.ts → atoms/IconButton.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{NumberField.d.ts → atoms/NumberField.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Pagination.d.ts → atoms/Pagination.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_SECONDARY>;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;

package/dist/hocs/ThemeProvider/components/{PaginationMenu.d.ts → atoms/PaginationMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS | StyleValues.BOTTOM>;
 export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Radio.d.ts → atoms/Radio.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Select.d.ts → atoms/Select.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{SelectMenu.d.ts → atoms/SelectMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS | StyleValues.TOP>;
 export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Slider.d.ts → atoms/Slider.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_SECONDARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = Pick<Styles, StyleValues.BACKGROUND_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{Switch.d.ts → atoms/Switch.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{TextField.d.ts → atoms/TextField.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/index.d.ts

@@ -1,18 +1,24 @@
-import type { BUTTON } from './Button';
-import type { TEXTFIELD } from './TextField';
-import type { NUMBERFIELD } from './NumberField';
-import type { ICONBUTTON } from './IconButton';
-import type { CHECKBOX } from './Checkbox';
-import type { SELECT } from './Select';
-import type { SELECTMENU } from './SelectMenu';
-import type { SWITCH } from './Switch';
-import type { RADIO } from './Radio';
-import type { RADIOGROUP } from './RadioGroup';
-import type { DATEPICKER } from './DatePicker';
-import type { DATEPICKERMENU } from './DatePickerMenu';
-import type { DATAGRID } from './DataGrid';
-import type { DATAGRIDMENU } from './DataGridMenu';
-import type { PAGINATION } from './Pagination';
-import type { PAGINATIONMENU } from './PaginationMenu';
-type COMPONTENTS = TEXTFIELD & NUMBERFIELD & BUTTON & ICONBUTTON & CHECKBOX & SELECT & SELECTMENU & SWITCH & RADIO & RADIOGROUP & DATEPICKER & DATEPICKERMENU & DATAGRID & DATAGRIDMENU & PAGINATION & PAGINATIONMENU;
+import type { CHIP } from './atoms/Chip';
+import type { BUTTON } from './atoms/Button';
+import type { CHECKBOX } from './atoms/Checkbox';
+import type { DATEPICKER } from './atoms/DatePicker';
+import type { DATEPICKERMENU } from './atoms/DatePickerMenu';
+import type { ICONBUTTON } from './atoms/IconButton';
+import type { NUMBERFIELD } from './atoms/NumberField';
+import type { PAGINATION } from './atoms/Pagination';
+import type { PAGINATIONMENU } from './atoms/PaginationMenu';
+import type { RADIO } from './atoms/Radio';
+import type { SELECT } from './atoms/Select';
+import type { SELECTMENU } from './atoms/SelectMenu';
+import type { SLIDER } from './atoms/Slider';
+import type { SWITCH } from './atoms/Switch';
+import type { TEXTFIELD } from './atoms/TextField';
+import type { CHECKBOXGROUP } from './molecules/CheckboxGroup';
+import type { CHECKBOXTREE } from './molecules/CheckboxTree';
+import type { MODAL } from './molecules/Modal';
+import type { RADIOGROUP } from './molecules/RadioGroup';
+import type { TOAST } from './molecules/Toast';
+import type { DATAGRID } from './organisms/DataGrid';
+import type { DATAGRIDMENU } from './organisms/DataGridMenu';
+type COMPONTENTS = CHIP & BUTTON & CHECKBOX & DATEPICKER & DATEPICKERMENU & ICONBUTTON & NUMBERFIELD & PAGINATION & PAGINATIONMENU & RADIO & SELECT & SELECTMENU & SLIDER & SWITCH & TEXTFIELD & CHECKBOXGROUP & CHECKBOXTREE & MODAL & RADIOGROUP & TOAST & DATAGRID & DATAGRIDMENU;
 export { type COMPONTENTS as default };

package/dist/hocs/ThemeProvider/components/{CheckboxGroup.d.ts → molecules/CheckboxGroup.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/{CheckboxTree.d.ts → molecules/CheckboxTree.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/{Modal.d.ts → molecules/Modal.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export interface EVENTS {

package/dist/hocs/ThemeProvider/components/{RadioGroup.d.ts → molecules/RadioGroup.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/molecules/Toast.d.ts

@@ -0,0 +1,16 @@
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
+export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.ICON_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type TOAST = Record<Component.TOAST, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/{DataGrid.d.ts → organisms/DataGrid.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{DataGridMenu.d.ts → organisms/DataGridMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/interfaces/Components.interface.d.ts

@@ -1,4 +1,5 @@
 export declare enum Component {
+    CHIP = "CHIP",
     BUTTON = "BUTTON",
     ICONBUTTON = "ICONBUTTON",
     TEXTFIELD = "TEXTFIELD",
@@ -13,6 +14,7 @@ export declare enum Component {
     DATEPICKERMENU = "DATEPICKERMENU",
     PAGINATION = "PAGINATION",
     PAGINATIONMENU = "PAGINATIONMENU",
+    TOAST = "TOAST",
     CHECKBOXGROUP = "CHECKBOXGROUP",
     CHECKBOXTREE = "CHECKBOXTREE",
     RADIOGROUP = "RADIOGROUP",

package/dist/hooks.d.ts

@@ -1,2 +1,4 @@
 export { useStateCallback } from './hooks/useStateCallback';
 export { useOnClickOutside } from './hooks/useOnClickOutside';
+export { useToast } from '@components/molecules/Toast';
+export type { ToastApi, ToastOptions } from '@components/molecules/Toast';

package/dist/hooks.mjs

@@ -1,2 +1,2 @@
-import { n as e, t } from "./useStateCallback-B4O93zzK.js";
-export { e as useOnClickOutside, t as useStateCallback };
+import { a as e, r as t, t as n } from "./Toast-k4dxCveh.js";
+export { e as useOnClickOutside, t as useStateCallback, n as useToast };

package/dist/index.d.ts

@@ -1,38 +1,41 @@
 export { default as Button } from './components/atoms/Button';
-export { default as Skeleton } from './components/atoms/Skeleton';
-export type { SkeletonProps } from './components/atoms/Skeleton';
-export { default as Icon } from './components/atoms/Icon';
 export { default as Checkbox } from './components/atoms/Checkbox';
+export { default as Chip } from './components/atoms/Chip';
 export { default as DatePicker } from './components/atoms/DatePicker';
+export { default as Icon } from './components/atoms/Icon';
 export { default as IconButton } from './components/atoms/IconButton';
-export { default as TextField } from './components/atoms/TextField';
 export { default as NumberField } from './components/atoms/NumberField';
+export { default as Pagination } from './components/atoms/Pagination';
 export { default as Radio } from './components/atoms/Radio';
 export { default as Select } from './components/atoms/Select';
+export { default as Skeleton } from './components/atoms/Skeleton';
 export { default as Slider } from './components/atoms/Slider';
 export { default as Switch } from './components/atoms/Switch';
-export { default as DataGrid } from './components/organisms/DataGrid';
-export type { DataGridProps, DataGridColumn, DataGridColumnType, DataGridFilterType, DataGridFilterOption, DataGridFilter, DataGridFetchParams, DataGridFetchResult, DataGridPaginationType, } from './components/organisms/DataGrid';
+export { default as TextField } from './components/atoms/TextField';
 export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
 export { default as CheckboxTree } from './components/molecules/CheckboxTree';
 export { default as Modal } from './components/molecules/Modal';
-export { default as Pagination } from './components/atoms/Pagination';
-export type { PaginationProps } from './components/atoms/Pagination';
 export { default as RadioGroup } from './components/molecules/RadioGroup';
+export { ToastProvider, useToast } from './components/molecules/Toast';
+export { default as DataGrid } from './components/organisms/DataGrid';
 export { default as ThemeProvider } from './hocs/ThemeProvider';
-export type { Theme } from './hocs/ThemeProvider/ThemeProvider.interface';
-export { darkTheme } from './theme';
 export type { ButtonStyleProps } from './components/atoms/Button/Button.interface';
 export type { CheckboxStyleProps } from './components/atoms/Checkbox/Checkbox.interface';
+export type { ChipStyleProps } from './components/atoms/Chip/Chip.interface';
 export type { DatePickerStyleProps } from './components/atoms/DatePicker/DatePicker.interface';
 export type { IconButtonStyleProps } from './components/atoms/IconButton/IconButton.interface';
-export type { TextFieldStyleProps } from './components/atoms/TextField/TextField.interface';
 export type { NumberFieldStyleProps } from './components/atoms/NumberField/NumberField.interface';
+export type { PaginationProps, PaginationStyleProps } from './components/atoms/Pagination/Pagination.interface';
 export type { RadioStyleProps } from './components/atoms/Radio/Radio.interface';
 export type { SelectStyleProps } from './components/atoms/Select/Select.interface';
+export type { SkeletonProps } from './components/atoms/Skeleton/Skeleton.interface';
 export type { SliderStyleProps } from './components/atoms/Slider/Slider.interface';
 export type { SwitchStyleProps } from './components/atoms/Switch/Switch.interface';
+export type { TextFieldStyleProps } from './components/atoms/TextField/TextField.interface';
 export type { CheckboxGroupStyleProps } from './components/molecules/CheckboxGroup/CheckboxGroup.interface';
 export type { CheckboxTreeStyleProps } from './components/molecules/CheckboxTree/CheckboxTree.interface';
 export type { ModalStyleProps } from './components/molecules/Modal/Modal.interface';
 export type { RadioGroupStyleProps } from './components/molecules/RadioGroup/RadioGroup.interface';
+export type { ToastApi, ToastOptions, ToastPosition, ToastProviderProps } from './components/molecules/Toast';
+export type { DataGridProps, DataGridColumn, DataGridColumnType, DataGridFilterType, DataGridFilterOption, DataGridFilter, DataGridFetchParams, DataGridFetchResult, DataGridPaginationType, DataGridSortState, } from './components/organisms/DataGrid';
+export type { Theme } from './hocs/ThemeProvider/ThemeProvider.interface';