@mui/material 7.3.8 → 7.3.9

package/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -7,7 +7,7 @@ export interface SwipeableDrawerSlots {
    * The component used for the swipeArea slot.
    * @default div
    */
-  swipeArea?: React.ElementType;
+  swipeArea?: React.ElementType | undefined;
 }
 type SwipeableDrawerSlotsAndSlotProps = DrawerSlotsAndSlotProps & CreateSlotsAndSlotProps<SwipeableDrawerSlots, {
   /**
@@ -29,38 +29,38 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    *
    * @default false
    */
-  allowSwipeInChildren?: boolean | ((event: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean);
+  allowSwipeInChildren?: boolean | ((event: TouchEvent, swipeArea: HTMLDivElement, paper: HTMLDivElement) => boolean) | undefined;
   /**
    * Disable the backdrop transition.
    * This can improve the FPS on low-end devices.
    * @default false
    */
-  disableBackdropTransition?: boolean;
+  disableBackdropTransition?: boolean | undefined;
   /**
    * If `true`, touching the screen near the edge of the drawer will not slide in the drawer a bit
    * to promote accidental discovery of the swipe gesture.
    * @default false
    */
-  disableDiscovery?: boolean;
+  disableDiscovery?: boolean | undefined;
   /**
    * If `true`, swipe to open is disabled. This is useful in browsers where swiping triggers
    * navigation actions. Swipe to open is disabled on iOS browsers by default.
    * @default typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent)
    */
-  disableSwipeToOpen?: boolean;
+  disableSwipeToOpen?: boolean | undefined;
   /**
    * Affects how far the drawer must be opened/closed to change its state.
    * Specified as percent (0-1) of the width of the drawer
    * @default 0.52
    */
-  hysteresis?: number;
+  hysteresis?: number | undefined;
   /**
    * Defines, from which (average) velocity on, the swipe is
    * defined as complete although hysteresis isn't reached.
    * Good threshold is between 250 - 1000 px/s
    * @default 450
    */
-  minFlingVelocity?: number;
+  minFlingVelocity?: number | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -77,18 +77,18 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * If `true`, the component is shown.
    * @default false
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The element is used to intercept the touch events on the edge.
    * @deprecated use the `slotProps.swipeArea` 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.
    */
-  SwipeAreaProps?: object;
+  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.
    * @default 20
    */
-  swipeAreaWidth?: number;
+  swipeAreaWidth?: number | undefined;
 }
 
 /**

package/Switch/Switch.d.ts

@@ -76,18 +76,18 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SwitchClasses>;
+  classes?: Partial<SwitchClasses> | 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', SwitchPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', SwitchPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when the component is unchecked.
    */
@@ -97,11 +97,11 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
    * `small` is equivalent to the dense switch styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', SwitchPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', SwitchPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.

package/Tab/Tab.d.ts

@@ -9,30 +9,30 @@ export interface TabOwnProps {
    * 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<TabClasses>;
+  classes?: Partial<TabClasses> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * The icon to display.
    */
-  icon?: string | React.ReactElement<unknown>;
+  icon?: string | React.ReactElement<unknown> | undefined;
   /**
    * The position of the icon relative to the label.
    * @default 'top'
    */
-  iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+  iconPosition?: 'top' | 'bottom' | 'start' | 'end' | undefined;
   /**
    * The label element.
    */
@@ -40,7 +40,7 @@ export interface TabOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
@@ -50,7 +50,7 @@ export interface TabOwnProps {
    * They can use a second line if needed.
    * @default false
    */
-  wrapped?: boolean;
+  wrapped?: boolean | undefined;
 }
 export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & TabOwnProps;
@@ -70,6 +70,6 @@ export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
  */
 declare const Tab: ExtendButtonBase<TabTypeMap>;
 export type TabProps<RootComponent extends React.ElementType = TabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Tab;

package/TabScrollButton/TabScrollButton.d.ts

@@ -18,24 +18,24 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TabScrollButtonClasses>;
+  classes?: Partial<TabScrollButtonClasses> | undefined;
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots?: {
-    StartScrollButtonIcon?: React.ElementType;
-    EndScrollButtonIcon?: React.ElementType;
-  };
+    StartScrollButtonIcon?: React.ElementType | undefined;
+    EndScrollButtonIcon?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    * @default {}
    */
   slotProps?: {
-    startScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonStartIconSlotPropsOverrides, TabScrollButtonOwnerState>;
-    endScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonEndIconSlotPropsOverrides, TabScrollButtonOwnerState>;
-  };
+    startScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonStartIconSlotPropsOverrides, TabScrollButtonOwnerState> | undefined;
+    endScrollButtonIcon?: SlotComponentProps<typeof SvgIcon, TabScrollButtonEndIconSlotPropsOverrides, TabScrollButtonOwnerState> | undefined;
+  } | undefined;
   /**
    * The direction the button should indicate.
    */
@@ -44,7 +44,7 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The component orientation (layout flow direction).
    */
@@ -52,7 +52,7 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/Table/Table.d.ts

@@ -13,26 +13,26 @@ export interface TableOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableClasses>;
+  classes?: Partial<TableClasses> | undefined;
   /**
    * Allows TableCells to inherit padding of the Table.
    * @default 'normal'
    */
-  padding?: 'normal' | 'checkbox' | 'none';
+  padding?: 'normal' | 'checkbox' | 'none' | undefined;
   /**
    * Allows TableCells to inherit size of the Table.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides> | undefined;
   /**
    * Set the header sticky.
    * @default false
    */
-  stickyHeader?: boolean;
+  stickyHeader?: 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 TableTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'table'> {
   props: AdditionalProps & TableOwnProps;
@@ -50,6 +50,6 @@ export interface TableTypeMap<AdditionalProps = {}, RootComponent extends React.
  */
 declare const Table: OverridableComponent<TableTypeMap>;
 export type TableProps<RootComponent extends React.ElementType = TableTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Table;

package/TableBody/TableBody.d.ts

@@ -11,11 +11,11 @@ export interface TableBodyOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableBodyClasses>;
+  classes?: Partial<TableBodyClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tbody'> {
   props: AdditionalProps & TableBodyOwnProps;
@@ -33,6 +33,6 @@ export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const TableBody: OverridableComponent<TableBodyTypeMap>;
 export type TableBodyProps<RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableBody;

package/TableCell/TableCell.d.ts

@@ -23,7 +23,7 @@ export interface TableCellProps extends StandardProps<TableCellBaseProps, 'align
    * you to add them up quickly in your head without having to worry about decimals.
    * @default 'inherit'
    */
-  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify' | undefined;
   /**
    * The content of the component.
    */
@@ -31,39 +31,39 @@ export interface TableCellProps extends StandardProps<TableCellBaseProps, 'align
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableCellClasses>;
+  classes?: Partial<TableCellClasses> | undefined;
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType<TableCellBaseProps>;
+  component?: React.ElementType<TableCellBaseProps> | undefined;
   /**
    * Sets the padding applied to the cell.
    * The prop defaults to the value (`'default'`) inherited from the parent Table component.
    */
-  padding?: 'normal' | 'checkbox' | 'none';
+  padding?: 'normal' | 'checkbox' | 'none' | undefined;
   /**
    * Set scope attribute.
    */
-  scope?: TableCellBaseProps['scope'];
+  scope?: TableCellBaseProps['scope'] | undefined;
   /**
    * Specify the size of the cell.
    * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
    */
-  size?: OverridableStringUnion<'small' | 'medium', TableCellPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', TableCellPropsSizeOverrides> | undefined;
   /**
    * Set aria-sort direction.
    */
-  sortDirection?: SortDirection;
+  sortDirection?: SortDirection | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Specify the cell type.
    * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
    */
-  variant?: OverridableStringUnion<'head' | 'body' | 'footer', TableCellPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'head' | 'body' | 'footer', TableCellPropsVariantOverrides> | undefined;
 }
 export type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.TdHTMLAttributes<HTMLTableCellElement>;
 export type SortDirection = 'asc' | 'desc' | false;

package/TableContainer/TableContainer.d.ts

@@ -11,11 +11,11 @@ export interface TableContainerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableContainerClasses>;
+  classes?: Partial<TableContainerClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & TableContainerOwnProps;
@@ -33,6 +33,6 @@ export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent exten
  */
 declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
 export type TableContainerProps<RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableContainer;

package/TableFooter/TableFooter.d.ts

@@ -11,11 +11,11 @@ export interface TableFooterOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableFooterClasses>;
+  classes?: Partial<TableFooterClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tfoot'> {
   props: AdditionalProps & TableFooterOwnProps;
@@ -33,6 +33,6 @@ export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends
  */
 declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
 export type TableFooterProps<RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableFooter;

package/TableHead/TableHead.d.ts

@@ -11,11 +11,11 @@ export interface TableHeadOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableHeadClasses>;
+  classes?: Partial<TableHeadClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface TableHeadTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'thead'> {
   props: AdditionalProps & TableHeadOwnProps;
@@ -33,6 +33,6 @@ export interface TableHeadTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const TableHead: OverridableComponent<TableHeadTypeMap>;
 export type TableHeadProps<RootComponent extends React.ElementType = TableHeadTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableHeadTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableHead;

package/TablePagination/TablePagination.d.ts

@@ -121,18 +121,18 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    * Either a string to use a HTML element or a component.
    * @default TablePaginationActions
    */
-  ActionsComponent?: React.ElementType<TablePaginationActionsProps>;
+  ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
   /**
    * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
    *
    * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
    * @deprecated Use `slotProps.actions.previousButton` instead.
    */
-  backIconButtonProps?: Partial<IconButtonProps>;
+  backIconButtonProps?: Partial<IconButtonProps> | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TablePaginationClasses>;
+  classes?: Partial<TablePaginationClasses> | undefined;
   /**
    * The total number of rows.
    *
@@ -143,7 +143,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -155,7 +155,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *   return `Go to ${type} page`;
    * }
    */
-  getItemAriaLabel?: (type: 'first' | 'last' | 'next' | 'previous') => string;
+  getItemAriaLabel?: ((type: 'first' | 'last' | 'next' | 'previous') => string) | undefined;
   /**
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
@@ -165,7 +165,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
    */
-  labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;
+  labelDisplayedRows?: ((paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode) | undefined;
   /**
    * Customize the rows per page label.
    *
@@ -179,7 +179,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
    * @deprecated Use `slotProps.actions.nextButton` instead.
    */
-  nextIconButtonProps?: Partial<IconButtonProps>;
+  nextIconButtonProps?: Partial<IconButtonProps> | undefined;
   /**
    * Callback fired when the page is changed.
    *
@@ -192,7 +192,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *
    * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
    */
-  onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  onRowsPerPageChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
   /**
    * The zero-based index of the current page.
    */
@@ -212,7 +212,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
   rowsPerPageOptions?: ReadonlyArray<number | {
     value: number;
     label: string;
-  }>;
+  }> | undefined;
   /**
    * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
    *
@@ -221,21 +221,21 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    *
    * @default {}
    */
-  SelectProps?: Partial<SelectProps>;
+  SelectProps?: Partial<SelectProps> | undefined;
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton?: boolean;
+  showFirstButton?: boolean | undefined;
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton?: boolean;
+  showLastButton?: 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 TablePaginationOwnerState extends TablePaginationOwnProps {}
 export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
@@ -258,6 +258,6 @@ export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends R
  */
 declare const TablePagination: OverridableComponent<TablePaginationTypeMap<{}, React.JSXElementConstructor<TablePaginationBaseProps>>>;
 export type TablePaginationProps<RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>, AdditionalProps = {}> = OverrideProps<TablePaginationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TablePagination;

package/TablePaginationActions/TablePaginationActions.d.ts

@@ -6,18 +6,18 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
    * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
    * @deprecated Use `slotProps.previousButton` instead.
    */
-  backIconButtonProps?: Partial<IconButtonProps>;
+  backIconButtonProps?: Partial<IconButtonProps> | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: {};
-  className?: string;
+  classes?: {} | undefined;
+  className?: string | undefined;
   count: number;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -31,65 +31,65 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
    * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
    * @deprecated Use `slotProps.nextButton` instead.
    */
-  nextIconButtonProps?: Partial<IconButtonProps>;
+  nextIconButtonProps?: Partial<IconButtonProps> | undefined;
   onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
   page: number;
   rowsPerPage: number;
   showFirstButton: boolean;
   showLastButton: boolean;
   slotProps?: {
-    firstButton?: Partial<IconButtonProps>;
-    lastButton?: Partial<IconButtonProps>;
-    nextButton?: Partial<IconButtonProps>;
-    previousButton?: Partial<IconButtonProps>;
-    firstButtonIcon?: Partial<SvgIconProps>;
-    lastButtonIcon?: Partial<SvgIconProps>;
-    nextButtonIcon?: Partial<SvgIconProps>;
-    previousButtonIcon?: Partial<SvgIconProps>;
-  };
-  slots?: TablePaginationActionsSlots;
+    firstButton?: Partial<IconButtonProps> | undefined;
+    lastButton?: Partial<IconButtonProps> | undefined;
+    nextButton?: Partial<IconButtonProps> | undefined;
+    previousButton?: Partial<IconButtonProps> | undefined;
+    firstButtonIcon?: Partial<SvgIconProps> | undefined;
+    lastButtonIcon?: Partial<SvgIconProps> | undefined;
+    nextButtonIcon?: Partial<SvgIconProps> | undefined;
+    previousButtonIcon?: Partial<SvgIconProps> | undefined;
+  } | undefined;
+  slots?: TablePaginationActionsSlots | undefined;
 }
 export interface TablePaginationActionsSlots {
   /**
    * The component that renders the first button.
    * @default IconButton
    */
-  firstButton?: React.ElementType;
+  firstButton?: React.ElementType | undefined;
   /**
    * The component that renders the last button.
    * @default IconButton
    */
-  lastButton?: React.ElementType;
+  lastButton?: React.ElementType | undefined;
   /**
    * The component that renders the next button.
    * @default IconButton
    */
-  nextButton?: React.ElementType;
+  nextButton?: React.ElementType | undefined;
   /**
    * The component that renders the previous button.
    * @default IconButton
    */
-  previousButton?: React.ElementType;
+  previousButton?: React.ElementType | undefined;
   /**
    * The component that renders the first button icon.
    * @default FirstPageIcon
    */
-  firstButtonIcon?: React.ElementType;
+  firstButtonIcon?: React.ElementType | undefined;
   /**
    * The component that renders the last button icon.
    * @default LastPageIcon
    */
-  lastButtonIcon?: React.ElementType;
+  lastButtonIcon?: React.ElementType | undefined;
   /**
    * The component that renders the next button icon.
    * @default KeyboardArrowRight
    */
-  nextButtonIcon?: React.ElementType;
+  nextButtonIcon?: React.ElementType | undefined;
   /**
    * The component that renders the previous button icon.
    * @default KeyboardArrowLeft
    */
-  previousButtonIcon?: React.ElementType;
+  previousButtonIcon?: React.ElementType | undefined;
 }
 /**
  *

package/TableRow/TableRow.d.ts

@@ -11,21 +11,21 @@ export interface TableRowOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableRowClasses>;
+  classes?: Partial<TableRowClasses> | undefined;
   /**
    * If `true`, the table row will shade on hover.
    * @default false
    */
-  hover?: boolean;
+  hover?: boolean | undefined;
   /**
    * If `true`, the table row will have the selected shading.
    * @default false
    */
-  selected?: boolean;
+  selected?: 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 TableRowTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tr'> {
   props: AdditionalProps & TableRowOwnProps;
@@ -45,6 +45,6 @@ export interface TableRowTypeMap<AdditionalProps = {}, RootComponent extends Rea
  */
 declare const TableRow: OverridableComponent<TableRowTypeMap>;
 export type TableRowProps<RootComponent extends React.ElementType = TableRowTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableRowTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableRow;