@mui/material 7.3.7 → 7.3.9

package/Chip/Chip.d.ts

@@ -37,16 +37,16 @@ export interface ChipOwnProps {
   /**
    * The Avatar element to display.
    */
-  avatar?: React.ReactElement<unknown>;
+  avatar?: React.ReactElement<unknown> | undefined;
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children?: null;
+  children?: null | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ChipClasses>;
+  classes?: Partial<ChipClasses> | undefined;
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -55,27 +55,27 @@ export interface ChipOwnProps {
    * along with the component prop to indicate an anchor Chip is clickable.
    * Note: this controls the UI and does not affect the onClick event.
    */
-  clickable?: boolean;
+  clickable?: boolean | 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 'default'
    */
-  color?: OverridableStringUnion<'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ChipPropsColorOverrides>;
+  color?: OverridableStringUnion<'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ChipPropsColorOverrides> | undefined;
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon?: React.ReactElement<unknown>;
+  deleteIcon?: React.ReactElement<unknown> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Icon element.
    */
-  icon?: React.ReactElement<unknown>;
+  icon?: React.ReactElement<unknown> | undefined;
   /**
    * The content of the component.
    */
@@ -84,31 +84,31 @@ export interface ChipOwnProps {
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete?: React.EventHandler<any>;
+  onDelete?: React.EventHandler<any> | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
    * @default false
    */
-  skipFocusWhenDisabled?: boolean;
+  skipFocusWhenDisabled?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    *  @ignore
    */
-  tabIndex?: number;
+  tabIndex?: number | undefined;
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides> | undefined;
 }
 export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ChipOwnProps & ChipSlotsAndSlotProps;
@@ -128,6 +128,6 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
  */
 declare const Chip: OverridableComponent<ChipTypeMap>;
 export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Chip;

package/Chip/Chip.js

@@ -388,9 +388,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   const handleDeleteIconClick = event => {
     // Stop the event from bubbling up to the `Chip`
     event.stopPropagation();
-    if (onDelete) {
-      onDelete(event);
-    }
+    onDelete(event);
   };
   const handleKeyDown = event => {
     // Ignore events from children of `Chip`.

package/CircularProgress/CircularProgress.d.ts

@@ -10,54 +10,54 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CircularProgressClasses>;
+  classes?: Partial<CircularProgressClasses> | 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' | 'inherit', CircularProgressPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', CircularProgressPropsColorOverrides> | undefined;
   /**
    * If `true`, the shrink animation is disabled.
    * This only works if variant is `indeterminate`.
    * @default false
    */
-  disableShrink?: boolean;
+  disableShrink?: boolean | undefined;
   /**
    * If `true`, a track circle slot is mounted to show a subtle background for the progress.
    * The `size` and `thickness` apply to the track slot to be consistent with the progress circle.
    * @default false
    */
-  enableTrackSlot?: boolean;
+  enableTrackSlot?: boolean | undefined;
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
    * If using a string, you need to provide the CSS unit, for example '3rem'.
    * @default 40
    */
-  size?: number | string;
+  size?: number | string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The thickness of the circle.
    * @default 3.6
    */
-  thickness?: number;
+  thickness?: number | undefined;
   /**
    * The value of the progress indicator for the determinate variant.
    * Value between 0 and 100.
    * @default 0
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * The variant to use.
    * Use indeterminate when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: OverridableStringUnion<'determinate' | 'indeterminate', CircularProgressPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'determinate' | 'indeterminate', CircularProgressPropsVariantOverrides> | undefined;
 }
 
 /**

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -11,12 +11,12 @@ export interface ClickAwayListenerProps {
    * This prop changes how portaled elements are handled.
    * @default false
    */
-  disableReactTree?: boolean;
+  disableReactTree?: boolean | undefined;
   /**
    * The mouse event to listen to. You can disable the listener by providing `false`.
    * @default 'onClick'
    */
-  mouseEvent?: ClickAwayMouseEventHandler | false;
+  mouseEvent?: ClickAwayMouseEventHandler | false | undefined;
   /**
    * Callback fired when a "click away" event is detected.
    */
@@ -25,7 +25,7 @@ export interface ClickAwayListenerProps {
    * The touch event to listen to. You can disable the listener by providing `false`.
    * @default 'onTouchEnd'
    */
-  touchEvent?: ClickAwayTouchEventHandler | false;
+  touchEvent?: ClickAwayTouchEventHandler | false | undefined;
 }
 /**
  * Listen for click events that occur somewhere in the document, outside of the element itself.

package/Collapse/Collapse.d.ts

@@ -11,17 +11,17 @@ export interface CollapseSlots {
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the wrapper.
    * @default 'div'
    */
-  wrapper?: React.ElementType;
+  wrapper?: React.ElementType | undefined;
   /**
    * The component that renders the inner wrapper.
    * @default 'div'
    */
-  wrapperInner?: React.ElementType;
+  wrapperInner?: React.ElementType | undefined;
 }
 export interface CollapseRootSlotPropsOverrides {}
 export interface CollapseWrapperSlotPropsOverrides {}
@@ -36,35 +36,35 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
    * The content node to be collapsed.
    */
   children?: React.ReactNode;
-  className?: string;
+  className?: string | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CollapseClasses>;
+  classes?: Partial<CollapseClasses> | undefined;
   /**
    * The width (horizontal) or height (vertical) of the container when collapsed.
    * @default '0px'
    */
-  collapsedSize?: string | number;
+  collapsedSize?: string | number | undefined;
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType<TransitionProps>;
+  component?: React.ElementType<TransitionProps> | undefined;
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing?: TransitionProps['easing'];
+  easing?: TransitionProps['easing'] | undefined;
   /**
    * If `true`, the component will transition in.
    */
-  in?: boolean;
+  in?: boolean | undefined;
   /**
    * The transition orientation.
    * @default 'vertical'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -72,11 +72,11 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default duration.standard
    */
-  timeout?: TransitionProps['timeout'] | 'auto';
+  timeout?: TransitionProps['timeout'] | 'auto' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CollapseOwnerState extends CollapseProps {
   state: TransitionStatus;

package/Collapse/Collapse.js

@@ -29,11 +29,11 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
-    root: ['root', `${orientation}`],
+    root: ['root', orientation],
     entered: ['entered'],
     hidden: ['hidden'],
-    wrapper: ['wrapper', `${orientation}`],
-    wrapperInner: ['wrapperInner', `${orientation}`]
+    wrapper: ['wrapper', orientation],
+    wrapperInner: ['wrapperInner', orientation]
   };
   return (0, _composeClasses.default)(slots, _collapseClasses.getCollapseUtilityClass, classes);
 };

package/Container/Container.d.ts

@@ -8,12 +8,12 @@ export interface ContainerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ContainerClasses>;
+  classes?: Partial<ContainerClasses> | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -21,18 +21,18 @@ export interface ContainerOwnProps {
    * It's fluid by default.
    * @default false
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'lg'
    */
-  maxWidth?: Breakpoint | false;
+  maxWidth?: Breakpoint | false | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ContainerOwnProps;
@@ -50,6 +50,6 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const Container: OverridableComponent<ContainerTypeMap>;
 export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Container;

package/CssBaseline/CssBaseline.d.ts

@@ -11,7 +11,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
    * For browser support, check out https://caniuse.com/?search=color-scheme
    * @default false
    */
-  enableColorScheme?: boolean;
+  enableColorScheme?: boolean | undefined;
 }
 
 /**

package/Dialog/Dialog.d.ts

@@ -14,24 +14,24 @@ export interface DialogSlots {
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
-  transition?: React.ElementType;
+  transition?: React.ElementType | undefined;
   /**
    * The component that renders the paper.
    * @default Paper
    */
-  paper?: React.ElementType;
+  paper?: React.ElementType | undefined;
   /**
    * The component that renders the container.
    */
-  container?: React.ElementType;
+  container?: React.ElementType | undefined;
   /**
    * The component that renders the backdrop.
    */
-  backdrop?: React.ElementType;
+  backdrop?: React.ElementType | undefined;
   /**
    * The component that renders the root.
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
 }
 export interface DialogTransitionSlotPropsOverrides {}
 export interface DialogPaperSlotPropsOverrides {}
@@ -69,17 +69,17 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
-  'aria-describedby'?: string;
+  'aria-describedby'?: string | undefined;
   /**
    * The id(s) of the element(s) that label the dialog.
    */
-  'aria-labelledby'?: string;
+  'aria-labelledby'?: string | undefined;
   /**
    * Informs assistive technologies that the element is modal.
    * It's added on the element with role="dialog".
    * @default true
    */
-  'aria-modal'?: boolean | 'true' | 'false';
+  'aria-modal'?: boolean | 'true' | 'false' | undefined;
   /**
    * Dialog children, usually the included sub-components.
    */
@@ -87,38 +87,38 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogClasses>;
+  classes?: Partial<DialogClasses> | undefined;
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown?: boolean;
+  disableEscapeKeyDown?: boolean | undefined;
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
-  fullScreen?: boolean;
+  fullScreen?: boolean | undefined;
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
    * Notice that the dialog width grow is limited by the default margin.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * Determine the max-width of the dialog.
    * The dialog width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'sm'
    */
-  maxWidth?: Breakpoint | false;
+  maxWidth?: Breakpoint | false | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose?: ModalProps['onClose'];
+  onClose?: ModalProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -127,22 +127,22 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * The component used to render the body of the dialog.
    * @default Paper
    */
-  PaperComponent?: React.JSXElementConstructor<PaperProps>;
+  PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
   /**
    * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @default {}
    * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
-  scroll?: 'body' | 'paper';
+  scroll?: 'body' | 'paper' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | 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.
@@ -151,7 +151,7 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -160,13 +160,13 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | 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 `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 
 /**

package/Dialog/DialogContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 interface DialogContextValue {
-  titleId?: string;
+  titleId?: string | undefined;
 }
 declare const DialogContext: React.Context<DialogContextValue>;
 export default DialogContext;

package/DialogActions/DialogActions.d.ts

@@ -11,16 +11,16 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogActionsClasses>;
+  classes?: Partial<DialogActionsClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing?: boolean;
+  disableSpacing?: boolean | undefined;
 }
 
 /**

package/DialogContent/DialogContent.d.ts

@@ -11,16 +11,16 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogContentClasses>;
+  classes?: Partial<DialogContentClasses> | undefined;
   /**
    * Display the top and bottom dividers.
    * @default false
    */
-  dividers?: boolean;
+  dividers?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/DialogContentText/DialogContentText.d.ts

@@ -8,11 +8,11 @@ export interface DialogContentTextOwnProps extends Omit<TypographyTypeMap['props
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogContentTextClasses>;
+  classes?: Partial<DialogContentTextClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent']> {
   props: AdditionalProps & DialogContentTextOwnProps;
@@ -32,6 +32,6 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
  */
 declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
 export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default DialogContentText;

package/DialogTitle/DialogTitle.d.ts

@@ -12,11 +12,11 @@ export interface DialogTitleOwnProps extends Omit<TypographyTypeMap['props'], 'c
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogTitleClasses>;
+  classes?: Partial<DialogTitleClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent']> {
   props: AdditionalProps & DialogTitleOwnProps;
@@ -36,8 +36,8 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
  */
 declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
 export type DialogTitleProps<RootComponent extends React.ElementType = DialogTitleTypeMap['defaultComponent'], AdditionalProps = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<DialogTitleTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default DialogTitle;

package/Divider/Divider.d.ts

@@ -10,7 +10,7 @@ export interface DividerOwnProps {
    * Absolutely position the element.
    * @default false
    */
-  absolute?: boolean;
+  absolute?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -18,38 +18,38 @@ export interface DividerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DividerClasses>;
+  classes?: Partial<DividerClasses> | undefined;
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
-  flexItem?: boolean;
+  flexItem?: boolean | undefined;
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  light?: boolean;
+  light?: boolean | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign?: 'center' | 'right' | 'left';
+  textAlign?: 'center' | 'right' | 'left' | undefined;
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides> | undefined;
 }
 export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'hr'> {
   props: AdditionalProps & DividerOwnProps;
@@ -69,6 +69,6 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  */
 declare const Divider: OverridableComponent<DividerTypeMap>;
 export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Divider;