@octoguide/mui-ui-toolkit 0.8.0 → 0.8.2

package/dist/index.d.mts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { Theme } from '@mui/material/styles';
 import * as _mui_material from '@mui/material';
-import { TextFieldProps as TextFieldProps$1, ButtonProps as ButtonProps$1, ChipProps as ChipProps$1, CardProps as CardProps$1, CardActions as CardActions$1, AlertProps as AlertProps$1, AlertTitleProps as AlertTitleProps$1, AccordionProps as AccordionProps$1, AccordionDetailsProps as AccordionDetailsProps$1, AccordionSummaryProps as AccordionSummaryProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, Grid2Props, SvgIconProps, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableCellProps as TableCellProps$1, TableContainerProps as TableContainerProps$1, TableHeadProps as TableHeadProps$1, TableRowProps as TableRowProps$1, TypographyProps } from '@mui/material';
+import { TextFieldProps as TextFieldProps$1, ButtonProps as ButtonProps$1, ChipProps as ChipProps$1, CardProps as CardProps$1, CardActions as CardActions$1, AlertProps as AlertProps$1, AlertTitleProps as AlertTitleProps$1, AccordionProps as AccordionProps$1, AccordionDetailsProps as AccordionDetailsProps$1, AccordionSummaryProps as AccordionSummaryProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToggleButtonProps as ToggleButtonProps$1, Grid2Props, SvgIconProps, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableCellProps as TableCellProps$1, TableContainerProps as TableContainerProps$1, TableHeadProps as TableHeadProps$1, TableRowProps as TableRowProps$1, TypographyProps } from '@mui/material';
 export { CardActionsProps, CardHeaderProps, TablePaginationProps, TableSortLabelProps } from '@mui/material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _emotion_styled from '@emotion/styled';
