@mui/material 7.3.7 → 7.3.9

package/esm/ListItem/ListItem.d.ts

@@ -15,7 +15,7 @@ export interface ListItemBaseProps {
    * Defines the `align-items` style property.
    * @default 'center'
    */
-  alignItems?: 'flex-start' | 'center';
+  alignItems?: 'flex-start' | 'center' | undefined;
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
@@ -24,40 +24,40 @@ export interface ListItemBaseProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemClasses>;
+  classes?: Partial<ListItemClasses> | undefined;
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.
    * @default 'li'
    * @deprecated Use the `component` or `slots.root` 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.
    */
-  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
+  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>> | undefined;
   /**
    * Props applied to the container component if used.
    * @default {}
    * @deprecated Use the `slotProps.root` 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.
    */
-  ContainerProps?: React.HTMLAttributes<HTMLDivElement>;
+  ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, all padding is removed.
    * @default false
    */
-  disablePadding?: boolean;
+  disablePadding?: boolean | undefined;
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
-  divider?: boolean;
+  divider?: boolean | undefined;
   /**
    * The element to display at the end of ListItem.
    */
@@ -65,7 +65,7 @@ export interface ListItemBaseProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ListItemOwnerState extends Omit<ListItemProps, 'slots' | 'slotProps'> {}
 export interface ListItemOwnProps extends ListItemBaseProps {
@@ -76,8 +76,8 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -86,8 +86,8 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -95,18 +95,18 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-    secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState>;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides) | undefined;
+    secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState> | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside.
    *
    * @default {}
    */
   slots?: {
-    root?: React.ElementType;
-    secondaryAction?: React.ElementType;
-  };
+    root?: React.ElementType | undefined;
+    secondaryAction?: React.ElementType | undefined;
+  } | undefined;
 }
 export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
   props: AdditionalProps & ListItemOwnProps;
@@ -127,6 +127,6 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
  */
 declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
 export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ListItem;

package/esm/ListItemAvatar/ListItemAvatar.d.ts

@@ -10,11 +10,11 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemAvatarClasses>;
+  classes?: Partial<ListItemAvatarClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/esm/ListItemButton/ListItemButton.d.ts

@@ -14,13 +14,13 @@ export interface ListItemButtonBaseProps {
    * Defines the `align-items` style property.
    * @default 'center'
    */
-  alignItems?: 'flex-start' | 'center';
+  alignItems?: 'flex-start' | 'center' | undefined;
   /**
    * If `true`, the list item is focused during the first mount.
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
@@ -29,37 +29,37 @@ export interface ListItemButtonBaseProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemButtonClasses>;
+  classes?: Partial<ListItemButtonClasses> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
-  divider?: boolean;
+  divider?: boolean | undefined;
   /**
    * Use to apply selected styling.
    * @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 ListItemButtonOwnProps extends ListItemButtonBaseProps {}
 export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
@@ -80,6 +80,6 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
 export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ListItemButton;

package/esm/ListItemIcon/ListItemIcon.d.ts

@@ -12,11 +12,11 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemIconClasses>;
+  classes?: Partial<ListItemIconClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -11,11 +11,11 @@ export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAt
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemSecondaryActionClasses>;
+  classes?: Partial<ListItemSecondaryActionClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/esm/ListItemText/ListItemText.d.ts

@@ -10,17 +10,17 @@ export interface ListItemTextSlots {
    * The component that renders the root slot.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the primary slot.
    * @default Typography
    */
-  primary?: React.ElementType;
+  primary?: React.ElementType | undefined;
   /**
    * The component that renders the secondary slot.
    * @default Typography
    */
-  secondary?: React.ElementType;
+  secondary?: React.ElementType | undefined;
 }
 export type ListItemTextSlotsAndSlotProps = CreateSlotsAndSlotProps<ListItemTextSlots, {
   /**
@@ -48,7 +48,7 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemTextClasses>;
+  classes?: Partial<ListItemTextClasses> | undefined;
   /**
    * If `true`, the children won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -56,13 +56,13 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
    * with the Typography component.
    * @default false
    */
-  disableTypography?: boolean;
+  disableTypography?: boolean | undefined;
   /**
    * If `true`, the children are indented.
    * This should be used if there is no left avatar or left icon.
    * @default false
    */
-  inset?: boolean;
+  inset?: boolean | undefined;
   /**
    * The main content element.
    */
@@ -73,8 +73,8 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
    * @deprecated Use `slotProps.primary` 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.
    */
   primaryTypographyProps?: TypographyProps<PrimaryTypographyComponent, {
-    component?: PrimaryTypographyComponent;
-  }>;
+    component?: PrimaryTypographyComponent | undefined;
+  }> | undefined;
   /**
    * The secondary content element.
    */
@@ -85,12 +85,12 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
    * @deprecated Use `slotProps.secondary` 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.
    */
   secondaryTypographyProps?: TypographyProps<SecondaryTypographyComponent, {
-    component?: SecondaryTypographyComponent;
-  }>;
+    component?: SecondaryTypographyComponent | undefined;
+  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/esm/ListItemText/ListItemText.js

