@mui/material 7.0.1 → 7.1.0

package/modern/styles/props.d.ts

@@ -1,241 +0,0 @@
-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/props.js

@@ -1 +0,0 @@
-export {};

package/modern/styles/responsiveFontSizes.d.ts

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

package/modern/styles/responsiveFontSizes.js

@@ -1,67 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from "./cssUtils.js";
-export default function responsiveFontSizes(themeInput, options = {}) {
-  const {
-    breakpoints = ['sm', 'md', 'lg'],
-    disableAlign = false,
-    factor = 2,
-    variants = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline']
-  } = options;
-  const theme = {
-    ...themeInput
-  };
-  theme.typography = {
-    ...theme.typography
-  };
-  const typography = theme.typography;
-
-  // Convert between CSS lengths e.g. em->px or px->rem
-  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
-  const convert = convertLength(typography.htmlFontSize);
-  const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
-  variants.forEach(variant => {
-    const style = typography[variant];
-    if (!style) {
-      return;
-    }
-    const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-    if (remFontSize <= 1) {
-      return;
-    }
-    const maxFontSize = remFontSize;
-    const minFontSize = 1 + (maxFontSize - 1) / factor;
-    let {
-      lineHeight
-    } = style;
-    if (!isUnitless(lineHeight) && !disableAlign) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Unsupported non-unitless line height with grid alignment.\n' + 'Use unitless line heights instead.' : _formatErrorMessage(6));
-    }
-    if (!isUnitless(lineHeight)) {
-      // make it unitless
-      lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
-    }
-    let transform = null;
-    if (!disableAlign) {
-      transform = value => alignProperty({
-        size: value,
-        grid: fontGrid({
-          pixels: 4,
-          lineHeight,
-          htmlFontSize: typography.htmlFontSize
-        })
-      });
-    }
-    typography[variant] = {
-      ...style,
-      ...responsiveProperty({
-        cssProperty: 'fontSize',
-        min: minFontSize,
-        max: maxFontSize,
-        unit: 'rem',
-        breakpoints: breakpointValues,
-        transform
-      })
-    };
-  });
-  return theme;
-}

package/modern/styles/rootShouldForwardProp.d.ts

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

package/modern/styles/rootShouldForwardProp.js

@@ -1,3 +0,0 @@
-import slotShouldForwardProp from "./slotShouldForwardProp.js";
-const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
-export default rootShouldForwardProp;

package/modern/styles/shadows.d.ts

@@ -1,3 +0,0 @@
-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/shadows.js

@@ -1,10 +0,0 @@
-const shadowKeyUmbraOpacity = 0.2;
-const shadowKeyPenumbraOpacity = 0.14;
-const shadowAmbientShadowOpacity = 0.12;
-function createShadow(...px) {
-  return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(',');
-}
-
-// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-export default shadows;

package/modern/styles/shouldSkipGeneratingVar.d.ts

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

package/modern/styles/shouldSkipGeneratingVar.js

@@ -1,5 +0,0 @@
-export default function shouldSkipGeneratingVar(keys) {
-  return !!keys[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys[0].match(/sxConfig$/) ||
-  // ends with sxConfig
-  keys[0] === 'palette' && !!keys[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
-}

package/modern/styles/slotShouldForwardProp.d.ts

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

package/modern/styles/slotShouldForwardProp.js

@@ -1,5 +0,0 @@
-// copied from @mui/system/createStyled
-function slotShouldForwardProp(prop) {
-  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
-}
-export default slotShouldForwardProp;

package/modern/styles/stringifyTheme.d.ts

@@ -1,20 +0,0 @@
-/**
- * `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/stringifyTheme.js

@@ -1,54 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-import { isPlainObject } from '@mui/utils/deepmerge';
-function isSerializable(val) {
-  return isPlainObject(val) || typeof val === 'undefined' || typeof val === 'string' || typeof val === 'boolean' || typeof val === 'number' || Array.isArray(val);
-}
-
-/**
- * `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 function stringifyTheme(baseTheme = {}) {
-  const serializableTheme = {
-    ...baseTheme
-  };
-  function serializeTheme(object) {
-    const array = Object.entries(object);
-    // eslint-disable-next-line no-plusplus
-    for (let index = 0; index < array.length; index++) {
-      const [key, value] = array[index];
-      if (!isSerializable(value) || key.startsWith('unstable_')) {
-        delete object[key];
-      } else if (isPlainObject(value)) {
-        object[key] = {
-          ...value
-        };
-        serializeTheme(object[key]);
-      }
-    }
-  }
-  serializeTheme(serializableTheme);
-  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
-
-const theme = ${JSON.stringify(serializableTheme, null, 2)};
-
-theme.breakpoints = createBreakpoints(theme.breakpoints || {});
-theme.transitions = createTransitions(theme.transitions || {});
-
-export default theme;`;
-}

package/modern/styles/styled.d.ts

@@ -1,13 +0,0 @@
-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/styled.js

@@ -1,14 +0,0 @@
-'use client';
-
-import createStyled from '@mui/system/createStyled';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-import rootShouldForwardProp from "./rootShouldForwardProp.js";
-export { default as slotShouldForwardProp } from "./slotShouldForwardProp.js";
-export { default as rootShouldForwardProp } from "./rootShouldForwardProp.js";
-const styled = createStyled({
-  themeId: THEME_ID,
-  defaultTheme,
-  rootShouldForwardProp
-});
-export default styled;

package/modern/styles/useTheme.d.ts

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

package/modern/styles/useTheme.js

@@ -1,15 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useTheme as useThemeSystem } from '@mui/system';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-export default function useTheme() {
-  const theme = useThemeSystem(defaultTheme);
-  if (process.env.NODE_ENV !== 'production') {
-    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme[THEME_ID] || theme;
-}

package/modern/styles/useThemeProps.d.ts

@@ -1,42 +0,0 @@
-import { Theme } from "./createTheme.js";
-import { Components } from "./components.js";
-export interface ThemeWithProps {
-  components?: Components<Omit<Theme, 'components'>>;
-}
-export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
-  components: Record<Name, {
-    defaultProps: infer Props;
-  }>;
-} ? Props : {};
-
-/**
- * Merges input `props` with the `defaultProps` for a component that were defined in the theme.
- *
- * The `defaultProps` are defined in the theme under `theme.components[componentName].defaultProps`.
- *
- * @example
- *
- * ```tsx
- * const createTheme = () => ({
- *   components: {
- *     MuiStat: {
- *       defaultProps: {
- *         variant: 'outlined',
- *       },
- *     },
- *   },
- * });
- *
- * function Stat(props) {
- *   const themeProps = useThemeProps({ props, name: 'MuiStat' });
- *   return <div {...themeProps} />;
- * }
- * ```
- *
- * @param params.props The input props
- * @param params.name The name of the component as defined in the theme
- */
-export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
-  props: Props;
-  name: Name;
-}): Props & ThemedProps<Theme, Name>;

