@mui/material 7.3.8 → 7.3.9

package/esm/Popover/Popover.d.ts

@@ -77,13 +77,13 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action?: React.Ref<PopoverActions>;
+  action?: React.Ref<PopoverActions> | undefined;
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl?: null | Element | PopoverVirtualElement | (() => Element | PopoverVirtualElement | null);
+  anchorEl?: null | Element | PopoverVirtualElement | (() => Element | PopoverVirtualElement | null) | undefined;
   /**
    * This is the point on the anchor where the popover's
    * `anchorEl` will attach to. This is not used when the
@@ -97,18 +97,18 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   horizontal: 'left',
    * }
    */
-  anchorOrigin?: PopoverOrigin;
+  anchorOrigin?: PopoverOrigin | undefined;
   /**
    * This is the position that may be used to set the position of the popover.
    * The coordinates are relative to the application's client area.
    */
-  anchorPosition?: PopoverPosition;
+  anchorPosition?: PopoverPosition | undefined;
   /**
    * This determines which anchor prop to refer to when setting
    * the position of the popover.
    * @default 'anchorEl'
    */
-  anchorReference?: PopoverReference;
+  anchorReference?: PopoverReference | undefined;
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
@@ -122,12 +122,12 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   zIndex: -1,
    * })
    */
-  BackdropComponent?: React.ElementType<BackdropProps>;
+  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  BackdropProps?: Partial<BackdropProps>;
+  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * The content of the component.
    */
@@ -135,7 +135,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<PopoverClasses>;
+  classes?: Partial<PopoverClasses> | undefined;
   /**
    * An HTML element, component instance, or function that returns either.
    * The `container` will passed to the Modal component.
@@ -143,19 +143,19 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * By default, it uses the body of the anchorEl's top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: ModalProps['container'];
+  container?: ModalProps['container'] | undefined;
   /**
    * The elevation of the popover.
    * @default 8
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
    * @default 16
    */
-  marginThreshold?: number | null;
-  onClose?: ModalProps['onClose'];
+  marginThreshold?: number | null | undefined;
+  onClose?: ModalProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -168,11 +168,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *
    * @default {}
    */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * This is the point on the popover which
    * will attach to the anchor's origin.
@@ -185,7 +185,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    *   horizontal: 'left',
    * }
    */
-  transformOrigin?: PopoverOrigin;
+  transformOrigin?: PopoverOrigin | undefined;
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
@@ -194,19 +194,19 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  transitionDuration?: TransitionProps['timeout'] | 'auto';
+  transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
 export interface PopoverActions {

package/esm/Popover/Popover.js

@@ -12,6 +12,7 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import isHostComponent from '@mui/utils/isHostComponent';
 import { styled } from "../zero-styled/index.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import isLayoutSupported from "../utils/isLayoutSupported.js";
 import debounce from "../utils/debounce.js";
 import ownerDocument from "../utils/ownerDocument.js";
 import ownerWindow from "../utils/ownerWindow.js";
@@ -148,7 +149,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const anchorRect = anchorElement.getBoundingClientRect();
     if (process.env.NODE_ENV !== 'production') {
       const box = anchorElement.getBoundingClientRect();
-      if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+      if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
         console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
       }
     }
@@ -399,8 +400,10 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
         const box = resolvedAnchorEl.getBoundingClientRect();
-        if (process.env.NODE_ENV !== 'production' && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+        if (process.env.NODE_ENV !== 'production') {
+          if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+            return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          }
         }
       } else {
         return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', `It should be an Element or PopoverVirtualElement instance but it's \`${resolvedAnchorEl}\` instead.`].join('\n'));

package/esm/Popper/BasePopper.js

