@mui/material 9.0.0-alpha.0 → 9.0.0-alpha.2

package/styles/createTypography.d.mts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { CSSProperties } from "./createMixins.mjs";
+import { Palette } from "./createPalette.mjs";
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';
+export interface FontStyle {
+  fontFamily: React.CSSProperties['fontFamily'];
+  fontSize: number;
+  fontWeightLight: React.CSSProperties['fontWeight'];
+  fontWeightRegular: React.CSSProperties['fontWeight'];
+  fontWeightMedium: React.CSSProperties['fontWeight'];
+  fontWeightBold: React.CSSProperties['fontWeight'];
+  htmlFontSize: number;
+}
+export interface FontStyleOptions extends Partial<FontStyle> {
+  allVariants?: React.CSSProperties | undefined;
+}
+
+// TODO: which one should actually be allowed to be subject to module augmentation?
+// current type vs interface decision is kept for historical reasons until we
+// made a decision
+export type TypographyStyle = CSSProperties;
+export interface TypographyStyleOptions extends TypographyStyle {}
+export interface TypographyUtils {
+  pxToRem: (px: number) => string;
+}
+export interface TypographyVariants extends Record<TypographyVariant, TypographyStyle>, FontStyle, TypographyUtils {}
+export interface TypographyVariantsOptions extends Partial<Record<TypographyVariant, TypographyStyleOptions> & FontStyleOptions> {}
+export default function createTypography(palette: Palette, typography: TypographyVariantsOptions | ((palette: Palette) => TypographyVariantsOptions)): TypographyVariants;

package/styles/createTypography.d.ts

@@ -12,7 +12,7 @@ export interface FontStyle {
   htmlFontSize: number;
 }
 export interface FontStyleOptions extends Partial<FontStyle> {
-  allVariants?: React.CSSProperties;
+  allVariants?: React.CSSProperties | undefined;
 }
 
 // TODO: which one should actually be allowed to be subject to module augmentation?

package/styles/cssUtils.d.mts

@@ -0,0 +1,25 @@
+import { CSSProperties } from "./createMixins.mjs";
+export function isUnitless(value: string): boolean;
+export function getUnit(input: string): string;
+export function toUnitless(value: string): number;
+export function convertLength(baseFontSize: string): (length: string, toUnit: string) => string;
+export interface AlignPropertyParams {
+  size: number;
+  grid: number;
+}
+export function alignProperty(params: AlignPropertyParams): number;
+export interface FontGridParams {
+  lineHeight: number;
+  pixels: number;
+  htmlFontSize: number;
+}
+export function fontGrid(params: FontGridParams): number;
+export interface ResponsivePropertyParams {
+  cssProperty: string;
+  min: number;
+  max: number;
+  unit?: string | undefined;
+  breakpoints?: number[] | undefined;
+  transform?: ((value: number) => number) | undefined;
+}
+export function responsiveProperty(params: ResponsivePropertyParams): CSSProperties;

package/styles/cssUtils.d.ts

@@ -18,8 +18,8 @@ export interface ResponsivePropertyParams {
   cssProperty: string;
   min: number;
   max: number;
-  unit?: string;
-  breakpoints?: number[];
-  transform?: (value: number) => number;
+  unit?: string | undefined;
+  breakpoints?: number[] | undefined;
+  transform?: ((value: number) => number) | undefined;
 }
 export function responsiveProperty(params: ResponsivePropertyParams): CSSProperties;

package/styles/defaultTheme.mjs

@@ -0,0 +1,5 @@
+'use client';
+
+import createTheme from "./createTheme.mjs";
+const defaultTheme = createTheme();
+export default defaultTheme;

package/styles/experimental_extendTheme.mjs

@@ -0,0 +1,9 @@
+import extendTheme from "./createThemeWithVars.mjs";
+let warnedOnce = false;
+export default function deprecatedExtendTheme(...args) {
+  if (!warnedOnce) {
+    console.warn(['MUI: The `experimental_extendTheme` has been stabilized.', '', "You should use `import { extendTheme } from '@mui/material/styles'`"].join('\n'));
+    warnedOnce = true;
+  }
+  return extendTheme(...args);
+}

package/styles/index.d.mts