@@ -352,7 +353,7 @@ interface ToolkitThemeProviderProps {
      * to let a user switch themes at runtime.
      */
     theme?: ThemeName;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Inject MUI's CssBaseline (recommended for normalizing browser styles).
      * Defaults to true.
@@ -424,7 +425,7 @@ type TextFieldProps = TextFieldProps$1 & {
     /** When true and type="password", renders a visibility toggle icon button as end adornment. */
     showPasswordToggle?: boolean;
 };
-declare const TextField: React.ForwardRefExoticComponent<(Omit<_mui_material.OutlinedTextFieldProps & {
+declare const TextField: React__default.ForwardRefExoticComponent<(Omit<_mui_material.OutlinedTextFieldProps & {
     /** When true and type="password", renders a visibility toggle icon button as end adornment. */
     showPasswordToggle?: boolean;
 }, "ref"> | Omit<_mui_material.FilledTextFieldProps & {
@@ -433,7 +434,7 @@ declare const TextField: React.ForwardRefExoticComponent<(Omit<_mui_material.Out
 }, "ref"> | Omit<_mui_material.StandardTextFieldProps & {
     /** When true and type="password", renders a visibility toggle icon button as end adornment. */
     showPasswordToggle?: boolean;
-}, "ref">) & React.RefAttributes<HTMLInputElement>>;
+}, "ref">) & React__default.RefAttributes<HTMLInputElement>>;
 
 interface ABNInputProps extends Omit<TextFieldProps, 'onChange'> {
     /** Marks the field as invalid — maps to MUI's `error` prop */
@@ -443,14 +444,14 @@ interface ABNInputProps extends Omit<TextFieldProps, 'onChange'> {
     /** Makes the input read-only */
     readOnly?: boolean;
     /** Called with the synthetic event and `{ value, unformattedValue }` */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, values: {
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, values: {
         value: string;
         unformattedValue: string;
     }) => void;
     /** Current value — digits or pre-formatted ABN string */
     value?: string;
 }
-declare const ABNInput: React.ForwardRefExoticComponent<Omit<ABNInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const ABNInput: React__default.ForwardRefExoticComponent<Omit<ABNInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 interface ButtonProps extends ButtonProps$1 {
     /** Show a loading spinner and disable interaction */
@@ -467,7 +468,7 @@ interface ConfirmDialogProps {
     /** Dialog heading */
     title: string;
     /** Supporting text below the title */
-    description?: React.ReactNode;
+    description?: React__default.ReactNode;
     /** Label for the confirm button — defaults to "Confirm" */
     confirmLabel?: string;
     /** Label for the cancel button — defaults to "Cancel" */
@@ -548,20 +549,20 @@ type AccordionDetailsProps = AccordionDetailsProps$1;
  * independent card-per-item styling.
  */
 declare const StandaloneAccordion: _emotion_styled.StyledComponent<{
-    children: NonNullable<React.ReactNode>;
+    children: NonNullable<React__default.ReactNode>;
     classes?: Partial<_mui_material.AccordionClasses>;
     defaultExpanded?: boolean;
     disabled?: boolean;
     disableGutters?: boolean;
     expanded?: boolean;
-    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    onChange?: (event: React__default.SyntheticEvent, expanded: boolean) => void;
     sx?: _mui_system.SxProps<_mui_material.Theme>;
-    TransitionComponent?: React.JSXElementConstructor<_mui_material_transitions.TransitionProps & {
-        children?: React.ReactElement<unknown, any>;
+    TransitionComponent?: React__default.JSXElementConstructor<_mui_material_transitions.TransitionProps & {
+        children?: React__default.ReactElement<unknown, any>;
     }>;
     TransitionProps?: _mui_material_transitions.TransitionProps;
-} & _mui_material.AccordionSlotsAndSlotProps & Omit<_mui_material.PaperOwnProps, "classes" | "onChange"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+} & _mui_material.AccordionSlotsAndSlotProps & Omit<_mui_material.PaperOwnProps, "classes" | "onChange"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | keyof _mui_material_OverridableComponent.CommonProps | "children" | "sx" | "variant" | "onChange" | "elevation" | "square" | "expanded" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps" | keyof _mui_material.AccordionSlotsAndSlotProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 declare function Accordion(props: AccordionProps): react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
@@ -602,14 +603,20 @@ declare function Avatar({ size, ...props }: AvatarProps): react_jsx_runtime.JSX.
 
 type ToggleButtonProps = ToggleButtonProps$1;
 type ToggleButtonGroupProps = ToggleButtonGroupProps$1;
-declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace ToggleButton {
-    var displayName: string;
-}
-declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
-declare namespace ToggleButtonGroup {
-    var displayName: string;
-}
+/**
+ * A bordered pill-style container that groups ToggleButton options.
+ * Styled to match the toolkit Toggle component aesthetic by default.
+ * All MuiToggleButtonGroup props are supported — override via sx as needed.
+ */
+declare const ToggleButtonGroup: _emotion_styled.StyledComponent<ToggleButtonGroupProps$1 & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+/**
+ * A single option within a ToggleButtonGroup.
+ * Selected state fills with primary colour and white text, matching the
+ * toolkit Toggle "On" button. All MuiToggleButton props are supported.
+ */
+declare const ToggleButton: _emotion_styled.StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 
 type DatePickerProps = DatePickerProps$1;
 type DesktopDatePickerProps = DesktopDatePickerProps$1;
@@ -628,7 +635,7 @@ type DateTimeFieldProps = DateTimeFieldProps$1;
 type StaticDateTimePickerProps = StaticDateTimePickerProps$1;
 type DateCalendarProps = DateCalendarProps$1;
 interface DateLocalizationProviderProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 declare function DateLocalizationProvider({ children }: DateLocalizationProviderProps): react_jsx_runtime.JSX.Element;
 declare namespace DateLocalizationProvider {
@@ -771,7 +778,7 @@ interface IconTextSymbol {
     viewBox?: string;
     isMounted?: boolean;
 }
-interface IconTextProps extends React.HTMLAttributes<HTMLDivElement> {
+interface IconTextProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** SVG symbol object (e.g. from @online/symbols or an inline SVG descriptor) */
     symbol: IconTextSymbol;
     /** Props forwarded to the MUI SvgIcon wrapper */
@@ -781,9 +788,9 @@ interface IconTextProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Inherit font-family and line-height from the parent (useful inside buttons, links) */
     inheritFontFamily?: boolean;
 }
-declare const IconText: React.ForwardRefExoticComponent<IconTextProps & React.RefAttributes<HTMLDivElement>>;
+declare const IconText: React__default.ForwardRefExoticComponent<IconTextProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface InternalLinkItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+interface InternalLinkItemProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** URL for the anchor href */
     link?: string;
     /** The label to display */
@@ -791,13 +798,13 @@ interface InternalLinkItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnch
     /** Secondary text displayed beneath the label */
     caption?: string;
     /** Optional icon rendered on the left */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Swap the rendered element — pass a React Router `<Link>` or any
      * component that accepts an `href`/`to` prop.
      * Defaults to a plain `<a>`.
      */
-    component?: React.ElementType;
+    component?: React__default.ElementType;
 }
 declare function InternalLinkItem({ link, icon, label, caption, component, ...restProps }: InternalLinkItemProps): react_jsx_runtime.JSX.Element;
 declare namespace InternalLinkItem {
@@ -809,13 +816,13 @@ declare const Variant: {
     readonly external: "external";
     readonly file: "file";
 };
-interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
+interface LinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
     /** Content of the link */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Visual variant — controls icon and default target */
     variant?: 'standard' | 'external' | 'file';
     /** Custom icon component (standard variant only) */
-    icon?: React.ElementType;
+    icon?: React__default.ElementType;
     /** Render the icon on the right instead of the left */
     iconToRight?: boolean;
     /** Extra padding, renders the link as a standalone block-level call-to-action */
@@ -827,13 +834,13 @@ interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>,
     /** Link URL */
     href?: string;
     /** Swap the rendered element — pass a React Router `<Link>` or similar */
-    component?: React.ElementType;
+    component?: React__default.ElementType;
 }
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
-interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+interface LogoLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
     /** Logo content — pass an `<img>`, inline SVG, or any React node */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** Link destination, defaults to '/' */
     href?: string;
     /** Compact height mode (45px instead of 55px) */
@@ -841,13 +848,13 @@ interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElemen
     /** Accessible title for the link, defaults to 'Home' */
     title?: string;
     /** Swap the rendered element — pass a React Router `<Link>` or similar */
-    component?: React.ElementType;
+    component?: React__default.ElementType;
 }
-declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const LogoLink: React__default.ForwardRefExoticComponent<LogoLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
 interface MultiSelectOption {
     value: string;
-    label: string | React.ReactNode;
+    label: string | React__default.ReactNode;
 }
 interface MultiSelectProps {
     options: MultiSelectOption[];
@@ -858,9 +865,9 @@ interface MultiSelectProps {
     };
     preSelectedOptions?: Array<{
         value: string;
-        label?: string | React.ReactNode;
+        label?: string | React__default.ReactNode;
     }>;
-    renderOption: (option: any, currentOptionIndex: number, handleSelectOption: (event: React.SyntheticEvent, option: any) => void, checked: boolean, inputId: string) => React.ReactNode;
+    renderOption: (option: any, currentOptionIndex: number, handleSelectOption: (event: React__default.SyntheticEvent, option: any) => void, checked: boolean, inputId: string) => React__default.ReactNode;
     label?: string;
     inputId: string;
     hasError?: boolean;
@@ -868,14 +875,14 @@ interface MultiSelectProps {
     hasSelectAll?: boolean;
     hasTooltip?: boolean;
     required?: boolean;
-    selectButtonRef?: React.Ref<any>;
-    onBlur?: (e: React.FocusEvent<any>) => void;
-    onFocus?: (e: React.FocusEvent<any>) => void;
-    onKeyUp?: (e: React.KeyboardEvent<any>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
-    onClick?: (e: React.MouseEvent<any>) => void;
-    onTouchStart?: (e: React.TouchEvent<any>) => void;
-    onTouchEnd?: (e: React.TouchEvent<any>) => void;
+    selectButtonRef?: React__default.Ref<any>;
+    onBlur?: (e: React__default.FocusEvent<any>) => void;
+    onFocus?: (e: React__default.FocusEvent<any>) => void;
+    onKeyUp?: (e: React__default.KeyboardEvent<any>) => void;
+    onKeyDown?: (e: React__default.KeyboardEvent<any>) => void;
+    onClick?: (e: React__default.MouseEvent<any>) => void;
+    onTouchStart?: (e: React__default.TouchEvent<any>) => void;
+    onTouchEnd?: (e: React__default.TouchEvent<any>) => void;
     className?: string;
     id?: string;
 }
@@ -899,11 +906,11 @@ declare const OtpInput: {
     displayName: string;
 };
 
-interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+interface PageSpinnerProps extends Omit<React__default.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;
+    customMessageLayout?: React__default.ReactNode;
     /** Use light-on-dark colour scheme */
     isOnDarkBg?: boolean;
     /** Additional screen reader text when no visible message is needed */
@@ -913,7 +920,7 @@ interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'r
     /** Aria-live politeness for the screen reader announcement */
     messageTone?: 'assertive' | 'polite';
 }
-declare const PageSpinner: React.ForwardRefExoticComponent<PageSpinnerProps & React.RefAttributes<HTMLDivElement>>;
+declare const PageSpinner: React__default.ForwardRefExoticComponent<PageSpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type PaginationVariant = 'text' | 'outlined' | 'soft';
 type PaginationShape = 'circular' | 'rounded';
@@ -926,29 +933,29 @@ interface PaginationProps extends Omit<PaginationProps$1, 'variant' | 'color' |
     /** Color applied to the selected/active item */
     color?: PaginationColor;
 }
-declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Pagination: React__default.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
-interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'color'> {
+interface ParagraphProps extends Omit<React__default.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;
+    children: React__default.ReactNode;
 }
-declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Paragraph: React__default.ForwardRefExoticComponent<ParagraphProps & React__default.RefAttributes<HTMLParagraphElement>>;
 
 interface PasswordProps {
     isInvalid?: boolean;
     value?: string;
     label?: string;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, isCriteriaMet: boolean) => void;
+    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, isCriteriaMet: boolean) => void;
     ariaDescribedby?: string;
     ariaLabelledby?: string;
     className?: string;
     id?: string;
 }
-declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<HTMLInputElement>>;
+declare const Password: React__default.ForwardRefExoticComponent<PasswordProps & React__default.RefAttributes<HTMLInputElement>>;
 
 interface PasswordCriteriaProps {
     show?: boolean;
@@ -977,11 +984,11 @@ declare const PasswordRule: {
 
 type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
-interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+interface SpinnerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'role'> {
     /** Size of the spinner */
     size?: SpinnerSize;
     /** Message displayed below (or beside when isInline) the spinner */
-    message?: React.ReactNode;
+    message?: React__default.ReactNode;
     /** Use light-on-dark colour scheme */
     isOnDarkBg?: boolean;
     /** Screen reader text when no visible message is provided */
@@ -989,9 +996,9 @@ interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'
     /** Display the spinner and message side by side */
     isInline?: boolean;
 }
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Spinner: React__default.ForwardRefExoticComponent<SpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ToggleProps extends Omit<React.HTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
+interface ToggleProps extends Omit<React__default.HTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
     /** Unique name for the radio inputs */
     name: string;
     /** Whether the toggle is in the "on" state */
@@ -1006,8 +1013,10 @@ interface ToggleProps extends Omit<React.HTMLAttributes<HTMLFieldSetElement>, 'o
     onChange?: (value: boolean) => void;
     /** Blur handler forwarded to both radio inputs */
     onBlur?: () => void;
+    /** Controls the height of the toggle — small (40px), medium (56px, matches TextField), large (64px) */
+    size?: 'small' | 'medium' | 'large';
 }
-declare function Toggle({ name, checked, label, description, error, onChange, onBlur, ...restProps }: ToggleProps): react_jsx_runtime.JSX.Element;
+declare function Toggle({ name, checked, label, description, error, onChange, onBlur, size, ...restProps }: ToggleProps): react_jsx_runtime.JSX.Element;
 declare namespace Toggle {
     var displayName: string;
 }
@@ -1046,59 +1055,59 @@ declare function TableContainer(props: TableContainerProps): react_jsx_runtime.J
 declare namespace TableContainer {
     var displayName: string;
 }
-declare const TablePagination: _mui_material_OverridableComponent.OverridableComponent<_mui_material.TablePaginationTypeMap<{}, React.JSXElementConstructor<_mui_material.TablePaginationBaseProps>>>;
+declare const TablePagination: _mui_material_OverridableComponent.OverridableComponent<_mui_material.TablePaginationTypeMap<{}, React__default.JSXElementConstructor<_mui_material.TablePaginationBaseProps>>>;
 declare const TableSortLabel: _mui_material.ExtendButtonBase<_mui_material.TableSortLabelTypeMap<{}, "span">>;
 
 interface H1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H1: React.ForwardRefExoticComponent<Omit<H1Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H1: React__default.ForwardRefExoticComponent<Omit<H1Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface H2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H2: React.ForwardRefExoticComponent<Omit<H2Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H2: React__default.ForwardRefExoticComponent<Omit<H2Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface H3Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H3: React.ForwardRefExoticComponent<Omit<H3Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H3: React__default.ForwardRefExoticComponent<Omit<H3Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface H4Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H4: React.ForwardRefExoticComponent<Omit<H4Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H4: React__default.ForwardRefExoticComponent<Omit<H4Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface H5Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H5: React.ForwardRefExoticComponent<Omit<H5Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H5: React__default.ForwardRefExoticComponent<Omit<H5Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface H6Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const H6: React.ForwardRefExoticComponent<Omit<H6Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const H6: React__default.ForwardRefExoticComponent<Omit<H6Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface Subtitle1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const Subtitle1: React.ForwardRefExoticComponent<Omit<Subtitle1Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Subtitle1: React__default.ForwardRefExoticComponent<Omit<Subtitle1Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface Subtitle2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const Subtitle2: React.ForwardRefExoticComponent<Omit<Subtitle2Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Subtitle2: React__default.ForwardRefExoticComponent<Omit<Subtitle2Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface Body1Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const Body1: React.ForwardRefExoticComponent<Omit<Body1Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Body1: React__default.ForwardRefExoticComponent<Omit<Body1Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface Body2Props extends Omit<TypographyProps, 'variant'> {
 }
-declare const Body2: React.ForwardRefExoticComponent<Omit<Body2Props, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Body2: React__default.ForwardRefExoticComponent<Omit<Body2Props, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface CaptionProps extends Omit<TypographyProps, 'variant'> {
 }
-declare const Caption: React.ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Caption: React__default.ForwardRefExoticComponent<Omit<CaptionProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface OverlineProps extends Omit<TypographyProps, 'variant'> {
 }
-declare const Overline: React.ForwardRefExoticComponent<Omit<OverlineProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Overline: React__default.ForwardRefExoticComponent<Omit<OverlineProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
-declare const TypographyButton: React.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
+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, 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 };