@octoguide/mui-ui-toolkit 0.9.0 → 0.10.0

package/dist/index.d.mts

@@ -1058,6 +1058,17 @@ declare namespace Toggle {
     var displayName: string;
 }
 
+type ToastVariant = 'error' | 'warning' | 'success';
+interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    onClose?: () => void;
+    variant?: ToastVariant;
+    isVisible?: boolean;
+    /** Custom icon element. When omitted a default icon for the variant is used. */
+    icon?: React__default.ReactNode;
+    message: string;
+}
+declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
+
 type TableProps = TableProps$1;
 type TableHeadProps = TableHeadProps$1;
 type TableBodyProps = TableBodyProps$1;
@@ -1147,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
 declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
-export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
+export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };

package/dist/index.d.ts

@@ -1058,6 +1058,17 @@ declare namespace Toggle {
     var displayName: string;
 }
 
+type ToastVariant = 'error' | 'warning' | 'success';
+interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    onClose?: () => void;
+    variant?: ToastVariant;
+    isVisible?: boolean;
+    /** Custom icon element. When omitted a default icon for the variant is used. */
+    icon?: React__default.ReactNode;
+    message: string;
+}
+declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
+
 type TableProps = TableProps$1;
 type TableHeadProps = TableHeadProps$1;
 type TableBodyProps = TableBodyProps$1;
@@ -1147,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
 declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
-export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
+export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };

package/dist/index.js

@@ -103,6 +103,7 @@ __export(index_exports, {
   TextField: () => TextField,
   TimeField: () => TimeField,
   TimePicker: () => TimePicker,
+  Toast: () => Toast,
   Toggle: () => Toggle,
   ToggleButton: () => ToggleButton,
   ToggleButtonGroup: () => ToggleButtonGroup,
@@ -3909,192 +3910,315 @@ function Toggle({
 }
 Toggle.displayName = "ToolkitToggle";
 
-// src/components/Table/Table.tsx
-var import_material11 = require("@mui/material");
-var import_styles25 = require("@mui/material/styles");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var StyledTableContainer = (0, import_styles25.styled)(import_material11.TableContainer)(() => ({
-  overflowX: "auto"
-}));
-var StyledHeadCell = (0, import_styles25.styled)(import_material11.TableCell)(({ theme }) => ({
-  fontWeight: theme.tokens.components.table.headerFontWeight,
-  backgroundColor: theme.tokens.components.table.headerBackground,
-  borderBottomWidth: theme.tokens.components.table.borderWidth,
-  borderBottomColor: theme.tokens.components.table.borderColor
-}));
-function Table(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.Table, { ...props });
-}
-function TableHead(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.TableHead, { ...props });
-}
-function TableBody(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.TableBody, { ...props });
-}
-function TableRow(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.TableRow, { ...props });
-}
-function TableCell(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.TableCell, { ...props });
-}
-function TableHeadCell(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyledHeadCell, { component: "th", scope: "col", ...props });
-}
-function TableContainer(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StyledTableContainer, { ...props });
-}
-var TablePagination = import_material11.TablePagination;
-var TableSortLabel = import_material11.TableSortLabel;
-Table.displayName = "ToolkitTable";
-TableHead.displayName = "ToolkitTableHead";
-TableBody.displayName = "ToolkitTableBody";
-TableRow.displayName = "ToolkitTableRow";
-TableCell.displayName = "ToolkitTableCell";
-TableHeadCell.displayName = "ToolkitTableHeadCell";
-TableContainer.displayName = "ToolkitTableContainer";
+// src/components/Toast/Toast.tsx
+var import_react29 = __toESM(require("react"));
+var import_Check = __toESM(require("@mui/icons-material/Check"));
+var import_Close = __toESM(require("@mui/icons-material/Close"));
+var import_Info = __toESM(require("@mui/icons-material/Info"));
+var import_Warning = __toESM(require("@mui/icons-material/Warning"));
 
 // src/foundation/H1/H1.tsx
 var import_react16 = __toESM(require("react"));