@@ -0,0 +1,68 @@
+import { DistributiveOmit } from '@mui/types';
+export { default as THEME_ID } from "./identifier.mjs";
+export { default as createTheme, default as unstable_createMuiStrictModeTheme, ThemeOptions, Theme, CssThemeVariables } from "./createTheme.mjs";
+export { default as adaptV4Theme, DeprecatedThemeOptions } from "./adaptV4Theme.mjs";
+export { Shadows } from "./shadows.mjs";
+export { ZIndex } from "./zIndex.mjs";
+export { CommonColors, Palette, PaletteColor, PaletteColorOptions, PaletteOptions, SimplePaletteColorOptions, TypeText, TypeAction, TypeBackground, PaletteMode, Color } from "./createPalette.mjs";
+export { default as createColorScheme } from "./createColorScheme.mjs";
+export { default as createStyles } from "./createStyles.mjs";
+export { TypographyVariants, TypographyVariantsOptions, TypographyStyle, TypographyVariant } from "./createTypography.mjs";
+export { default as responsiveFontSizes } from "./responsiveFontSizes.mjs";
+export { Duration, Easing, Transitions, TransitionsOptions, duration, easing } from "./createTransitions.mjs";
+export { Mixins, CSSProperties, MixinsOptions } from "./createMixins.mjs";
+export { Direction, Breakpoint, BreakpointOverrides, Breakpoints, BreakpointsOptions, CreateMUIStyled, Interpolation, CSSInterpolation, CSSObject, css, keyframes,
+// color manipulators
+hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, ColorFormat, ColorObject, StyledEngineProvider, SxProps } from '@mui/system';
+export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
+// TODO: Remove this function in v6.
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function experimental_sx(): any;
+export { default as useTheme } from "./useTheme.mjs";
+export { default as useThemeProps } from "./useThemeProps.mjs";
+export * from "./useThemeProps.mjs";
+export { default as styled } from "./styled.mjs";
+export { default as ThemeProvider, ThemeProviderProps } from "./ThemeProvider.mjs";
+export { ComponentsProps, ComponentsPropsList } from "./props.mjs";
+export { ComponentsVariants } from "./variants.mjs";
+export { ComponentsOverrides, ComponentNameToClassKey } from "./overrides.mjs";
+export { Components } from "./components.mjs";
+export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from "./cssUtils.mjs";
+export type ClassNameMap<ClassKey extends string = string> = Record<ClassKey, string>;
+export interface StyledComponentProps<ClassKey extends string = string> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ClassNameMap<ClassKey>> | undefined;
+}
+
+/**
+ * All standard components exposed by `material-ui` are `StyledComponents` with
+ * certain `classes`, on which one can also set a top-level `className` and inline
+ * `style`.
+ * @deprecated will be removed in v5 for internal usage only
+ */
+export type StandardProps<ComponentProps, ClassKey extends string, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<ClassKey> & {
+  className?: string | undefined;
+  ref?: (ComponentProps extends {
+    ref?: infer RefType | undefined;
+  } ? RefType : React.Ref<unknown>) | undefined;
+  style?: React.CSSProperties | undefined;
+};
+export namespace PropTypes {
+  // keeping the type structure for backwards compat
+  type Color = 'inherit' | 'primary' | 'secondary' | 'default';
+}
+export { default as makeStyles } from "./makeStyles.mjs";
+export { default as withStyles } from "./withStyles.mjs";
+export { default as withTheme } from "./withTheme.mjs";
+export * from "./ThemeProviderWithVars.mjs";
+export type { StorageManager } from '@mui/system/cssVars';
+export { default as extendTheme } from "./createThemeWithVars.mjs";
+export type { ColorSchemeOverrides, SupportedColorScheme, ColorSystem, CssVarsPalette, Opacity, Overlays, PaletteAlert, PaletteActionChannel, PaletteAppBar, PaletteAvatar, PaletteChip, PaletteColorChannel, PaletteCommonChannel, PaletteFilledInput, PaletteLinearProgress, PaletteSkeleton, PaletteSlider, PaletteSnackbarContent, PaletteSpeedDialAction, PaletteStepConnector, PaletteStepContent, PaletteSwitch, PaletteTableCell, PaletteTextChannel, PaletteTooltip, CssVarsThemeOptions, CssVarsTheme, ThemeVars, ThemeCssVar, ThemeCssVarOverrides, ColorSystemOptions, Shape, ShapeOptions } from "./createThemeWithVars.mjs";
+export { default as getOverlayAlpha } from "./getOverlayAlpha.mjs";
+export { default as shouldSkipGeneratingVar } from "./shouldSkipGeneratingVar.mjs";
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from "./createTypography.mjs";
+export { default as private_excludeVariablesFromRoot } from "./excludeVariablesFromRoot.mjs";

