@mui/material 7.0.0-beta.0 → 7.0.0-beta.1

package/modern/styles/excludeVariablesFromRoot.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @internal These variables should not appear in the :root stylesheet when the `defaultColorScheme="dark"`
+ */
+declare const excludeVariablesFromRoot: (cssVarPrefix?: string) => string[];
+export default excludeVariablesFromRoot;

package/modern/styles/getOverlayAlpha.d.ts

@@ -0,0 +1 @@
+export default function getOverlayAlpha(elevation: number): number;

package/modern/styles/identifier.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "$$material";
+export default _default;

package/modern/styles/index.d.ts

@@ -0,0 +1,48 @@
+export { default as THEME_ID } from "./identifier.js";
+export { default as createTheme, default as unstable_createMuiStrictModeTheme, ThemeOptions, Theme, CssThemeVariables } from "./createTheme.js";
+export { default as adaptV4Theme, DeprecatedThemeOptions } from "./adaptV4Theme.js";
+export { Shadows } from "./shadows.js";
+export { ZIndex } from "./zIndex.js";
+export { CommonColors, Palette, PaletteColor, PaletteColorOptions, PaletteOptions, SimplePaletteColorOptions, TypeText, TypeAction, TypeBackground, PaletteMode, Color } from "./createPalette.js";
+export { default as createColorScheme } from "./createColorScheme.js";
+export { default as createStyles } from "./createStyles.js";
+export { Typography as TypographyVariants, TypographyOptions as TypographyVariantsOptions, TypographyStyle, Variant as TypographyVariant } from "./createTypography.js";
+export { default as responsiveFontSizes } from "./responsiveFontSizes.js";
+export { Duration, Easing, Transitions, TransitionsOptions, duration, easing } from "./createTransitions.js";
+export { Mixins } from "./createMixins.js";
+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.js";
+export { default as useThemeProps } from "./useThemeProps.js";
+export * from "./useThemeProps.js";
+export { default as styled } from "./styled.js";
+export { default as ThemeProvider } from "./ThemeProvider.js";
+export { ComponentsProps, ComponentsPropsList } from "./props.js";
+export { ComponentsVariants } from "./variants.js";
+export { ComponentsOverrides, ComponentNameToClassKey } from "./overrides.js";
+export { Components } from "./components.js";
+export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from "./cssUtils.js";
+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>>;
+}
+export { default as makeStyles } from "./makeStyles.js";
+export { default as withStyles } from "./withStyles.js";
+export { default as withTheme } from "./withTheme.js";
+export * from "./ThemeProviderWithVars.js";
+export { default as extendTheme } from "./createThemeWithVars.js";
+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 } from "./createThemeWithVars.js";
+export { default as getOverlayAlpha } from "./getOverlayAlpha.js";
+export { default as shouldSkipGeneratingVar } from "./shouldSkipGeneratingVar.js";
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from "./createTypography.js";
+export { default as private_excludeVariablesFromRoot } from "./excludeVariablesFromRoot.js";

package/modern/styles/makeStyles.d.ts

@@ -0,0 +1 @@
+export default function makeStyles(stylesCreator: any, options?: object): never;

package/modern/styles/overrides.d.ts