-var import_material12 = require("@mui/material");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var H1 = import_react16.default.forwardRef(
   function H12({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material12.Typography, { ref, variant: "h1", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material11.Typography, { ref, variant: "h1", color, ...props, children });
   }
 );
 H1.displayName = "ToolkitH1";
 
 // src/foundation/H2/H2.tsx
 var import_react17 = __toESM(require("react"));
-var import_material13 = require("@mui/material");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_material12 = require("@mui/material");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var H2 = import_react17.default.forwardRef(
   function H22({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material13.Typography, { ref, variant: "h2", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material12.Typography, { ref, variant: "h2", color, ...props, children });
   }
 );
 H2.displayName = "ToolkitH2";
 
 // src/foundation/H3/H3.tsx
 var import_react18 = __toESM(require("react"));
-var import_material14 = require("@mui/material");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_material13 = require("@mui/material");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var H3 = import_react18.default.forwardRef(
   function H32({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material14.Typography, { ref, variant: "h3", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material13.Typography, { ref, variant: "h3", color, ...props, children });
   }
 );
 H3.displayName = "ToolkitH3";
 
 // src/foundation/H4/H4.tsx
 var import_react19 = __toESM(require("react"));
-var import_material15 = require("@mui/material");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_material14 = require("@mui/material");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var H4 = import_react19.default.forwardRef(
   function H42({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material15.Typography, { ref, variant: "h4", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material14.Typography, { ref, variant: "h4", color, ...props, children });
   }
 );
 H4.displayName = "ToolkitH4";
 
 // src/foundation/H5/H5.tsx
 var import_react20 = __toESM(require("react"));
-var import_material16 = require("@mui/material");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_material15 = require("@mui/material");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var H5 = import_react20.default.forwardRef(
   function H52({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material16.Typography, { ref, variant: "h5", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material15.Typography, { ref, variant: "h5", color, ...props, children });
   }
 );
 H5.displayName = "ToolkitH5";
 
 // src/foundation/H6/H6.tsx
 var import_react21 = __toESM(require("react"));
-var import_material17 = require("@mui/material");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_material16 = require("@mui/material");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var H6 = import_react21.default.forwardRef(
   function H62({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material17.Typography, { ref, variant: "h6", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material16.Typography, { ref, variant: "h6", color, ...props, children });
   }
 );
 H6.displayName = "ToolkitH6";
 
 // src/foundation/Subtitle1/Subtitle1.tsx
 var import_react22 = __toESM(require("react"));
-var import_material18 = require("@mui/material");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_material17 = require("@mui/material");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Subtitle1 = import_react22.default.forwardRef(
   function Subtitle12({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material18.Typography, { ref, variant: "subtitle1", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material17.Typography, { ref, variant: "subtitle1", color, ...props, children });
   }
 );
 Subtitle1.displayName = "ToolkitSubtitle1";
 
 // src/foundation/Subtitle2/Subtitle2.tsx
 var import_react23 = __toESM(require("react"));
-var import_material19 = require("@mui/material");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_material18 = require("@mui/material");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Subtitle2 = import_react23.default.forwardRef(
   function Subtitle22({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material19.Typography, { ref, variant: "subtitle2", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material18.Typography, { ref, variant: "subtitle2", color, ...props, children });
   }
 );
 Subtitle2.displayName = "ToolkitSubtitle2";
 
 // src/foundation/Body1/Body1.tsx
 var import_react24 = __toESM(require("react"));
-var import_material20 = require("@mui/material");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_material19 = require("@mui/material");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Body1 = import_react24.default.forwardRef(
   function Body12({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material20.Typography, { ref, variant: "body1", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material19.Typography, { ref, variant: "body1", color, ...props, children });
   }
 );
 Body1.displayName = "ToolkitBody1";
 
 // src/foundation/Body2/Body2.tsx
 var import_react25 = __toESM(require("react"));
-var import_material21 = require("@mui/material");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_material20 = require("@mui/material");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Body2 = import_react25.default.forwardRef(
   function Body22({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material21.Typography, { ref, variant: "body2", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material20.Typography, { ref, variant: "body2", color, ...props, children });
   }
 );
 Body2.displayName = "ToolkitBody2";
 
 // src/foundation/Caption/Caption.tsx
 var import_react26 = __toESM(require("react"));
-var import_material22 = require("@mui/material");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_material21 = require("@mui/material");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Caption = import_react26.default.forwardRef(
   function Caption2({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material22.Typography, { ref, variant: "caption", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material21.Typography, { ref, variant: "caption", color, ...props, children });
   }
 );
 Caption.displayName = "ToolkitCaption";
 
 // src/foundation/Overline/Overline.tsx
 var import_react27 = __toESM(require("react"));
-var import_material23 = require("@mui/material");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_material22 = require("@mui/material");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Overline = import_react27.default.forwardRef(
   function Overline2({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Typography, { ref, variant: "overline", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material22.Typography, { ref, variant: "overline", color, ...props, children });
   }
 );
 Overline.displayName = "ToolkitOverline";
 
 // src/foundation/TypographyButton/TypographyButton.tsx
 var import_react28 = __toESM(require("react"));
-var import_material24 = require("@mui/material");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_material23 = require("@mui/material");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var TypographyButton = import_react28.default.forwardRef(
   function TypographyButton2({ color = "text.primary", children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material24.Typography, { ref, variant: "button", color, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material23.Typography, { ref, variant: "button", color, ...props, children });
   }
 );
 TypographyButton.displayName = "ToolkitTypographyButton";
+
+// src/components/Toast/Toast.styles.tsx
+var import_styles25 = require("@mui/material/styles");
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+var StyledToastRoot = (0, import_styles25.styled)("div")(
+  ({ theme, ownerState }) => {
+    const bgMap = {
+      success: theme.tokens.colors.success,
+      warning: theme.tokens.colors.warning,
+      error: theme.tokens.colors.error
+    };
+    const colorMap = {
+      success: theme.palette.common.white,
+      warning: theme.tokens.colors.textPrimary,
+      error: theme.palette.common.white
+    };
+    return {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      zIndex: theme.tokens.zIndex.toast,
+      backgroundColor: bgMap[ownerState.variant],
+      color: colorMap[ownerState.variant],
+      WebkitFontSmoothing: "antialiased",
+      boxSizing: "border-box"
+    };
+  }
+);
+var StyledToastInner = (0, import_styles25.styled)("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: `${theme.spacing(2.25)} ${theme.spacing(7)} ${theme.spacing(2.25)} ${theme.spacing(1.25)}`,
+  [theme.breakpoints.up("md")]: {
+    maxWidth: 800,
+    padding: `${theme.spacing(2.25)} ${theme.spacing(13.75)}`,
+    margin: "0 auto",
+    justifyContent: "center"
+  }
+}));
+var StyledToastIconWrapper = (0, import_styles25.styled)("span")(({ theme }) => ({
+  display: "flex",
+  alignItems: "flex-start",
+  marginRight: theme.spacing(1.25),
+  flexShrink: 0,
+  "& svg": {
+    height: 28,
+    width: 28
+  }
+}));
+var StyledToastCloseButton = (0, import_styles25.styled)(import_IconButton.default)(({ theme, ownerState }) => ({
+  position: "absolute",
+  top: theme.spacing(1.25),
+  right: theme.spacing(1.25),
+  color: ownerState.variant === "warning" ? theme.tokens.colors.textPrimary : theme.palette.common.white,
+  fontFamily: theme.tokens.typography.fontFamilyBase,
+  fontSize: theme.tokens.typography.fontSizeLg,
+  borderRadius: theme.tokens.borderRadius.md,
+  "&:hover": {
+    backgroundColor: "rgba(0,0,0,0.08)"
+  }
+}));
+
+// src/components/Toast/Toast.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var defaultIconMap = {
+  success: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Check.default, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Info.default, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Warning.default, {})
+};
+var roleMap = {
+  success: void 0,
+  warning: "alert",
+  error: "alert"
+};
+var Toast = import_react29.default.forwardRef(
+  ({
+    onClose,
+    variant = "success",
+    isVisible = false,
+    icon,
+    message,
+    className,
+    ...restProps
+  }, ref) => {
+    if (!isVisible) return null;
+    const ownerState = { variant };
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      StyledToastRoot,
+      {
+        ownerState,
+        ref,
+        className,
+        role: roleMap[variant],
+        ...getCleanProps(restProps),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(StyledToastInner, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StyledToastIconWrapper, { "aria-hidden": "true", children: icon ?? defaultIconMap[variant] }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Body1, { component: "span", sx: { color: "inherit" }, children: message })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            StyledToastCloseButton,
+            {
+              ownerState,
+              onClick: onClose,
+              "aria-label": "Close notification",
+              size: "small",
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_Close.default, { fontSize: "small" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Toast.displayName = "ToolkitToast";
+
+// src/components/Table/Table.tsx
+var import_material24 = require("@mui/material");
+var import_styles26 = require("@mui/material/styles");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var StyledTableContainer = (0, import_styles26.styled)(import_material24.TableContainer)(() => ({
+  overflowX: "auto"
+}));
+var StyledHeadCell = (0, import_styles26.styled)(import_material24.TableCell)(({ theme }) => ({
+  fontWeight: theme.tokens.components.table.headerFontWeight,
+  backgroundColor: theme.tokens.components.table.headerBackground,
+  borderBottomWidth: theme.tokens.components.table.borderWidth,
+  borderBottomColor: theme.tokens.components.table.borderColor
+}));
+function Table(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material24.Table, { ...props });
+}
+function TableHead(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material24.TableHead, { ...props });
+}
+function TableBody(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material24.TableBody, { ...props });
+}
+function TableRow(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material24.TableRow, { ...props });
+}
+function TableCell(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material24.TableCell, { ...props });
+}
+function TableHeadCell(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyledHeadCell, { component: "th", scope: "col", ...props });
+}
+function TableContainer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(StyledTableContainer, { ...props });
+}
+var TablePagination = import_material24.TablePagination;
+var TableSortLabel = import_material24.TableSortLabel;
+Table.displayName = "ToolkitTable";
+TableHead.displayName = "ToolkitTableHead";
+TableBody.displayName = "ToolkitTableBody";
+TableRow.displayName = "ToolkitTableRow";
+TableCell.displayName = "ToolkitTableCell";
+TableHeadCell.displayName = "ToolkitTableHeadCell";
+TableContainer.displayName = "ToolkitTableContainer";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ABNInput,
@@ -4170,6 +4294,7 @@ TypographyButton.displayName = "ToolkitTypographyButton";
   TextField,
   TimeField,
   TimePicker,
+  Toast,
   Toggle,
   ToggleButton,
   ToggleButtonGroup,