@mui/material 7.3.7 → 7.3.9

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;

package/TableSortLabel/TableSortLabel.d.ts

@@ -12,12 +12,12 @@ export interface TableSortLabelSlots {
    * The component that renders the root slot.
    * @default span
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the icon slot.
    * @default ArrowDownwardIcon
    */
-  icon?: React.ElementType;
+  icon?: React.ElementType | undefined;
 }
 export type TableSortLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<TableSortLabelSlots, {
   /**
@@ -35,7 +35,7 @@ export interface TableSortLabelOwnProps {
    * If `true`, the label will have the active styling (should be true for the sorted column).
    * @default false
    */
-  active?: boolean;
+  active?: boolean | undefined;
   /**
    * Label contents, the arrow will be appended automatically.
    */
@@ -43,28 +43,28 @@ export interface TableSortLabelOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TableSortLabelClasses>;
+  classes?: Partial<TableSortLabelClasses> | undefined;
   /**
    * The current sort direction.
    * @default 'asc'
    */
-  direction?: 'asc' | 'desc';
+  direction?: 'asc' | 'desc' | undefined;
   /**
    * Hide sort icon when active is false.
    * @default false
    */
-  hideSortIcon?: boolean;
+  hideSortIcon?: boolean | undefined;
   /**
    * Sort icon to use.
    * @default ArrowDownwardIcon
    */
   IconComponent?: React.JSXElementConstructor<{
     className: string;
-  }>;
+  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type TableSortLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & TableSortLabelOwnProps & TableSortLabelSlotsAndSlotProps;
@@ -85,6 +85,6 @@ export type TableSortLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const TableSortLabel: ExtendButtonBase<TableSortLabelTypeMap>;
 export type TableSortLabelProps<RootComponent extends React.ElementType = TableSortLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableSortLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default TableSortLabel;

package/Tabs/Tabs.d.ts

@@ -8,6 +8,7 @@ import { OverridableComponent, OverrideProps } from "../OverridableComponent/ind
 import { TabsClasses } from "./tabsClasses.js";
 import SvgIcon from "../SvgIcon/index.js";
 export interface TabsPropsIndicatorColorOverrides {}
+export interface TabsPropsVariantOverrides {}
 export interface TabsRootSlotPropsOverrides {}
 export interface TabsScrollerSlotPropsOverrides {}
 export interface TabsListSlotPropsOverrides {}
@@ -79,7 +80,7 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
    * By default, the available props are based on the div element.
    */
   scrollbar: SlotProps<'div', {
-    onChange?: (scrollbarWidth: undefined | number) => void;
+    onChange?: ((scrollbarWidth: undefined | number) => void) | undefined;
   } & TabsScrollbarSlotPropsOverrides, TabsOwnerState>;
   /**
    * Props forwarded to the indicator slot.
@@ -106,12 +107,12 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<TabsSlots, {
     /**
      * @deprecated Use `slots.startScrollButtonIcon` instead.
      */
-    StartScrollButtonIcon?: React.ElementType;
+    StartScrollButtonIcon?: React.ElementType | undefined;
     /**
      * @deprecated Use `slots.endScrollButtonIcon` instead.
      */
-    EndScrollButtonIcon?: React.ElementType;
-  };
+    EndScrollButtonIcon?: React.ElementType | undefined;
+  } | undefined;
 };
 export interface TabsOwnerState extends Omit<TabsProps, 'slots' | 'slotProps'> {
   vertical: boolean;
@@ -131,27 +132,27 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action?: React.Ref<TabsActions>;
+  action?: React.Ref<TabsActions> | undefined;
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
    * @default false
    */
-  allowScrollButtonsMobile?: boolean;
+  allowScrollButtonsMobile?: boolean | undefined;
   /**
    * The label for the Tabs as a string.
    */
-  'aria-label'?: string;
+  'aria-label'?: string | undefined;
   /**
    * An id or list of ids separated by a space that label the Tabs.
    */
-  'aria-labelledby'?: string;
+  'aria-labelledby'?: string | undefined;
   /**
    * If `true`, the tabs are centered.
    * This prop is intended for large views.
    * @default false
    */
-  centered?: boolean;
+  centered?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -159,30 +160,30 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TabsClasses>;
+  classes?: Partial<TabsClasses> | undefined;
   /**
    * Determines the color of the indicator.
    * @default 'primary'
    */
-  indicatorColor?: OverridableStringUnion<'secondary' | 'primary', TabsPropsIndicatorColorOverrides>;
+  indicatorColor?: OverridableStringUnion<'secondary' | 'primary', TabsPropsIndicatorColorOverrides> | undefined;
   /**
    * Callback fired when the value changes.
    *
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {any} value We default to the index of the child (number)
    */
-  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  onChange?: ((event: React.SyntheticEvent, value: any) => void) | undefined;
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The component used to render the scroll buttons.
    * @deprecated use the `slots.scrollButtons` 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 TabScrollButton
    */
-  ScrollButtonComponent?: React.ElementType;
+  ScrollButtonComponent?: React.ElementType | undefined;
   /**
    * Determine behavior of scroll buttons when tabs are set to scroll:
    *
@@ -194,31 +195,31 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
    * This behavior can be disabled with `allowScrollButtonsMobile`.
    * @default 'auto'
    */
-  scrollButtons?: 'auto' | true | false;
+  scrollButtons?: 'auto' | true | false | undefined;
   /**
    * If `true` the selected tab changes on focus. Otherwise it only
    * changes on activation.
    */
-  selectionFollowsFocus?: boolean;
+  selectionFollowsFocus?: boolean | undefined;
   /**
    * Props applied to the tab indicator element.
    * @deprecated use the `slotProps.indicator` 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  {}
    */
-  TabIndicatorProps?: React.HTMLAttributes<HTMLDivElement> & {
-    sx?: SxProps<Theme>;
-  };
+  TabIndicatorProps?: (React.HTMLAttributes<HTMLDivElement> & {
+    sx?: SxProps<Theme> | undefined;
+  }) | undefined;
   /**
    * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
    * @deprecated use the `slotProps.scrollButtons` 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 {}
    */
-  TabScrollButtonProps?: Partial<TabScrollButtonProps>;
+  TabScrollButtonProps?: Partial<TabScrollButtonProps> | undefined;
   /**
    * Determines the color of the `Tab`.
    * @default 'primary'
    */
-  textColor?: 'secondary' | 'primary' | 'inherit';
+  textColor?: 'secondary' | 'primary' | 'inherit' | undefined;
   /**
    * The value of the currently selected `Tab`.
    * If you don't want any selected `Tab`, you can set this prop to `false`.
@@ -234,17 +235,17 @@ export interface TabsOwnProps extends TabsSlotsAndSlotProps {
    *  - `standard` will render the default state.
    * @default 'standard'
    */
-  variant?: 'standard' | 'scrollable' | 'fullWidth';
+  variant?: OverridableStringUnion<'standard' | 'scrollable' | 'fullWidth', TabsPropsVariantOverrides> | undefined;
   /**
    * If `true`, the scrollbar is visible. It can be useful when displaying
    * a long vertical list of tabs.
    * @default false
    */
-  visibleScrollbar?: boolean;
+  visibleScrollbar?: 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 TabsTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & TabsOwnProps;
@@ -267,6 +268,6 @@ export interface TabsActions {
   updateScrollButtons(): void;
 }
 export type TabsProps<RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Tabs;

package/Tabs/Tabs.js

@@ -27,6 +27,7 @@ var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
 var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
+var _isLayoutSupported = _interopRequireDefault(require("../utils/isLayoutSupported"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const nextItem = (list, item) => {
@@ -385,7 +386,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
         }
         tabMeta = tab ? tab.getBoundingClientRect() : null;
         if (process.env.NODE_ENV !== 'production') {
-          if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+          if ((0, _isLayoutSupported.default)() && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
           // if the whole Tabs component is hidden, don't warn
           tabsMeta.clientWidth !== 0) {
             tabsMeta = null;