package/styles/index.d.ts

@@ -33,7 +33,7 @@ export interface StyledComponentProps<ClassKey extends string = string> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ClassNameMap<ClassKey>>;
+  classes?: Partial<ClassNameMap<ClassKey>> | undefined;
 }
 
 /**
@@ -43,11 +43,11 @@ export interface StyledComponentProps<ClassKey extends string = string> {
  * @deprecated will be removed in v5 for internal usage only
  */
 export type StandardProps<ComponentProps, ClassKey extends string, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<ClassKey> & {
-  className?: string;
-  ref?: ComponentProps extends {
-    ref?: infer RefType;
-  } ? RefType : React.Ref<unknown>;
-  style?: React.CSSProperties;
+  className?: string | undefined;
+  ref?: (ComponentProps extends {
+    ref?: infer RefType | undefined;
+  } ? RefType : React.Ref<unknown>) | undefined;
+  style?: React.CSSProperties | undefined;
 };
 export namespace PropTypes {
   // keeping the type structure for backwards compat

package/styles/index.mjs

@@ -0,0 +1,37 @@
+import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
+export { default as THEME_ID } from "./identifier.mjs";
+export { default as adaptV4Theme } from "./adaptV4Theme.mjs";
+export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
+export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
+// TODO: Remove this function in v6.
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function experimental_sx() {
+  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : _formatErrorMessage(19));
+}
+export { default as createTheme } from "./createTheme.mjs";
+export { default as unstable_createMuiStrictModeTheme } from "./createMuiStrictModeTheme.mjs";
+export { default as createStyles } from "./createStyles.mjs";
+export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from "./cssUtils.mjs";
+export { default as responsiveFontSizes } from "./responsiveFontSizes.mjs";
+export { default as createTransitions, duration, easing } from "./createTransitions.mjs";
+export { default as createColorScheme } from "./createColorScheme.mjs";
+export { default as useTheme } from "./useTheme.mjs";
+export { default as useThemeProps } from "./useThemeProps.mjs";
+export { default as styled } from "./styled.mjs";
+export { default as ThemeProvider } from "./ThemeProvider.mjs";
+export { StyledEngineProvider } from '@mui/system';
+// The legacy utilities from @mui/styles
+// These are just empty functions that throws when invoked
+export { default as makeStyles } from "./makeStyles.mjs";
+export { default as withStyles } from "./withStyles.mjs";
+export { default as withTheme } from "./withTheme.mjs";
+export * from "./ThemeProviderWithVars.mjs";
+export { default as extendTheme } from "./createThemeWithVars.mjs";
+export { default as experimental_extendTheme } from "./experimental_extendTheme.mjs"; // TODO: Remove in v7
+export { default as getOverlayAlpha } from "./getOverlayAlpha.mjs";
+export { default as shouldSkipGeneratingVar } from "./shouldSkipGeneratingVar.mjs";
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from "./createTypography.mjs";
+export { default as private_createMixins } from "./createMixins.mjs";
+export { default as private_excludeVariablesFromRoot } from "./excludeVariablesFromRoot.mjs";

package/styles/overrides.d.mts