@@ -0,0 +1,244 @@
+import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
+import { PopperClassKey } from "../Popper/index.js";
+import { ComponentsPropsList } from "./props.js";
+import { AccordionActionsClassKey } from "../AccordionActions/index.js";
+import { AccordionClassKey } from "../Accordion/index.js";
+import { AccordionDetailsClassKey } from "../AccordionDetails/index.js";
+import { AccordionSummaryClassKey } from "../AccordionSummary/index.js";
+import { AlertClassKey } from "../Alert/index.js";
+import { AlertTitleClassKey } from "../AlertTitle/index.js";
+import { AppBarClassKey } from "../AppBar/index.js";
+import { AutocompleteClassKey } from "../Autocomplete/index.js";
+import { AvatarClassKey } from "../Avatar/index.js";
+import { AvatarGroupClassKey } from "../AvatarGroup/index.js";
+import { BackdropClassKey } from "../Backdrop/index.js";
+import { BadgeClassKey } from "../Badge/index.js";
+import { BottomNavigationActionClassKey } from "../BottomNavigationAction/index.js";
+import { BottomNavigationClassKey } from "../BottomNavigation/index.js";
+import { BreadcrumbsClassKey } from "../Breadcrumbs/index.js";
+import { ButtonBaseClassKey } from "../ButtonBase/index.js";
+import { ButtonClassKey } from "../Button/index.js";
+import { ButtonGroupClassKey } from "../ButtonGroup/index.js";
+import { CardActionAreaClassKey } from "../CardActionArea/index.js";
+import { CardActionsClassKey } from "../CardActions/index.js";
+import { CardClassKey } from "../Card/index.js";
+import { CardContentClassKey } from "../CardContent/index.js";
+import { CardHeaderClassKey } from "../CardHeader/index.js";
+import { CardMediaClassKey } from "../CardMedia/index.js";
+import { CheckboxClassKey } from "../Checkbox/index.js";
+import { ChipClassKey } from "../Chip/index.js";
+import { CircularProgressClassKey } from "../CircularProgress/index.js";
+import { CollapseClassKey } from "../Collapse/index.js";
+import { ContainerClassKey } from "../Container/index.js";
+import { DialogActionsClassKey } from "../DialogActions/index.js";
+import { DialogClassKey } from "../Dialog/index.js";
+import { DialogContentClassKey } from "../DialogContent/index.js";
+import { DialogContentTextClassKey } from "../DialogContentText/index.js";
+import { DialogTitleClassKey } from "../DialogTitle/index.js";
+import { DividerClassKey } from "../Divider/index.js";
+import { DrawerClassKey } from "../Drawer/index.js";
+import { FabClassKey } from "../Fab/index.js";
+import { FilledInputClassKey } from "../FilledInput/index.js";
+import { FormControlClassKey } from "../FormControl/index.js";
+import { FormControlLabelClassKey } from "../FormControlLabel/index.js";
+import { FormGroupClassKey } from "../FormGroup/index.js";
+import { FormHelperTextClassKey } from "../FormHelperText/index.js";
+import { FormLabelClassKey } from "../FormLabel/index.js";
+import { GridLegacyClassKey } from "../GridLegacy/index.js";
+import { GridClassKey } from "../Grid/index.js";
+import { IconButtonClassKey } from "../IconButton/index.js";
+import { IconClassKey } from "../Icon/index.js";
+import { ImageListClassKey } from "../ImageList/index.js";
+import { ImageListItemBarClassKey } from "../ImageListItemBar/index.js";
+import { ImageListItemClassKey } from "../ImageListItem/index.js";
+import { InputAdornmentClassKey } from "../InputAdornment/index.js";
+import { InputBaseClassKey } from "../InputBase/index.js";
+import { InputClassKey } from "../Input/index.js";
+import { InputLabelClassKey } from "../InputLabel/index.js";
+import { LinearProgressClassKey } from "../LinearProgress/index.js";
+import { LinkClassKey } from "../Link/index.js";
+import { ListClassKey } from "../List/index.js";
+import { ListItemAvatarClassKey } from "../ListItemAvatar/index.js";
+import { ListItemClassKey } from "../ListItem/index.js";
+import { ListItemButtonClassKey } from "../ListItemButton/index.js";
+import { ListItemIconClassKey } from "../ListItemIcon/index.js";
+import { ListItemSecondaryActionClassKey } from "../ListItemSecondaryAction/index.js";
+import { ListItemTextClassKey } from "../ListItemText/index.js";
+import { ListSubheaderClassKey } from "../ListSubheader/index.js";
+import { MenuClassKey } from "../Menu/index.js";
+import { MenuItemClassKey } from "../MenuItem/index.js";
+import { MenuListClassKey } from "../MenuList/index.js";
+import { MobileStepperClassKey } from "../MobileStepper/index.js";
+import { ModalClassKey } from "../Modal/index.js";
+import { NativeSelectClassKey } from "../NativeSelect/index.js";
+import { OutlinedInputClassKey } from "../OutlinedInput/index.js";
+import { PaginationClassKey } from "../Pagination/index.js";
+import { PaginationItemClassKey } from "../PaginationItem/index.js";
+import { PaperClassKey } from "../Paper/index.js";
+import { PopoverClassKey } from "../Popover/index.js";
+import { RadioClassKey } from "../Radio/index.js";
+import { RadioGroupClassKey } from "../RadioGroup/index.js";
+import { RatingClassKey } from "../Rating/index.js";
+import { ScopedCssBaselineClassKey } from "../ScopedCssBaseline/index.js";
+import { SelectClassKey } from "../Select/index.js";
+import { SkeletonClassKey } from "../Skeleton/index.js";
+import { SliderClassKey } from "../Slider/index.js";
+import { SnackbarClassKey } from "../Snackbar/index.js";
+import { SnackbarContentClassKey } from "../SnackbarContent/index.js";
+import { SpeedDialClassKey } from "../SpeedDial/index.js";
+import { SpeedDialActionClassKey } from "../SpeedDialAction/index.js";
+import { SpeedDialIconClassKey } from "../SpeedDialIcon/index.js";
+import { StackClassKey } from "../Stack/index.js";
+import { StepButtonClasskey } from "../StepButton/index.js";
+import { StepClasskey } from "../Step/index.js";
+import { StepConnectorClasskey } from "../StepConnector/index.js";
+import { StepContentClasskey } from "../StepContent/index.js";
+import { StepIconClasskey } from "../StepIcon/index.js";
+import { StepLabelClasskey } from "../StepLabel/index.js";
+import { StepperClasskey } from "../Stepper/index.js";
+import { SvgIconClassKey } from "../SvgIcon/index.js";
+import { SwitchClassKey } from "../Switch/index.js";
+import { TabClassKey } from "../Tab/index.js";
+import { TableBodyClassKey } from "../TableBody/index.js";
+import { TableCellClassKey } from "../TableCell/index.js";
+import { TableClassKey } from "../Table/index.js";
+import { TableContainerClassKey } from "../TableContainer/index.js";
+import { TableFooterClassKey } from "../TableFooter/index.js";
+import { TableHeadClassKey } from "../TableHead/index.js";
+import { TablePaginationClassKey } from "../TablePagination/index.js";
+import { TableRowClassKey } from "../TableRow/index.js";
+import { TableSortLabelClassKey } from "../TableSortLabel/index.js";
+import { TabsClassKey } from "../Tabs/index.js";
+import { TextFieldClassKey } from "../TextField/index.js";
+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>;
+} : {}) & {
+  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);
+};
+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;
+  MuiTableRow: TableRowClassKey;
+  MuiTableSortLabel: TableSortLabelClassKey;
+  MuiTabs: TabsClassKey;
+  MuiTextField: TextFieldClassKey;
+  MuiToggleButton: ToggleButtonClassKey;
+  MuiToggleButtonGroup: ToggleButtonGroupClassKey;
+  MuiToolbar: ToolbarClassKey;
+  MuiTooltip: TooltipClassKey;
+  MuiTouchRipple: TouchRippleClassKey;
+  MuiTypography: TypographyClassKey;
+}

