@mui/material 7.3.8 → 7.3.10

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'> {}
 
@@ -103,11 +103,11 @@ export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [MobileStepper API](https://v7.mui.com/material-ui/api/mobile-stepper/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;

package/esm/Modal/Modal.d.ts

@@ -16,11 +16,11 @@ export interface ModalSlots {
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the backdrop.
    */
-  backdrop?: React.ElementType;
+  backdrop?: React.ElementType | undefined;
 }
 export interface ModalOwnProps {
   /**
@@ -34,12 +34,12 @@ export interface ModalOwnProps {
    *   zIndex: -1,
    * })
    */
-  BackdropComponent?: React.ElementType<BackdropProps>;
+  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
   /**
    * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead.
    */
-  BackdropProps?: Partial<BackdropProps>;
+  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * A single child content element.
    */
@@ -47,16 +47,16 @@ export interface ModalOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ModalClasses>;
+  classes?: Partial<ModalClasses> | undefined;
   /**
    * @ignore
    */
-  className?: string;
+  className?: string | undefined;
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
-  closeAfterTransition?: boolean;
+  closeAfterTransition?: boolean | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -65,9 +65,9 @@ export interface ModalOwnProps {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Backdrop?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+    Backdrop?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -77,9 +77,9 @@ export interface ModalOwnProps {
    * @default {}
    */
   componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+  } | undefined;
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -90,7 +90,7 @@ export interface ModalOwnProps {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: PortalProps['container'];
+  container?: PortalProps['container'] | undefined;
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -100,7 +100,7 @@ export interface ModalOwnProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus?: boolean;
+  disableAutoFocus?: boolean | undefined;
   /**
    * If `true`, the modal will not prevent focus from leaving the modal while open.
    *
@@ -108,40 +108,40 @@ export interface ModalOwnProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus?: boolean;
+  disableEnforceFocus?: boolean | undefined;
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown?: boolean;
+  disableEscapeKeyDown?: boolean | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: PortalProps['disablePortal'];
+  disablePortal?: PortalProps['disablePortal'] | undefined;
   /**
    * If `true`, the modal will not restore focus to previously focused element once
    * modal is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus?: boolean;
+  disableRestoreFocus?: boolean | undefined;
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock?: boolean;
+  disableScrollLock?: boolean | undefined;
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
-  hideBackdrop?: boolean;
+  hideBackdrop?: boolean | undefined;
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Modal.
    * @default false
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -151,15 +151,15 @@ export interface ModalOwnProps {
    */
   onClose?: {
     bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
+  }['bivarianceHack'] | undefined;
   /**
    * A function called when a transition enters.
    */
-  onTransitionEnter?: () => void;
+  onTransitionEnter?: (() => void) | undefined;
   /**
    * A function called when a transition has exited.
    */
-  onTransitionExited?: () => void;
+  onTransitionExited?: (() => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -169,19 +169,19 @@ export interface ModalOwnProps {
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots?: ModalSlots;
+  slots?: ModalSlots | undefined;
   /**
    * The props used for each slot inside the Modal.
    * @default {}
    */
   slotProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+  } | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ModalTypeMap<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> {
   props: AdditionalProps & ModalOwnProps;
@@ -193,26 +193,26 @@ export declare const ModalRoot: React.FC<ModalRootProps>;
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
- * * [Dialog](https://mui.com/material-ui/api/dialog/)
- * * [Drawer](https://mui.com/material-ui/api/drawer/)
- * * [Menu](https://mui.com/material-ui/api/menu/)
- * * [Popover](https://mui.com/material-ui/api/popover/)
+ * * [Dialog](https://v7.mui.com/material-ui/api/dialog/)
+ * * [Drawer](https://v7.mui.com/material-ui/api/drawer/)
+ * * [Menu](https://v7.mui.com/material-ui/api/menu/)
+ * * [Popover](https://v7.mui.com/material-ui/api/popover/)
  *
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
+ * If you are creating a modal dialog, you probably want to use the [Dialog](https://v7.mui.com/material-ui/api/dialog/) component
  * rather than directly using Modal.
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
  *
  * Demos:
  *
- * - [Modal](https://mui.com/material-ui/react-modal/)
+ * - [Modal](https://v7.mui.com/material-ui/react-modal/)
  *
  * API:
  *
- * - [Modal API](https://mui.com/material-ui/api/modal/)
+ * - [Modal API](https://v7.mui.com/material-ui/api/modal/)
  */
 declare const Modal: OverridableComponent<ModalTypeMap>;
 export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Modal;

package/esm/Modal/ModalManager.d.ts

@@ -1,5 +1,5 @@
 export interface ManagedModalProps {
-  disableScrollLock?: boolean;
+  disableScrollLock?: boolean | undefined;
 }
 export declare function ariaHidden(element: Element, hide: boolean): void;
 interface Modal {

package/esm/Modal/useModal.types.d.ts

@@ -8,25 +8,25 @@ export interface UseModalRootSlotOwnProps {
 export interface UseModalBackdropSlotOwnProps {
   'aria-hidden': React.AriaAttributes['aria-hidden'];
   onClick: React.MouseEventHandler;
-  open?: boolean;
+  open?: boolean | undefined;
 }
 export type UseModalBackdropSlotProps<TOther = {}> = TOther & UseModalBackdropSlotOwnProps;
 export type UseModalRootSlotProps<TOther = {}> = TOther & UseModalRootSlotOwnProps;
 export type UseModalParameters = {
-  'aria-hidden'?: React.AriaAttributes['aria-hidden'];
+  'aria-hidden'?: React.AriaAttributes['aria-hidden'] | undefined;
   /**
    * A single child content element.
    */
   children: React.ReactElement<{
-    in?: boolean;
-    onEnter?: (this: unknown) => void;
-    onExited?: (this: unknown) => void;
+    in?: boolean | undefined;
+    onEnter?: ((this: unknown) => void) | undefined;
+    onExited?: ((this: unknown) => void) | undefined;
   }> | undefined | null;
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
-  closeAfterTransition?: boolean;
+  closeAfterTransition?: boolean | undefined;
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -37,17 +37,17 @@ export type UseModalParameters = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: PortalProps['container'];
+  container?: PortalProps['container'] | undefined;
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown?: boolean;
+  disableEscapeKeyDown?: boolean | undefined;
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock?: boolean;
+  disableScrollLock?: boolean | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -57,16 +57,16 @@ export type UseModalParameters = {
    */
   onClose?: {
     bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
-  onKeyDown?: React.KeyboardEventHandler;
+  }['bivarianceHack'] | undefined;
+  onKeyDown?: React.KeyboardEventHandler | undefined;
   /**
    * A function called when a transition enters.
    */
-  onTransitionEnter?: () => void;
+  onTransitionEnter?: (() => void) | undefined;
   /**
    * A function called when a transition has exited.
    */
-  onTransitionExited?: () => void;
+  onTransitionExited?: (() => void) | undefined;
   /**
    * If `true`, the component is shown.
    */

package/esm/NativeSelect/NativeSelect.d.ts

@@ -15,32 +15,32 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
    * Override or extend the styles applied to the component.
    * @default {}
    */
-  classes?: Partial<NativeSelectClasses>;
+  classes?: Partial<NativeSelectClasses> | undefined;
   /**
    * The icon that displays the arrow.
    * @default ArrowDropDownIcon
    */
-  IconComponent?: React.ElementType;
+  IconComponent?: React.ElementType | undefined;
   /**
    * An `Input` element; does not have to be a material-ui specific `Input`.
    * @default <Input />
    */
-  input?: React.ReactElement<unknown, any>;
+  input?: React.ReactElement<unknown, any> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes) applied to the `select` element.
    */
-  inputProps?: Partial<NativeSelectInputProps>;
+  inputProps?: Partial<NativeSelectInputProps> | undefined;
   /**
    * Callback fired when a menu item is selected.
    *
    * @param {React.ChangeEvent<HTMLSelectElement>} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: NativeSelectInputProps['onChange'];
+  onChange?: NativeSelectInputProps['onChange'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The `input` value. The DOM API casts this to a string.
    */
@@ -48,7 +48,7 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
   /**
    * The variant to use.
    */
-  variant?: 'standard' | 'outlined' | 'filled';
+  variant?: 'standard' | 'outlined' | 'filled' | undefined;
 }
 
 /**
@@ -56,12 +56,12 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
  *
  * Demos:
  *
- * - [Select](https://mui.com/material-ui/react-select/)
+ * - [Select](https://v7.mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
- * - inherits [Input API](https://mui.com/material-ui/api/input/)
+ * - [NativeSelect API](https://v7.mui.com/material-ui/api/native-select/)
+ * - inherits [Input API](https://v7.mui.com/material-ui/api/input/)
  */
 declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & {
   muiName: string;

package/esm/NativeSelect/NativeSelectInput.d.ts

@@ -2,12 +2,12 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
 export interface NativeSelectInputProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   IconComponent: React.ElementType;
-  inputRef?: React.Ref<HTMLSelectElement>;
-  variant?: 'standard' | 'outlined' | 'filled';
-  error?: boolean;
-  sx?: SxProps<Theme>;
+  inputRef?: React.Ref<HTMLSelectElement> | undefined;
+  variant?: 'standard' | 'outlined' | 'filled' | undefined;
+  error?: boolean | undefined;
+  sx?: SxProps<Theme> | undefined;
 }
 declare const NativeSelectInput: React.JSXElementConstructor<NativeSelectInputProps>;
 export default NativeSelectInput;

package/esm/NoSsr/NoSsr.d.ts

@@ -12,11 +12,11 @@ import { NoSsrProps } from "./NoSsr.types.js";
  *
  * Demos:
  *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
+ * - [No SSR](https://v7.mui.com/material-ui/react-no-ssr/)
  *
  * API:
  *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
+ * - [NoSsr API](https://v7.mui.com/material-ui/api/no-ssr/)
  */
 declare function NoSsr(props: NoSsrProps): React.JSX.Element;
 declare namespace NoSsr {

package/esm/NoSsr/NoSsr.js

@@ -16,11 +16,11 @@ import exactProp from '@mui/utils/exactProp';
  *
  * Demos:
  *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
+ * - [No SSR](https://v7.mui.com/material-ui/react-no-ssr/)
  *
  * API:
  *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
+ * - [NoSsr API](https://v7.mui.com/material-ui/api/no-ssr/)
  */
 function NoSsr(props) {
   const {

package/esm/NoSsr/NoSsr.types.d.ts

@@ -9,7 +9,7 @@ export interface NoSsrProps {
    * It will also defer the rendering of the children into a different screen frame.
    * @default false
    */
-  defer?: boolean;
+  defer?: boolean | undefined;
   /**
    * The fallback content to display.
    * @default null

package/esm/OutlinedInput/NotchedOutline.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { InternalStandardProps as StandardProps } from "../internal/index.js";
 export interface NotchedOutlineProps extends StandardProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>> {
-  disabled?: boolean;
-  error?: boolean;
-  focused?: boolean;
+  disabled?: boolean | undefined;
+  error?: boolean | undefined;
+  focused?: boolean | undefined;
   label?: React.ReactNode;
   notched: boolean;
 }

package/esm/OutlinedInput/OutlinedInput.d.ts

@@ -15,14 +15,14 @@ interface OutlinedInputSlots {
 type OutlinedInputSlotsAndSlotProps = CreateSlotsAndSlotProps<OutlinedInputSlots, {
   notchedOutline: SlotProps<'fieldset', {}, OutlinedInputOwnerState>;
 }> & {
-  slots?: InputBaseProps['slots'];
-  slotProps?: InputBaseProps['slotProps'];
+  slots?: InputBaseProps['slots'] | undefined;
+  slotProps?: InputBaseProps['slotProps'] | undefined;
 };
 export interface OutlinedInputProps extends Omit<StandardProps<InputBaseProps>, 'slots' | 'slotProps'>, OutlinedInputSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<OutlinedInputClasses>;
+  classes?: Partial<OutlinedInputClasses> | undefined;
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -31,11 +31,11 @@ export interface OutlinedInputProps extends Omit<StandardProps<InputBaseProps>,
   /**
    * If `true`, the outline is notched to accommodate the label.
    */
-  notched?: boolean;
+  notched?: 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 OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots' | 'slotProps'> {}
 
@@ -43,13 +43,13 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
  *
  * Demos:
  *
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
- * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
+ * - [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
+ * - inherits [InputBase API](https://v7.mui.com/material-ui/api/input-base/)
  */
 declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
   muiName: string;

package/esm/OverridableComponent/index.d.ts

@@ -32,8 +32,8 @@ export type BaseProps<TypeMap extends OverridableTypeMap> = TypeMap['props'] & C
  * Props that are valid for material-ui components.
  */
 export interface CommonProps extends StyledComponentProps<never> {
-  className?: string;
-  style?: React.CSSProperties;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 }
 export interface OverridableTypeMap {
   props: {};

package/esm/Pagination/Pagination.d.ts

@@ -18,14 +18,14 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<PaginationClasses>;
+  classes?: Partial<PaginationClasses> | undefined;
   /**
    * The active color.
    * 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 'standard'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'standard', PaginationPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'standard', PaginationPropsColorOverrides> | 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.
@@ -36,7 +36,7 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
    * @param {boolean} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel?: (type: UsePaginationItem['type'], page: UsePaginationItem['page'], selected: UsePaginationItem['selected']) => string;
+  getItemAriaLabel?: ((type: UsePaginationItem['type'], page: UsePaginationItem['page'], selected: UsePaginationItem['selected']) => string) | undefined;
 
   /**
    * Render the item.
@@ -44,36 +44,36 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem?: (params: PaginationRenderItemParams) => React.ReactNode;
+  renderItem?: ((params: PaginationRenderItemParams) => React.ReactNode) | undefined;
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape?: 'circular' | 'rounded';
+  shape?: 'circular' | 'rounded' | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationPropsSizeOverrides> | undefined;
   /**
    * 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 'text'
    */
-  variant?: OverridableStringUnion<'text' | 'outlined', PaginationPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'text' | 'outlined', PaginationPropsVariantOverrides> | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [Pagination API](https://mui.com/material-ui/api/pagination/)
+ * - [Pagination API](https://v7.mui.com/material-ui/api/pagination/)
  */
 export default function Pagination(props: PaginationProps): React.JSX.Element;