@@ -0,0 +1,244 @@
+import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
+import { PopperClassKey } from "../Popper/index.mjs";
+import { ComponentsPropsList } from "./props.mjs";
+import { AccordionActionsClassKey } from "../AccordionActions/index.mjs";
+import { AccordionClassKey } from "../Accordion/index.mjs";
+import { AccordionDetailsClassKey } from "../AccordionDetails/index.mjs";
+import { AccordionSummaryClassKey } from "../AccordionSummary/index.mjs";
+import { AlertClassKey } from "../Alert/index.mjs";
+import { AlertTitleClassKey } from "../AlertTitle/index.mjs";
+import { AppBarClassKey } from "../AppBar/index.mjs";
+import { AutocompleteClassKey } from "../Autocomplete/index.mjs";
+import { AvatarClassKey } from "../Avatar/index.mjs";
+import { AvatarGroupClassKey } from "../AvatarGroup/index.mjs";
+import { BackdropClassKey } from "../Backdrop/index.mjs";
+import { BadgeClassKey } from "../Badge/index.mjs";
+import { BottomNavigationActionClassKey } from "../BottomNavigationAction/index.mjs";
+import { BottomNavigationClassKey } from "../BottomNavigation/index.mjs";
+import { BreadcrumbsClassKey } from "../Breadcrumbs/index.mjs";
+import { ButtonBaseClassKey } from "../ButtonBase/index.mjs";
+import { ButtonClassKey } from "../Button/index.mjs";
+import { ButtonGroupClassKey } from "../ButtonGroup/index.mjs";
+import { CardActionAreaClassKey } from "../CardActionArea/index.mjs";
+import { CardActionsClassKey } from "../CardActions/index.mjs";
+import { CardClassKey } from "../Card/index.mjs";
+import { CardContentClassKey } from "../CardContent/index.mjs";
+import { CardHeaderClassKey } from "../CardHeader/index.mjs";
+import { CardMediaClassKey } from "../CardMedia/index.mjs";
+import { CheckboxClassKey } from "../Checkbox/index.mjs";
+import { ChipClassKey } from "../Chip/index.mjs";
+import { CircularProgressClassKey } from "../CircularProgress/index.mjs";
+import { CollapseClassKey } from "../Collapse/index.mjs";
+import { ContainerClassKey } from "../Container/index.mjs";
+import { DialogActionsClassKey } from "../DialogActions/index.mjs";
+import { DialogClassKey } from "../Dialog/index.mjs";
+import { DialogContentClassKey } from "../DialogContent/index.mjs";
+import { DialogContentTextClassKey } from "../DialogContentText/index.mjs";
+import { DialogTitleClassKey } from "../DialogTitle/index.mjs";
+import { DividerClassKey } from "../Divider/index.mjs";
+import { DrawerClassKey } from "../Drawer/index.mjs";
+import { FabClassKey } from "../Fab/index.mjs";
+import { FilledInputClassKey } from "../FilledInput/index.mjs";
+import { FormControlClassKey } from "../FormControl/index.mjs";
+import { FormControlLabelClassKey } from "../FormControlLabel/index.mjs";
+import { FormGroupClassKey } from "../FormGroup/index.mjs";
+import { FormHelperTextClassKey } from "../FormHelperText/index.mjs";
+import { FormLabelClassKey } from "../FormLabel/index.mjs";
+import { GridLegacyClassKey } from "../GridLegacy/index.mjs";
+import { GridClassKey } from "../Grid/index.mjs";
+import { IconButtonClassKey } from "../IconButton/index.mjs";
+import { IconClassKey } from "../Icon/index.mjs";
+import { ImageListClassKey } from "../ImageList/index.mjs";
+import { ImageListItemBarClassKey } from "../ImageListItemBar/index.mjs";
+import { ImageListItemClassKey } from "../ImageListItem/index.mjs";
+import { InputAdornmentClassKey } from "../InputAdornment/index.mjs";
+import { InputBaseClassKey } from "../InputBase/index.mjs";
+import { InputClassKey } from "../Input/index.mjs";
+import { InputLabelClassKey } from "../InputLabel/index.mjs";
+import { LinearProgressClassKey } from "../LinearProgress/index.mjs";
+import { LinkClassKey } from "../Link/index.mjs";
+import { ListClassKey } from "../List/index.mjs";
+import { ListItemAvatarClassKey } from "../ListItemAvatar/index.mjs";
+import { ListItemClassKey } from "../ListItem/index.mjs";
+import { ListItemButtonClassKey } from "../ListItemButton/index.mjs";
+import { ListItemIconClassKey } from "../ListItemIcon/index.mjs";
+import { ListItemSecondaryActionClassKey } from "../ListItemSecondaryAction/index.mjs";
+import { ListItemTextClassKey } from "../ListItemText/index.mjs";
+import { ListSubheaderClassKey } from "../ListSubheader/index.mjs";
+import { MenuClassKey } from "../Menu/index.mjs";
+import { MenuItemClassKey } from "../MenuItem/index.mjs";
+import { MenuListClassKey } from "../MenuList/index.mjs";
+import { MobileStepperClassKey } from "../MobileStepper/index.mjs";
+import { ModalClassKey } from "../Modal/index.mjs";
+import { NativeSelectClassKey } from "../NativeSelect/index.mjs";
+import { OutlinedInputClassKey } from "../OutlinedInput/index.mjs";
+import { PaginationClassKey } from "../Pagination/index.mjs";
+import { PaginationItemClassKey } from "../PaginationItem/index.mjs";
+import { PaperClassKey } from "../Paper/index.mjs";
+import { PopoverClassKey } from "../Popover/index.mjs";
+import { RadioClassKey } from "../Radio/index.mjs";
+import { RadioGroupClassKey } from "../RadioGroup/index.mjs";
+import { RatingClassKey } from "../Rating/index.mjs";
+import { ScopedCssBaselineClassKey } from "../ScopedCssBaseline/index.mjs";
+import { SelectClassKey } from "../Select/index.mjs";
+import { SkeletonClassKey } from "../Skeleton/index.mjs";
+import { SliderClassKey } from "../Slider/index.mjs";
+import { SnackbarClassKey } from "../Snackbar/index.mjs";
+import { SnackbarContentClassKey } from "../SnackbarContent/index.mjs";
+import { SpeedDialClassKey } from "../SpeedDial/index.mjs";
+import { SpeedDialActionClassKey } from "../SpeedDialAction/index.mjs";
+import { SpeedDialIconClassKey } from "../SpeedDialIcon/index.mjs";
+import { StackClassKey } from "../Stack/index.mjs";
+import { StepButtonClasskey } from "../StepButton/index.mjs";
+import { StepClasskey } from "../Step/index.mjs";
+import { StepConnectorClasskey } from "../StepConnector/index.mjs";
+import { StepContentClasskey } from "../StepContent/index.mjs";
+import { StepIconClasskey } from "../StepIcon/index.mjs";
+import { StepLabelClasskey } from "../StepLabel/index.mjs";
+import { StepperClasskey } from "../Stepper/index.mjs";
+import { SvgIconClassKey } from "../SvgIcon/index.mjs";
+import { SwitchClassKey } from "../Switch/index.mjs";
+import { TabClassKey } from "../Tab/index.mjs";
+import { TableBodyClassKey } from "../TableBody/index.mjs";
+import { TableCellClassKey } from "../TableCell/index.mjs";
+import { TableClassKey } from "../Table/index.mjs";
+import { TableContainerClassKey } from "../TableContainer/index.mjs";
+import { TableFooterClassKey } from "../TableFooter/index.mjs";
+import { TableHeadClassKey } from "../TableHead/index.mjs";
+import { TablePaginationClassKey } from "../TablePagination/index.mjs";
+import { TablePaginationActionsClassKey } from "../TablePaginationActions/index.mjs";
+import { TableRowClassKey } from "../TableRow/index.mjs";
+import { TableSortLabelClassKey } from "../TableSortLabel/index.mjs";
+import { TabsClassKey } from "../Tabs/index.mjs";
+import { TextFieldClassKey } from "../TextField/index.mjs";
+import { ToggleButtonClassKey } from "../ToggleButton/index.mjs";
+import { ToggleButtonGroupClassKey } from "../ToggleButtonGroup/index.mjs";
+import { ToolbarClassKey } from "../Toolbar/index.mjs";
+import { TooltipClassKey } from "../Tooltip/index.mjs";
+import { TypographyClassKey } from "../Typography/index.mjs";
+export type OverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? ComponentsPropsList[ComponentName] & Record<string, unknown> & {
+  ownerState: ComponentsPropsList[ComponentName] & Record<string, unknown>;
+} : {}) & {
+  theme: Theme;
+} & Record<string, unknown>>>;
+export type ComponentsOverrides<Theme = unknown> = { [Name in keyof ComponentNameToClassKey]?: Partial<OverridesStyleRules<ComponentNameToClassKey[Name], Name, Theme>> } & {
+  MuiCssBaseline?: CSSObject | string | ((theme: Theme) => CSSInterpolation) | undefined;
+};
+export interface ComponentNameToClassKey {
+  MuiAlert: AlertClassKey;
+  MuiAlertTitle: AlertTitleClassKey;
+  MuiAppBar: AppBarClassKey;
+  MuiAutocomplete: AutocompleteClassKey;
+  MuiAvatar: AvatarClassKey;
+  MuiAvatarGroup: AvatarGroupClassKey;
+  MuiBackdrop: BackdropClassKey;
+  MuiBadge: BadgeClassKey;
+  MuiBottomNavigation: BottomNavigationClassKey;
+  MuiBottomNavigationAction: BottomNavigationActionClassKey;
+  MuiBreadcrumbs: BreadcrumbsClassKey;
+  MuiButton: ButtonClassKey;
+  MuiButtonBase: ButtonBaseClassKey;
+  MuiButtonGroup: ButtonGroupClassKey;
+  MuiCard: CardClassKey;
+  MuiCardActionArea: CardActionAreaClassKey;
+  MuiCardActions: CardActionsClassKey;
+  MuiCardContent: CardContentClassKey;
+  MuiCardHeader: CardHeaderClassKey;
+  MuiCardMedia: CardMediaClassKey;
+  MuiCheckbox: CheckboxClassKey;
+  MuiChip: ChipClassKey;
+  MuiCircularProgress: CircularProgressClassKey;
+  MuiCollapse: CollapseClassKey;
+  MuiContainer: ContainerClassKey;
+  MuiDialog: DialogClassKey;
+  MuiDialogActions: DialogActionsClassKey;
+  MuiDialogContent: DialogContentClassKey;
+  MuiDialogContentText: DialogContentTextClassKey;
+  MuiDialogTitle: DialogTitleClassKey;
+  MuiDivider: DividerClassKey;
+  MuiDrawer: DrawerClassKey;
+  MuiAccordion: AccordionClassKey;
+  MuiAccordionActions: AccordionActionsClassKey;
+  MuiAccordionDetails: AccordionDetailsClassKey;
+  MuiAccordionSummary: AccordionSummaryClassKey;
+  MuiFab: FabClassKey;
+  MuiFilledInput: FilledInputClassKey;
+  MuiFormControl: FormControlClassKey;
+  MuiFormControlLabel: FormControlLabelClassKey;
+  MuiFormGroup: FormGroupClassKey;
+  MuiFormHelperText: FormHelperTextClassKey;
+  MuiFormLabel: FormLabelClassKey;
+  MuiGridLegacy: GridLegacyClassKey;
+  MuiGrid: GridClassKey;
+  MuiIcon: IconClassKey;
+  MuiIconButton: IconButtonClassKey;
+  MuiImageList: ImageListClassKey;
+  MuiImageListItem: ImageListItemClassKey;
+  MuiImageListItemBar: ImageListItemBarClassKey;
+  MuiInput: InputClassKey;
+  MuiInputAdornment: InputAdornmentClassKey;
+  MuiInputBase: InputBaseClassKey;
+  MuiInputLabel: InputLabelClassKey;
+  MuiLinearProgress: LinearProgressClassKey;
+  MuiLink: LinkClassKey;
+  MuiList: ListClassKey;
+  MuiListItem: ListItemClassKey;
+  MuiListItemButton: ListItemButtonClassKey;
+  MuiListItemAvatar: ListItemAvatarClassKey;
+  MuiListItemIcon: ListItemIconClassKey;
+  MuiListItemSecondaryAction: ListItemSecondaryActionClassKey;
+  MuiListItemText: ListItemTextClassKey;
+  MuiListSubheader: ListSubheaderClassKey;
+  MuiMenu: MenuClassKey;
+  MuiMenuItem: MenuItemClassKey;
+  MuiMenuList: MenuListClassKey;
+  MuiMobileStepper: MobileStepperClassKey;
+  MuiModal: ModalClassKey;
+  MuiNativeSelect: NativeSelectClassKey;
+  MuiOutlinedInput: OutlinedInputClassKey;
+  MuiPagination: PaginationClassKey;
+  MuiPaginationItem: PaginationItemClassKey;
+  MuiPaper: PaperClassKey;
+  MuiPopover: PopoverClassKey;
+  MuiPopper: PopperClassKey;
+  MuiRadio: RadioClassKey;
+  MuiRadioGroup: RadioGroupClassKey;
+  MuiRating: RatingClassKey;
+  MuiScopedCssBaseline: ScopedCssBaselineClassKey;
+  MuiSelect: SelectClassKey;
+  MuiSkeleton: SkeletonClassKey;
+  MuiSlider: SliderClassKey;
+  MuiSnackbar: SnackbarClassKey;
+  MuiSnackbarContent: SnackbarContentClassKey;
+  MuiSpeedDial: SpeedDialClassKey;
+  MuiSpeedDialAction: SpeedDialActionClassKey;
+  MuiSpeedDialIcon: SpeedDialIconClassKey;
+  MuiStack: StackClassKey;
+  MuiStep: StepClasskey;
+  MuiStepButton: StepButtonClasskey;
+  MuiStepConnector: StepConnectorClasskey;
+  MuiStepContent: StepContentClasskey;
+  MuiStepIcon: StepIconClasskey;
+  MuiStepLabel: StepLabelClasskey;
+  MuiStepper: StepperClasskey;
+  MuiSvgIcon: SvgIconClassKey;
+  MuiSwitch: SwitchClassKey;
+  MuiTab: TabClassKey;
+  MuiTable: TableClassKey;
+  MuiTableBody: TableBodyClassKey;
+  MuiTableCell: TableCellClassKey;
+  MuiTableContainer: TableContainerClassKey;
+  MuiTableFooter: TableFooterClassKey;
+  MuiTableHead: TableHeadClassKey;
+  MuiTablePagination: TablePaginationClassKey;
+  MuiTablePaginationActions: TablePaginationActionsClassKey;
+  MuiTableRow: TableRowClassKey;
+  MuiTableSortLabel: TableSortLabelClassKey;
+  MuiTabs: TabsClassKey;
+  MuiTextField: TextFieldClassKey;
+  MuiToggleButton: ToggleButtonClassKey;
+  MuiToggleButtonGroup: ToggleButtonGroupClassKey;
+  MuiToolbar: ToolbarClassKey;
+  MuiTooltip: TooltipClassKey;
+  MuiTypography: TypographyClassKey;
+}