package/modern/styles/props.d.ts

@@ -0,0 +1,241 @@
+import { AlertProps } from "../Alert/index.js";
+import { AlertTitleProps } from "../AlertTitle/index.js";
+import { AppBarProps } from "../AppBar/index.js";
+import { AutocompleteProps } from "../Autocomplete/index.js";
+import { AvatarProps } from "../Avatar/index.js";
+import { AvatarGroupProps } from "../AvatarGroup/index.js";
+import { BackdropProps } from "../Backdrop/index.js";
+import { BadgeProps } from "../Badge/index.js";
+import { BottomNavigationActionProps } from "../BottomNavigationAction/index.js";
+import { BottomNavigationProps } from "../BottomNavigation/index.js";
+import { BreadcrumbsProps } from "../Breadcrumbs/index.js";
+import { ButtonBaseProps } from "../ButtonBase/index.js";
+import { ButtonGroupProps } from "../ButtonGroup/index.js";
+import { ButtonProps } from "../Button/index.js";
+import { CardActionAreaProps } from "../CardActionArea/index.js";
+import { CardActionsProps } from "../CardActions/index.js";
+import { CardContentProps } from "../CardContent/index.js";
+import { CardHeaderProps } from "../CardHeader/index.js";
+import { CardMediaProps } from "../CardMedia/index.js";
+import { CardProps } from "../Card/index.js";
+import { CheckboxProps } from "../Checkbox/index.js";
+import { ChipProps } from "../Chip/index.js";
+import { CircularProgressProps } from "../CircularProgress/index.js";
+import { CollapseProps } from "../Collapse/index.js";
+import { ContainerProps } from "../Container/index.js";
+import { CssBaselineProps } from "../CssBaseline/index.js";
+import { DialogActionsProps } from "../DialogActions/index.js";
+import { DialogContentProps } from "../DialogContent/index.js";
+import { DialogContentTextProps } from "../DialogContentText/index.js";
+import { DialogProps } from "../Dialog/index.js";
+import { DialogTitleProps } from "../DialogTitle/index.js";
+import { DividerProps } from "../Divider/index.js";
+import { DrawerProps } from "../Drawer/index.js";
+import { AccordionActionsProps } from "../AccordionActions/index.js";
+import { AccordionDetailsProps } from "../AccordionDetails/index.js";
+import { AccordionProps } from "../Accordion/index.js";
+import { AccordionSummaryProps } from "../AccordionSummary/index.js";
+import { FabProps } from "../Fab/index.js";
+import { FilledInputProps } from "../FilledInput/index.js";
+import { FormControlLabelProps } from "../FormControlLabel/index.js";
+import { FormControlProps } from "../FormControl/index.js";
+import { FormGroupProps } from "../FormGroup/index.js";
+import { FormHelperTextProps } from "../FormHelperText/index.js";
+import { FormLabelProps } from "../FormLabel/index.js";
+import { GridLegacyProps } from "../GridLegacy/index.js";
+import { GridProps } from "../Grid/index.js";
+import { IconButtonProps } from "../IconButton/index.js";
+import { IconProps } from "../Icon/index.js";
+import { ImageListProps } from "../ImageList/index.js";
+import { ImageListItemBarProps } from "../ImageListItemBar/index.js";
+import { ImageListItemProps } from "../ImageListItem/index.js";
+import { InputAdornmentProps } from "../InputAdornment/index.js";
+import { InputBaseProps } from "../InputBase/index.js";
+import { InputLabelProps } from "../InputLabel/index.js";
+import { InputProps } from "../Input/index.js";
+import { LinearProgressProps } from "../LinearProgress/index.js";
+import { LinkProps } from "../Link/index.js";
+import { ListItemAvatarProps } from "../ListItemAvatar/index.js";
+import { ListItemIconProps } from "../ListItemIcon/index.js";
+import { ListItemProps } from "../ListItem/index.js";
+import { ListItemButtonProps } from "../ListItemButton/index.js";
+import { ListItemSecondaryActionProps } from "../ListItemSecondaryAction/index.js";
+import { ListItemTextProps } from "../ListItemText/index.js";
+import { ListProps } from "../List/index.js";
+import { ListSubheaderProps } from "../ListSubheader/index.js";
+import { MenuItemProps } from "../MenuItem/index.js";
+import { MenuListProps } from "../MenuList/index.js";
+import { MenuProps } from "../Menu/index.js";
+import { MobileStepperProps } from "../MobileStepper/index.js";
+import { ModalProps } from "../Modal/index.js";
+import { NativeSelectProps } from "../NativeSelect/index.js";
+import { UseMediaQueryOptions } from "../useMediaQuery/index.js";
+import { OutlinedInputProps } from "../OutlinedInput/index.js";
+import { PaginationProps } from "../Pagination/index.js";
+import { PaginationItemProps } from "../PaginationItem/index.js";
+import { PaperProps } from "../Paper/index.js";
+import { PopoverProps } from "../Popover/index.js";
+import { RadioGroupProps } from "../RadioGroup/index.js";
+import { RadioProps } from "../Radio/index.js";
+import { RatingProps } from "../Rating/index.js";
+import { ScopedCssBaselineProps } from "../ScopedCssBaseline/index.js";
+import { SelectProps } from "../Select/index.js";
+import { SkeletonProps } from "../Skeleton/index.js";
+import { SliderProps } from "../Slider/index.js";
+import { SnackbarContentProps } from "../SnackbarContent/index.js";
+import { SnackbarProps } from "../Snackbar/index.js";
+import { SpeedDialProps } from "../SpeedDial/index.js";
+import { SpeedDialActionProps } from "../SpeedDialAction/index.js";
+import { SpeedDialIconProps } from "../SpeedDialIcon/index.js";
+import { StackProps } from "../Stack/index.js";
+import { StepButtonProps } from "../StepButton/index.js";
+import { StepConnectorProps } from "../StepConnector/index.js";
+import { StepContentProps } from "../StepContent/index.js";
+import { StepIconProps } from "../StepIcon/index.js";
+import { StepLabelProps } from "../StepLabel/index.js";
+import { StepperProps } from "../Stepper/index.js";
+import { StepProps } from "../Step/index.js";
+import { SvgIconProps } from "../SvgIcon/index.js";
+import { SwipeableDrawerProps } from "../SwipeableDrawer/index.js";
+import { SwitchProps } from "../Switch/index.js";
+import { TableBodyProps } from "../TableBody/index.js";
+import { TableCellProps } from "../TableCell/index.js";
+import { TableContainerProps } from "../TableContainer/index.js";
+import { TableHeadProps } from "../TableHead/index.js";
+import { TablePaginationProps } from "../TablePagination/index.js";
+import { TableProps } from "../Table/index.js";
+import { TableRowProps } from "../TableRow/index.js";
+import { TableSortLabelProps } from "../TableSortLabel/index.js";
+import { TableFooterProps } from "../TableFooter/index.js";
+import { TabProps } from "../Tab/index.js";
+import { TabsProps } from "../Tabs/index.js";
+import { TextFieldProps } from "../TextField/index.js";
+import { ToggleButtonProps } from "../ToggleButton/index.js";
+import { ToggleButtonGroupProps } from "../ToggleButtonGroup/index.js";
+import { ToolbarProps } from "../Toolbar/index.js";
+import { TooltipProps } from "../Tooltip/index.js";
+import { TouchRippleProps } from "../ButtonBase/TouchRipple.js";
+import { TypographyProps } from "../Typography/index.js";
+import { PopperProps } from "../Popper/index.js";
+export type ComponentsProps = { [Name in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[Name]> };
+export interface ComponentsPropsList {
+  MuiAlert: AlertProps;
+  MuiAlertTitle: AlertTitleProps;
+  MuiAppBar: AppBarProps;
+  MuiAutocomplete: AutocompleteProps<any, any, any, any>;
+  MuiAvatar: AvatarProps;
+  MuiAvatarGroup: AvatarGroupProps;
+  MuiBackdrop: BackdropProps;
+  MuiBadge: BadgeProps;
+  MuiBottomNavigation: BottomNavigationProps;
+  MuiBottomNavigationAction: BottomNavigationActionProps;
+  MuiBreadcrumbs: BreadcrumbsProps;
+  MuiButton: ButtonProps;
+  MuiButtonBase: ButtonBaseProps;
+  MuiButtonGroup: ButtonGroupProps;
+  MuiCard: CardProps;
+  MuiCardActionArea: CardActionAreaProps;
+  MuiCardActions: CardActionsProps;
+  MuiCardContent: CardContentProps;
+  MuiCardHeader: CardHeaderProps;
+  MuiCardMedia: CardMediaProps;
+  MuiCheckbox: CheckboxProps;
+  MuiChip: ChipProps;
+  MuiCircularProgress: CircularProgressProps;
+  MuiCollapse: CollapseProps;
+  MuiContainer: ContainerProps;
+  MuiCssBaseline: CssBaselineProps;
+  MuiDialog: DialogProps;
+  MuiDialogActions: DialogActionsProps;
+  MuiDialogContent: DialogContentProps;
+  MuiDialogContentText: DialogContentTextProps;
+  MuiDialogTitle: DialogTitleProps;
+  MuiDivider: DividerProps;
+  MuiDrawer: DrawerProps;
+  MuiAccordion: AccordionProps;
+  MuiAccordionActions: AccordionActionsProps;
+  MuiAccordionDetails: AccordionDetailsProps;
+  MuiAccordionSummary: AccordionSummaryProps;
+  MuiFab: FabProps;
+  MuiFilledInput: FilledInputProps;
+  MuiFormControl: FormControlProps;
+  MuiFormControlLabel: FormControlLabelProps;
+  MuiFormGroup: FormGroupProps;
+  MuiFormHelperText: FormHelperTextProps;
+  MuiFormLabel: FormLabelProps;
+  MuiGridLegacy: GridLegacyProps;
+  MuiGrid: GridProps;
+  MuiImageList: ImageListProps;
+  MuiImageListItem: ImageListItemProps;
+  MuiImageListItemBar: ImageListItemBarProps;
+  MuiIcon: IconProps;
+  MuiIconButton: IconButtonProps;
+  MuiInput: InputProps;
+  MuiInputAdornment: InputAdornmentProps;
+  MuiInputBase: InputBaseProps;
+  MuiInputLabel: InputLabelProps;
+  MuiLinearProgress: LinearProgressProps;
+  MuiLink: LinkProps;
+  MuiList: ListProps;
+  MuiListItem: ListItemProps;
+  MuiListItemButton: ListItemButtonProps;
+  MuiListItemAvatar: ListItemAvatarProps;
+  MuiListItemIcon: ListItemIconProps;
+  MuiListItemSecondaryAction: ListItemSecondaryActionProps;
+  MuiListItemText: ListItemTextProps;
+  MuiListSubheader: ListSubheaderProps;
+  MuiMenu: MenuProps;
+  MuiMenuItem: MenuItemProps;
+  MuiMenuList: MenuListProps;
+  MuiMobileStepper: MobileStepperProps;
+  MuiModal: ModalProps;
+  MuiNativeSelect: NativeSelectProps;
+  MuiOutlinedInput: OutlinedInputProps;
+  MuiPagination: PaginationProps;
+  MuiPaginationItem: PaginationItemProps;
+  MuiPaper: PaperProps;
+  MuiPopper: PopperProps;
+  MuiPopover: PopoverProps;
+  MuiRadio: RadioProps;
+  MuiRadioGroup: RadioGroupProps;
+  MuiRating: RatingProps;
+  MuiScopedCssBaseline: ScopedCssBaselineProps;
+  MuiSelect: SelectProps;
+  MuiSkeleton: SkeletonProps;
+  MuiSlider: SliderProps;
+  MuiSnackbar: SnackbarProps;
+  MuiSnackbarContent: SnackbarContentProps;
+  MuiSpeedDial: SpeedDialProps;
+  MuiSpeedDialAction: SpeedDialActionProps;
+  MuiSpeedDialIcon: SpeedDialIconProps;
+  MuiStack: StackProps;
+  MuiStep: StepProps;
+  MuiStepButton: StepButtonProps;
+  MuiStepConnector: StepConnectorProps;
+  MuiStepContent: StepContentProps;
+  MuiStepIcon: StepIconProps;
+  MuiStepLabel: StepLabelProps;
+  MuiStepper: StepperProps;
+  MuiSvgIcon: SvgIconProps;
+  MuiSwipeableDrawer: SwipeableDrawerProps;
+  MuiSwitch: SwitchProps;
+  MuiTab: TabProps;
+  MuiTable: TableProps;
+  MuiTableBody: TableBodyProps;
+  MuiTableCell: TableCellProps;
+  MuiTableContainer: TableContainerProps;
+  MuiTableFooter: TableFooterProps;
+  MuiTableHead: TableHeadProps;
+  MuiTablePagination: TablePaginationProps;
+  MuiTableRow: TableRowProps;
+  MuiTableSortLabel: TableSortLabelProps;
+  MuiTabs: TabsProps;
+  MuiTextField: TextFieldProps;
+  MuiToggleButton: ToggleButtonProps;
+  MuiToggleButtonGroup: ToggleButtonGroupProps;
+  MuiToolbar: ToolbarProps;
+  MuiTooltip: TooltipProps;
+  MuiTouchRipple: TouchRippleProps;
+  MuiTypography: TypographyProps;
+  MuiUseMediaQuery: UseMediaQueryOptions;
+}

package/modern/styles/responsiveFontSizes.d.ts

@@ -0,0 +1,11 @@
+import { Breakpoint } from '@mui/system';
+import { Typography } from "./createTypography.js";
+export interface ResponsiveFontSizesOptions {
+  breakpoints?: Breakpoint[];
+  disableAlign?: boolean;
+  factor?: number;
+  variants?: Array<keyof Typography>;
+}
+export default function responsiveFontSizes<T extends {
+  typography: Typography;
+}>(theme: T, options?: ResponsiveFontSizesOptions): T;

package/modern/styles/rootShouldForwardProp.d.ts

@@ -0,0 +1,2 @@
+declare const rootShouldForwardProp: (prop: string) => boolean;
+export default rootShouldForwardProp;

package/modern/styles/shadows.d.ts

@@ -0,0 +1,3 @@
+export type Shadows = ['none', string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+declare const shadows: Shadows;
+export default shadows;

package/modern/styles/shouldSkipGeneratingVar.d.ts

@@ -0,0 +1 @@
+export default function shouldSkipGeneratingVar(keys: string[]): boolean;

package/modern/styles/slotShouldForwardProp.d.ts

@@ -0,0 +1,2 @@
+declare function slotShouldForwardProp(prop: string): boolean;
+export default slotShouldForwardProp;

package/modern/styles/stringifyTheme.d.ts

@@ -0,0 +1,20 @@
+/**
+ * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
+ *
+ * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
+ * For example, in a Next.js project:
+ *
+ * ```js
+ * // next.config.js
+ * const { extendTheme } = require('@mui/material/styles');
+ *
+ * const theme = extendTheme();
+ * // `.toRuntimeSource` is Pigment CSS specific to create a theme that is available at runtime.
+ * theme.toRuntimeSource = stringifyTheme;
+ *
+ * module.exports = withPigment({
+ *  theme,
+ * });
+ * ```
+ */
+export declare function stringifyTheme(baseTheme?: Record<string, any>): string;

package/modern/styles/styled.d.ts

@@ -0,0 +1,13 @@
+import { CreateMUIStyled } from '@mui/system';
+import { Theme } from "./createTheme.js";
+export { default as slotShouldForwardProp } from "./slotShouldForwardProp.js";
+export { default as rootShouldForwardProp } from "./rootShouldForwardProp.js";
+
+/**
+ * Custom styled utility that has a default MUI theme.
+ * @param tag HTML tag or component that should serve as base.
+ * @param options Styled options for the created component.
+ * @returns React component that has styles attached to it.
+ */
+declare const styled: CreateMUIStyled<Theme>;
+export default styled;

package/modern/styles/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "./createTheme.js";
+export default function useTheme<T = Theme>(): T;