@@ -44,10 +44,7 @@ const ListItemTextRoot = styled('div', {
   minWidth: 0,
   marginTop: 4,
   marginBottom: 4,
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary})`]: {
-    display: 'block'
-  },
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
+  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary}), .${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
     display: 'block'
   },
   variants: [{

package/esm/ListSubheader/ListSubheader.d.ts

@@ -11,31 +11,31 @@ export interface ListSubheaderOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListSubheaderClasses>;
+  classes?: Partial<ListSubheaderClasses> | undefined;
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    * @default 'default'
    */
-  color?: 'default' | 'primary' | 'inherit';
+  color?: 'default' | 'primary' | 'inherit' | undefined;
   /**
    * If `true`, the List Subheader will not have gutters.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, the List Subheader will not stick to the top during scroll.
    * @default false
    */
-  disableSticky?: boolean;
+  disableSticky?: boolean | undefined;
   /**
    * If `true`, the List Subheader is indented.
    * @default false
    */
-  inset?: boolean;
+  inset?: 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 ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
   props: AdditionalProps & ListSubheaderOwnProps;
@@ -54,6 +54,6 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  */
 declare const ListSubheader: OverridableComponent<ListSubheaderTypeMap>;
 export type ListSubheaderProps<RootComponent extends React.ElementType = ListSubheaderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListSubheaderTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ListSubheader;

package/esm/Menu/Menu.d.ts

@@ -76,7 +76,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
    */
-  anchorEl?: PopoverProps['anchorEl'];
+  anchorEl?: PopoverProps['anchorEl'] | undefined;
   /**
    * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
    * children are not focusable. If you set this prop to `false` focus will be placed
@@ -84,7 +84,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * and should only be considered if you manage focus otherwise.
    * @default true
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Menu contents, normally `MenuItem`s.
    */
@@ -92,7 +92,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MenuClasses>;
+  classes?: Partial<MenuClasses> | undefined;
   /**
    * When opening the menu will not focus the active item but the `[role="menu"]`
    * unless `autoFocus` is also set to `false`. Not using the default means not
@@ -100,20 +100,20 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * accessibility implications.
    * @default false
    */
-  disableAutoFocusItem?: boolean;
+  disableAutoFocusItem?: boolean | undefined;
   /**
    * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
    * @deprecated use the `slotProps.list` 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 {}
    */
-  MenuListProps?: Partial<MenuListProps>;
+  MenuListProps?: Partial<MenuListProps> | 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"`, `"tabKeyDown"`.
    */
-  onClose?: PopoverProps['onClose'];
+  onClose?: PopoverProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -121,28 +121,28 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
   /**
    * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
    */
-  PopoverClasses?: PopoverProps['classes'];
+  PopoverClasses?: PopoverProps['classes'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The length of the transition in `ms`, or 'auto'
    * @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;
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
    * @default 'selectedMenu'
    */
-  variant?: 'menu' | 'selectedMenu';
+  variant?: 'menu' | 'selectedMenu' | undefined;
 }
 export interface MenuOwnerState extends Omit<MenuProps, 'slots' | 'slotProps'> {}
 export declare const MenuPaper: React.FC<PaperProps>;

package/esm/MenuItem/MenuItem.d.ts

@@ -10,41 +10,41 @@ export interface MenuItemOwnProps {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MenuItemClasses>;
+  classes?: Partial<MenuItemClasses> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider?: boolean;
+  divider?: boolean | undefined;
   /**
    * If `true`, the component is selected.
    * @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 type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & MenuItemOwnProps;
@@ -64,6 +64,6 @@ export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.El
  */
 declare const MenuItem: ExtendButtonBase<MenuItemTypeMap>;
 export type MenuItemProps<RootComponent extends React.ElementType = MenuItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default MenuItem;

package/esm/MenuList/MenuList.d.ts

@@ -6,13 +6,13 @@ export interface MenuListOwnProps {
    * If `true`, will focus the `[role="menu"]` container and move into tab order.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * If `true`, will focus the first menuitem if `variant="menu"` or selected item
    * if `variant="selectedMenu"`.
    * @default false
    */
-  autoFocusItem?: boolean;
+  autoFocusItem?: boolean | undefined;
   /**
    * MenuList contents, normally `MenuItem`s.
    */
@@ -21,18 +21,18 @@ export interface MenuListOwnProps {
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable?: boolean;
+  disabledItemsFocusable?: boolean | undefined;
   /**
    * If `true`, the menu items will not wrap focus.
    * @default false
    */
-  disableListWrap?: boolean;
+  disableListWrap?: boolean | undefined;
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
    * and the vertical alignment relative to the anchor element.
    * @default 'selectedMenu'
    */
-  variant?: 'menu' | 'selectedMenu';
+  variant?: 'menu' | 'selectedMenu' | undefined;
 }
 export type MenuListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> = ExtendListTypeMap<{
   props: AdditionalProps & MenuListOwnProps;
@@ -57,6 +57,6 @@ export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['class
  */
 declare const MenuList: ExtendList<MenuListTypeMap>;
 export type MenuListProps<RootComponent extends React.ElementType = MenuListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default MenuList;

package/esm/MobileStepper/MobileStepper.d.ts

@@ -60,7 +60,7 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Defines which dot is highlighted when the variant is 'dots'.
    * @default 0
    */
-  activeStep?: number;
+  activeStep?: number | undefined;
   /**
    * A back button element. For instance, it can be a `Button` or an `IconButton`.
    */
@@ -68,12 +68,12 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MobileStepperClasses>;
+  classes?: Partial<MobileStepperClasses> | undefined;
   /**
    * Props applied to the `LinearProgress` element.
    * @deprecated Use `slotProps.progress` 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.
    */
-  LinearProgressProps?: Partial<LinearProgressProps>;
+  LinearProgressProps?: Partial<LinearProgressProps> | undefined;
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */
@@ -82,7 +82,7 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Set the positioning type.
    * @default 'bottom'
    */
-  position?: 'bottom' | 'top' | 'static';
+  position?: 'bottom' | 'top' | 'static' | undefined;
   /**
    * The total steps.
    */
@@ -90,12 +90,12 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'dots'
    */
-  variant?: 'text' | 'dots' | 'progress';
+  variant?: 'text' | 'dots' | 'progress' | undefined;
 }
 export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots' | 'slotProps'> {}