package/styles/overrides.d.ts

@@ -115,7 +115,6 @@ import { ToggleButtonClassKey } from "../ToggleButton/index.js";
 import { ToggleButtonGroupClassKey } from "../ToggleButtonGroup/index.js";
 import { ToolbarClassKey } from "../Toolbar/index.js";
 import { TooltipClassKey } from "../Tooltip/index.js";
-import { TouchRippleClassKey } from "../ButtonBase/TouchRipple.js";
 import { TypographyClassKey } from "../Typography/index.js";
 export type OverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? ComponentsPropsList[ComponentName] & Record<string, unknown> & {
   ownerState: ComponentsPropsList[ComponentName] & Record<string, unknown>;
@@ -123,7 +122,7 @@ export type OverridesStyleRules<ClassKey extends string = string, ComponentName
   theme: Theme;
 } & Record<string, unknown>>>;
 export type ComponentsOverrides<Theme = unknown> = { [Name in keyof ComponentNameToClassKey]?: Partial<OverridesStyleRules<ComponentNameToClassKey[Name], Name, Theme>> } & {
-  MuiCssBaseline?: CSSObject | string | ((theme: Theme) => CSSInterpolation);
+  MuiCssBaseline?: CSSObject | string | ((theme: Theme) => CSSInterpolation) | undefined;
 };
 export interface ComponentNameToClassKey {
   MuiAlert: AlertClassKey;
@@ -241,6 +240,5 @@ export interface ComponentNameToClassKey {
   MuiToggleButtonGroup: ToggleButtonGroupClassKey;
   MuiToolbar: ToolbarClassKey;
   MuiTooltip: TooltipClassKey;
-  MuiTouchRipple: TouchRippleClassKey;
   MuiTypography: TypographyClassKey;
 }