@@ -11,6 +11,7 @@ import { createPopper } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
+import isLayoutSupported from "../utils/isLayoutSupported.js";
 import Portal from "../Portal/index.js";
 import { getPopperUtilityClass } from "./popperClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -105,7 +106,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     if (process.env.NODE_ENV !== 'production') {
       if (resolvedAnchorElement && isHTMLElement(resolvedAnchorElement) && resolvedAnchorElement.nodeType === 1) {
         const box = resolvedAnchorElement.getBoundingClientRect();
-        if (!globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+        if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
           console.warn(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
       }
@@ -267,8 +268,10 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {
         const box = resolvedAnchorEl.getBoundingClientRect();
-        if (process.env.NODE_ENV !== 'production' && !globalThis.MUI_TEST_ENV && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+        if (process.env.NODE_ENV !== 'production') {
+          if (isLayoutSupported() && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+            return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          }
         }
       } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || isVirtualElement(resolvedAnchorEl) && resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
         return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));

package/esm/Popper/BasePopper.types.d.ts

@@ -12,7 +12,7 @@ export interface PopperTransitionProps {
 }
 export interface PopperChildrenProps {
   placement: PopperPlacementType;
-  TransitionProps?: PopperTransitionProps;
+  TransitionProps?: PopperTransitionProps | undefined;
 }
 export interface PopperOwnProps {
   /**
@@ -21,7 +21,7 @@ export interface PopperOwnProps {
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement);
+  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement) | undefined;
   /**
    * Popper render function or node.
    */
@@ -36,24 +36,24 @@ export interface PopperOwnProps {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: PortalProps['container'];
+  container?: PortalProps['container'] | undefined;
   /**
    * Direction of the text.
    * @default 'ltr'
    */
-  direction?: 'ltr' | 'rtl';
+  direction?: 'ltr' | 'rtl' | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: PortalProps['disablePortal'];
+  disablePortal?: PortalProps['disablePortal'] | undefined;
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Popper.
    * @default false
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Popper.js is based on a "plugin-like" architecture,
    * most of its features are fully encapsulated "modifiers".
@@ -63,7 +63,7 @@ export interface PopperOwnProps {
    * For this reason, modifiers should be very performant to avoid bottlenecks.
    * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
    */
-  modifiers?: Options['modifiers'];
+  modifiers?: Options['modifiers'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -72,41 +72,41 @@ export interface PopperOwnProps {
    * Popper placement.
    * @default 'bottom'
    */
-  placement?: PopperPlacementType;
+  placement?: PopperPlacementType | undefined;
   /**
    * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
    * @default {}
    */
-  popperOptions?: Partial<OptionsGeneric<any>>;
+  popperOptions?: Partial<OptionsGeneric<any>> | undefined;
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef?: React.Ref<Instance>;
+  popperRef?: React.Ref<Instance> | undefined;
   /**
    * The props used for each slot inside the Popper.
    * @default {}
    */
   slotProps?: {
-    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState>;
-  };
+    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState> | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots?: PopperSlots;
+  slots?: PopperSlots | undefined;
   /**
    * Help supporting a react-transition-group/Transition component.
    * @default false
    */
-  transition?: boolean;
+  transition?: boolean | undefined;
 }
 export interface PopperSlots {
   /**
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
 }
 export type PopperOwnerState = PopperOwnProps;
 export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
@@ -115,7 +115,7 @@ export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends R
 }
 export type PopperProps<RootComponentType extends React.ElementType = PopperTypeMap['defaultComponent']> = PolymorphicProps<PopperTypeMap<{}, RootComponentType>, RootComponentType>;
 export type PopperTooltipOwnProps = Omit<PopperOwnProps, 'container' | 'keepMounted' | 'transition'> & {
-  TransitionProps?: PopperTransitionProps;
+  TransitionProps?: PopperTransitionProps | undefined;
 };
 export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
   props: PopperTooltipOwnProps & AdditionalProps;
@@ -123,7 +123,7 @@ export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType ex
 }
 export type PopperTooltipProps<RootComponentType extends React.ElementType = PopperTooltipTypeMap['defaultComponent']> = PolymorphicProps<PopperTooltipTypeMap<{}, RootComponentType>, RootComponentType>;
 export interface PopperRootSlotProps {
-  className?: string;
+  className?: string | undefined;
   ref: React.Ref<any>;
   ownerState: PopperOwnerState;
 }

package/esm/Popper/Popper.d.ts

@@ -7,7 +7,7 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
@@ -16,19 +16,19 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The props used for each slot inside the Popper.
    *
    * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
-  componentsProps?: BasePopperProps['slotProps'];
+  componentsProps?: BasePopperProps['slotProps'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 /**
  *

package/esm/Portal/Portal.types.d.ts

@@ -14,10 +14,10 @@ export interface PortalProps {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: Element | (() => Element | null) | null;
+  container?: Element | (() => Element | null) | null | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: boolean;
+  disablePortal?: boolean | undefined;
 }

package/esm/Radio/Radio.d.ts

@@ -43,18 +43,18 @@ export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon'
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<RadioClasses>;
+  classes?: Partial<RadioClasses> | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', RadioPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', RadioPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when the component is unchecked.
    * @default <RadioButtonIcon />
@@ -65,11 +65,11 @@ export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon'
    * `small` is equivalent to the dense radio styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'> {}
 

package/esm/RadioGroup/RadioGroup.d.ts

@@ -9,7 +9,7 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
    * The name used to reference the value of the control.
    * If you don't provide this prop, it falls back to a randomly generated name.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when a radio button is selected.
    *
@@ -17,7 +17,7 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
    * @param {string} value The value of the selected radio button.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: string) => void) | undefined;
   /**
    * Value of the selected radio button. The DOM API casts this to a string.
    */

package/esm/Rating/Rating.d.ts

@@ -61,17 +61,17 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<RatingClasses>;
+  classes?: Partial<RatingClasses> | undefined;
   /**
    * The default value. Use when the component is not controlled.
    * @default null
    */
-  defaultValue?: number;
+  defaultValue?: number | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when empty.
    * @default <StarBorder fontSize="inherit" />
@@ -93,12 +93,12 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    *   return `${value || '0'} Star${value !== 1 ? 's' : ''}`;
    * }
    */
-  getLabelText?: (value: number) => string;
+  getLabelText?: ((value: number) => string) | undefined;
   /**
    * If `true`, only the selected icon will be highlighted.
    * @default false
    */
-  highlightSelectedOnly?: boolean;
+  highlightSelectedOnly?: boolean | undefined;
   /**
    * The icon to display.
    * @default <Star fontSize="inherit" />
@@ -112,53 +112,53 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    *   return <span {...other} />;
    * }
    */
-  IconContainerComponent?: React.ElementType<IconContainerProps>;
+  IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
   /**
    * Maximum rating.
    * @default 5
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * The name attribute of the radio `input` elements.
    * This input `name` should be unique within the page.
    * Being unique within a form is insufficient since the `name` is used to generate IDs.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when the value changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number|null} value The new value.
    */
-  onChange?: (event: React.SyntheticEvent, value: number | null) => void;
+  onChange?: ((event: React.SyntheticEvent, value: number | null) => void) | undefined;
   /**
    * Callback function that is fired when the hover state changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number} value The new value.
    */
-  onChangeActive?: (event: React.SyntheticEvent, value: number) => void;
+  onChangeActive?: ((event: React.SyntheticEvent, value: number) => void) | undefined;
   /**
    * The minimum increment value change allowed.
    * @default 1
    */
-  precision?: number;
+  precision?: number | undefined;
   /**
    * Removes all hover effects and pointer events.
    * @default false
    */
-  readOnly?: boolean;
+  readOnly?: boolean | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The rating value.
    */
-  value?: number | null;
+  value?: number | null | undefined;
 }
 export interface RatingOwnerState extends Omit<RatingProps, 'slots' | 'slotProps'> {}
 export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = {
@@ -178,6 +178,6 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  */
 declare const Rating: OverridableComponent<RatingTypeMap>;
 export type RatingProps<RootComponent extends React.ElementType = RatingTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<RatingTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Rating;

package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -11,17 +11,17 @@ export interface ScopedCssBaselineOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ScopedCssBaselineClasses>;
+  classes?: Partial<ScopedCssBaselineClasses> | undefined;
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
    * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    */
-  enableColorScheme?: boolean;
+  enableColorScheme?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ScopedCssBaselineOwnProps;
@@ -39,7 +39,7 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
  */
 declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
 export type ScopedCssBaselineProps<RootComponent extends React.ElementType = ScopedCssBaselineTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ScopedCssBaselineTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 
 /**