@octoguide/mui-ui-toolkit 0.4.0 → 0.6.0

package/dist/index.d.mts

@@ -26,6 +26,7 @@ import { DateTimeFieldProps as DateTimeFieldProps$1 } from '@mui/x-date-pickers/
 import { StaticDateTimePickerProps as StaticDateTimePickerProps$1 } from '@mui/x-date-pickers/StaticDateTimePicker';
 import { DateCalendarProps as DateCalendarProps$1 } from '@mui/x-date-pickers/DateCalendar';
 import { Dayjs } from 'dayjs';
+import { PaginationProps as PaginationProps$1 } from '@mui/material/Pagination';
 export { default as AvatarGroup, AvatarGroupProps } from '@mui/material/AvatarGroup';
 
 /**
@@ -776,6 +777,111 @@ interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>,
 }
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
+interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    /** Logo content — pass an `<img>`, inline SVG, or any React node */
+    children: React.ReactNode;
+    /** Link destination, defaults to '/' */
+    href?: string;
+    /** Compact height mode (45px instead of 55px) */
+    isSmall?: boolean;
+    /** Accessible title for the link, defaults to 'Home' */
+    title?: string;
+    /** Swap the rendered element — pass a React Router `<Link>` or similar */
+    component?: React.ElementType;
+}
+declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    /** Loading message shown below the spinner */
+    message?: string;
+    /** Override the visible message with a React node (the `message` prop is still announced to screen readers) */
+    customMessageLayout?: React.ReactNode;
+    /** Use light-on-dark colour scheme */
+    isOnDarkBg?: boolean;
+    /** Additional screen reader text when no visible message is needed */
+    srText?: string;
+    /** DOM node to portal into (defaults to document.body) */
+    rootNode?: Element;
+    /** Aria-live politeness for the screen reader announcement */
+    messageTone?: 'assertive' | 'polite';
+}
+declare const PageSpinner: React.ForwardRefExoticComponent<PageSpinnerProps & React.RefAttributes<HTMLDivElement>>;
+
+type PaginationVariant = 'text' | 'outlined' | 'soft';
+type PaginationShape = 'circular' | 'rounded';
+type PaginationColor = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+interface PaginationProps extends Omit<PaginationProps$1, 'variant' | 'color' | 'shape'> {
+    /** Visual style variant */
+    variant?: PaginationVariant;
+    /** Shape of pagination items */
+    shape?: PaginationShape;
+    /** Color applied to the selected/active item */
+    color?: PaginationColor;
+}
+declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'color'> {
+    /** Visual style variant */
+    variant?: 'regular' | 'semibold' | 'bold' | 'overline' | 'primary' | 'secondary';
+    /** Renders the correct text colour on a dark background */
+    isOnDarkBg?: boolean;
+    children: React.ReactNode;
+}
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+
+interface PasswordProps {
+    isInvalid?: boolean;
+    value?: string;
+    label?: string;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, isCriteriaMet: boolean) => void;
+    ariaDescribedby?: string;
+    ariaLabelledby?: string;
+    className?: string;
+    id?: string;
+}
+declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<HTMLInputElement>>;
+
+interface PasswordCriteriaProps {
+    show?: boolean;
+    value?: string;
+}
+declare const PasswordRules: {
+    key: string;
+    rule: string;
+}[];
+declare const passwordValidator: (value: string) => Record<string, boolean>;
+declare const PasswordCriteria: {
+    ({ show, value }: PasswordCriteriaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface PasswordRuleProps {
+    valid?: boolean;
+    rule?: string;
+    idx?: number;
+}
+declare const PasswordRule: {
+    ({ valid, rule, idx }: PasswordRuleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    /** Size of the spinner */
+    size?: SpinnerSize;
+    /** Message displayed below (or beside when isInline) the spinner */
+    message?: React.ReactNode;
+    /** Use light-on-dark colour scheme */
+    isOnDarkBg?: boolean;
+    /** Screen reader text when no visible message is provided */
+    srText?: string;
+    /** Display the spinner and message side by side */
+    isInline?: boolean;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+
 interface ToggleProps extends Omit<React.HTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /** Unique name for the radio inputs */
     name: string;
@@ -836,93 +942,54 @@ declare const TableSortLabel: _mui_material.ExtendButtonBase<_mui_material.Table
 
 interface H1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H1({ color, children, ...props }: H1Props): react_jsx_runtime.JSX.Element;
-declare namespace H1 {
-    var displayName: string;
-}
+declare const H1: React.ForwardRefExoticComponent<Omit<H1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H2({ color, children, ...props }: H2Props): react_jsx_runtime.JSX.Element;
-declare namespace H2 {
-    var displayName: string;
-}
+declare const H2: React.ForwardRefExoticComponent<Omit<H2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H3Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H3({ color, children, ...props }: H3Props): react_jsx_runtime.JSX.Element;
-declare namespace H3 {
-    var displayName: string;
-}
+declare const H3: React.ForwardRefExoticComponent<Omit<H3Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H4Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H4({ color, children, ...props }: H4Props): react_jsx_runtime.JSX.Element;
-declare namespace H4 {
-    var displayName: string;
-}
+declare const H4: React.ForwardRefExoticComponent<Omit<H4Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H5Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H5({ color, children, ...props }: H5Props): react_jsx_runtime.JSX.Element;
-declare namespace H5 {
-    var displayName: string;
-}
+declare const H5: React.ForwardRefExoticComponent<Omit<H5Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H6Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H6({ color, children, ...props }: H6Props): react_jsx_runtime.JSX.Element;
-declare namespace H6 {
-    var displayName: string;
-}
+declare const H6: React.ForwardRefExoticComponent<Omit<H6Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Subtitle1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Subtitle1({ color, children, ...props }: Subtitle1Props): react_jsx_runtime.JSX.Element;
-declare namespace Subtitle1 {
-    var displayName: string;
-}
+declare const Subtitle1: React.ForwardRefExoticComponent<Omit<Subtitle1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Subtitle2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Subtitle2({ color, children, ...props }: Subtitle2Props): react_jsx_runtime.JSX.Element;
-declare namespace Subtitle2 {
-    var displayName: string;
-}
+declare const Subtitle2: React.ForwardRefExoticComponent<Omit<Subtitle2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Body1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Body1({ color, children, ...props }: Body1Props): react_jsx_runtime.JSX.Element;
-declare namespace Body1 {
-    var displayName: string;
-}
+declare const Body1: React.ForwardRefExoticComponent<Omit<Body1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Body2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Body2({ color, children, ...props }: Body2Props): react_jsx_runtime.JSX.Element;
-declare namespace Body2 {
-    var displayName: string;
-}
+declare const Body2: React.ForwardRefExoticComponent<Omit<Body2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface CaptionProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function Caption({ color, children, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
-declare namespace Caption {
-    var displayName: string;
-}
+declare const Caption: React.ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface OverlineProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function Overline({ color, children, ...props }: OverlineProps): react_jsx_runtime.JSX.Element;
-declare namespace Overline {
-    var displayName: string;
-}
+declare const Overline: React.ForwardRefExoticComponent<Omit<OverlineProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function TypographyButton({ color, children, ...props }: TypographyButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace TypographyButton {
-    var displayName: string;
-}
+declare const TypographyButton: React.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React.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, 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, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, Overline, type OverlineProps, type ShadowTokens, type SpacingTokens, 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, 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, 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, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, 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, 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 };

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import { DateTimeFieldProps as DateTimeFieldProps$1 } from '@mui/x-date-pickers/
 import { StaticDateTimePickerProps as StaticDateTimePickerProps$1 } from '@mui/x-date-pickers/StaticDateTimePicker';
 import { DateCalendarProps as DateCalendarProps$1 } from '@mui/x-date-pickers/DateCalendar';
 import { Dayjs } from 'dayjs';
+import { PaginationProps as PaginationProps$1 } from '@mui/material/Pagination';
 export { default as AvatarGroup, AvatarGroupProps } from '@mui/material/AvatarGroup';
 
 /**
@@ -776,6 +777,111 @@ interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>,
 }
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
+interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    /** Logo content — pass an `<img>`, inline SVG, or any React node */
+    children: React.ReactNode;
+    /** Link destination, defaults to '/' */
+    href?: string;
+    /** Compact height mode (45px instead of 55px) */
+    isSmall?: boolean;
+    /** Accessible title for the link, defaults to 'Home' */
+    title?: string;
+    /** Swap the rendered element — pass a React Router `<Link>` or similar */
+    component?: React.ElementType;
+}
+declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    /** Loading message shown below the spinner */
+    message?: string;
+    /** Override the visible message with a React node (the `message` prop is still announced to screen readers) */
+    customMessageLayout?: React.ReactNode;
+    /** Use light-on-dark colour scheme */
+    isOnDarkBg?: boolean;
+    /** Additional screen reader text when no visible message is needed */
+    srText?: string;
+    /** DOM node to portal into (defaults to document.body) */
+    rootNode?: Element;
+    /** Aria-live politeness for the screen reader announcement */
+    messageTone?: 'assertive' | 'polite';
+}
+declare const PageSpinner: React.ForwardRefExoticComponent<PageSpinnerProps & React.RefAttributes<HTMLDivElement>>;
+
+type PaginationVariant = 'text' | 'outlined' | 'soft';
+type PaginationShape = 'circular' | 'rounded';
+type PaginationColor = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+interface PaginationProps extends Omit<PaginationProps$1, 'variant' | 'color' | 'shape'> {
+    /** Visual style variant */
+    variant?: PaginationVariant;
+    /** Shape of pagination items */
+    shape?: PaginationShape;
+    /** Color applied to the selected/active item */
+    color?: PaginationColor;
+}
+declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'color'> {
+    /** Visual style variant */
+    variant?: 'regular' | 'semibold' | 'bold' | 'overline' | 'primary' | 'secondary';
+    /** Renders the correct text colour on a dark background */
+    isOnDarkBg?: boolean;
+    children: React.ReactNode;
+}
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+
+interface PasswordProps {
+    isInvalid?: boolean;
+    value?: string;
+    label?: string;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, isCriteriaMet: boolean) => void;
+    ariaDescribedby?: string;
+    ariaLabelledby?: string;
+    className?: string;
+    id?: string;
+}
+declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<HTMLInputElement>>;
+
+interface PasswordCriteriaProps {
+    show?: boolean;
+    value?: string;
+}
+declare const PasswordRules: {
+    key: string;
+    rule: string;
+}[];
+declare const passwordValidator: (value: string) => Record<string, boolean>;
+declare const PasswordCriteria: {
+    ({ show, value }: PasswordCriteriaProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface PasswordRuleProps {
+    valid?: boolean;
+    rule?: string;
+    idx?: number;
+}
+declare const PasswordRule: {
+    ({ valid, rule, idx }: PasswordRuleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    /** Size of the spinner */
+    size?: SpinnerSize;
+    /** Message displayed below (or beside when isInline) the spinner */
+    message?: React.ReactNode;
+    /** Use light-on-dark colour scheme */
+    isOnDarkBg?: boolean;
+    /** Screen reader text when no visible message is provided */
+    srText?: string;
+    /** Display the spinner and message side by side */
+    isInline?: boolean;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+
 interface ToggleProps extends Omit<React.HTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /** Unique name for the radio inputs */
     name: string;
@@ -836,93 +942,54 @@ declare const TableSortLabel: _mui_material.ExtendButtonBase<_mui_material.Table
 
 interface H1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H1({ color, children, ...props }: H1Props): react_jsx_runtime.JSX.Element;
-declare namespace H1 {
-    var displayName: string;
-}
+declare const H1: React.ForwardRefExoticComponent<Omit<H1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H2({ color, children, ...props }: H2Props): react_jsx_runtime.JSX.Element;
-declare namespace H2 {
-    var displayName: string;
-}
+declare const H2: React.ForwardRefExoticComponent<Omit<H2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H3Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H3({ color, children, ...props }: H3Props): react_jsx_runtime.JSX.Element;
-declare namespace H3 {
-    var displayName: string;
-}
+declare const H3: React.ForwardRefExoticComponent<Omit<H3Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H4Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H4({ color, children, ...props }: H4Props): react_jsx_runtime.JSX.Element;
-declare namespace H4 {
-    var displayName: string;
-}
+declare const H4: React.ForwardRefExoticComponent<Omit<H4Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H5Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H5({ color, children, ...props }: H5Props): react_jsx_runtime.JSX.Element;
-declare namespace H5 {
-    var displayName: string;
-}
+declare const H5: React.ForwardRefExoticComponent<Omit<H5Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface H6Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function H6({ color, children, ...props }: H6Props): react_jsx_runtime.JSX.Element;
-declare namespace H6 {
-    var displayName: string;
-}
+declare const H6: React.ForwardRefExoticComponent<Omit<H6Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Subtitle1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Subtitle1({ color, children, ...props }: Subtitle1Props): react_jsx_runtime.JSX.Element;
-declare namespace Subtitle1 {
-    var displayName: string;
-}
+declare const Subtitle1: React.ForwardRefExoticComponent<Omit<Subtitle1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Subtitle2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Subtitle2({ color, children, ...props }: Subtitle2Props): react_jsx_runtime.JSX.Element;
-declare namespace Subtitle2 {
-    var displayName: string;
-}
+declare const Subtitle2: React.ForwardRefExoticComponent<Omit<Subtitle2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Body1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Body1({ color, children, ...props }: Body1Props): react_jsx_runtime.JSX.Element;
-declare namespace Body1 {
-    var displayName: string;
-}
+declare const Body1: React.ForwardRefExoticComponent<Omit<Body1Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface Body2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare function Body2({ color, children, ...props }: Body2Props): react_jsx_runtime.JSX.Element;
-declare namespace Body2 {
-    var displayName: string;
-}
+declare const Body2: React.ForwardRefExoticComponent<Omit<Body2Props, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface CaptionProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function Caption({ color, children, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
-declare namespace Caption {
-    var displayName: string;
-}
+declare const Caption: React.ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface OverlineProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function Overline({ color, children, ...props }: OverlineProps): react_jsx_runtime.JSX.Element;
-declare namespace Overline {
-    var displayName: string;
-}
+declare const Overline: React.ForwardRefExoticComponent<Omit<OverlineProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
-declare function TypographyButton({ color, children, ...props }: TypographyButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace TypographyButton {
-    var displayName: string;
-}
+declare const TypographyButton: React.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React.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, 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, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, Overline, type OverlineProps, type ShadowTokens, type SpacingTokens, 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, 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, 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, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, 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, 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 };