package/modern/styles/useThemeProps.js

@@ -1,16 +0,0 @@
-'use client';
-
-import systemUseThemeProps from '@mui/system/useThemeProps';
-import defaultTheme from "./defaultTheme.js";
-import THEME_ID from "./identifier.js";
-export default function useThemeProps({
-  props,
-  name
-}) {
-  return systemUseThemeProps({
-    props,
-    name,
-    defaultTheme,
-    themeId: THEME_ID
-  });
-}

package/modern/styles/variants.d.ts

@@ -1,10 +0,0 @@
-import { Interpolation } from '@mui/system';
-import { ComponentsPropsList } from "./props.js";
-export type ComponentsVariants<Theme = unknown> = { [Name in keyof ComponentsPropsList]?: Array<{
-  props: Partial<ComponentsPropsList[Name]> | ((props: Partial<ComponentsPropsList[Name]> & {
-    ownerState: Partial<ComponentsPropsList[Name]>;
-  }) => boolean);
-  style: Interpolation<{
-    theme: Theme;
-  }>;
-}> };

package/modern/styles/variants.js

@@ -1 +0,0 @@
-export {};

package/modern/styles/withStyles.d.ts

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

package/modern/styles/withStyles.js

@@ -1,4 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export default function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(15));
-}

package/modern/styles/withTheme.d.ts

@@ -1 +0,0 @@
-export default function withTheme(Component: any): never;

package/modern/styles/withTheme.js

@@ -1,4 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-export default function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withTheme is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(16));
-}

package/modern/styles/zIndex.d.ts

@@ -1,13 +0,0 @@
-export interface ZIndex {
-  mobileStepper: number;
-  speedDial: number;
-  appBar: number;
-  drawer: number;
-  modal: number;
-  snackbar: number;
-  tooltip: number;
-  fab: number;
-}
-export type ZIndexOptions = Partial<ZIndex>;
-declare const zIndex: ZIndex;
-export default zIndex;

package/modern/styles/zIndex.js

@@ -1,13 +0,0 @@
-// We need to centralize the zIndex definitions as they work
-// like global values in the browser.
-const zIndex = {
-  mobileStepper: 1000,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-};
-export default zIndex;

package/modern/themeCssVarsAugmentation/index.d.ts

@@ -1,10 +0,0 @@
-export {};
-/**
- * Enhance the theme types to include new properties from the CssVarsProvider.
- * The theme is typed with CSS variables in `styled`, `sx`, `useTheme`, etc.
- */
-declare module '@mui/material/styles' {
-  interface CssThemeVariables {
-    enabled: true;
-  }
-}

package/modern/transitions/index.d.ts

@@ -1 +0,0 @@
-export * from "./transition.js";

package/modern/transitions/index.js

@@ -1 +0,0 @@
-export * from "./transition.js";

package/modern/transitions/transition.d.ts

@@ -1,12 +0,0 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-  easing: string | {
-    enter?: string;
-    exit?: string;
-  };
-}
-export type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {}