@mui/material 7.3.8 → 7.3.10

package/esm/Popper/BasePopper.types.d.ts

@@ -12,7 +12,7 @@ export interface PopperTransitionProps {
 }
 export interface PopperChildrenProps {
   placement: PopperPlacementType;
-  TransitionProps?: PopperTransitionProps;
+  TransitionProps?: PopperTransitionProps | undefined;
 }
 export interface PopperOwnProps {
   /**
@@ -21,7 +21,7 @@ export interface PopperOwnProps {
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement);
+  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement) | undefined;
   /**
    * Popper render function or node.
    */
@@ -36,24 +36,24 @@ export interface PopperOwnProps {
    * 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;
   /**
    * Direction of the text.
    * @default 'ltr'
    */
-  direction?: 'ltr' | 'rtl';
+  direction?: 'ltr' | 'rtl' | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: PortalProps['disablePortal'];
+  disablePortal?: PortalProps['disablePortal'] | 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 Popper.
    * @default false
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Popper.js is based on a "plugin-like" architecture,
    * most of its features are fully encapsulated "modifiers".
@@ -63,7 +63,7 @@ export interface PopperOwnProps {
    * For this reason, modifiers should be very performant to avoid bottlenecks.
    * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
    */
-  modifiers?: Options['modifiers'];
+  modifiers?: Options['modifiers'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -72,41 +72,41 @@ export interface PopperOwnProps {
    * Popper placement.
    * @default 'bottom'
    */
-  placement?: PopperPlacementType;
+  placement?: PopperPlacementType | undefined;
   /**
    * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
    * @default {}
    */
-  popperOptions?: Partial<OptionsGeneric<any>>;
+  popperOptions?: Partial<OptionsGeneric<any>> | undefined;
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef?: React.Ref<Instance>;
+  popperRef?: React.Ref<Instance> | undefined;
   /**
    * The props used for each slot inside the Popper.
    * @default {}
    */
   slotProps?: {
-    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState>;
-  };
+    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState> | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots?: PopperSlots;
+  slots?: PopperSlots | undefined;
   /**
    * Help supporting a react-transition-group/Transition component.
    * @default false
    */
-  transition?: boolean;
+  transition?: boolean | undefined;
 }
 export interface PopperSlots {
   /**
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
 }
 export type PopperOwnerState = PopperOwnProps;
 export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
@@ -115,7 +115,7 @@ export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends R
 }
 export type PopperProps<RootComponentType extends React.ElementType = PopperTypeMap['defaultComponent']> = PolymorphicProps<PopperTypeMap<{}, RootComponentType>, RootComponentType>;
 export type PopperTooltipOwnProps = Omit<PopperOwnProps, 'container' | 'keepMounted' | 'transition'> & {
-  TransitionProps?: PopperTransitionProps;
+  TransitionProps?: PopperTransitionProps | undefined;
 };
 export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
   props: PopperTooltipOwnProps & AdditionalProps;
@@ -123,7 +123,7 @@ export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType ex
 }
 export type PopperTooltipProps<RootComponentType extends React.ElementType = PopperTooltipTypeMap['defaultComponent']> = PolymorphicProps<PopperTooltipTypeMap<{}, RootComponentType>, RootComponentType>;
 export interface PopperRootSlotProps {
-  className?: string;
+  className?: string | undefined;
   ref: React.Ref<any>;
   ownerState: PopperOwnerState;
 }

package/esm/Popper/Popper.d.ts

@@ -7,7 +7,7 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
@@ -16,31 +16,31 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The props used for each slot inside the Popper.
    *
    * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
-  componentsProps?: BasePopperProps['slotProps'];
+  componentsProps?: BasePopperProps['slotProps'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 /**
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popper](https://mui.com/material-ui/react-popper/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popper](https://v7.mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/material-ui/api/popper/)
+ * - [Popper API](https://v7.mui.com/material-ui/api/popper/)
  */
 declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
 export default Popper;

package/esm/Popper/Popper.js

@@ -18,13 +18,13 @@ const PopperRoot = styled(BasePopper, {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popper](https://mui.com/material-ui/react-popper/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popper](https://v7.mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/material-ui/api/popper/)
+ * - [Popper API](https://v7.mui.com/material-ui/api/popper/)
  */
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   const isRtl = useRtl();

package/esm/Popper/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Popper.js";
 export * from "./Popper.js";
+export { default as popperClasses } from "./popperClasses.js";
 export * from "./popperClasses.js";
 export { PopperPlacementType } from "./BasePopper.types.js";

package/esm/Popper/index.js

@@ -1,2 +1,3 @@
 export { default } from "./Popper.js";
+export { default as popperClasses } from "./popperClasses.js";
 export * from "./popperClasses.js";

package/esm/Portal/Portal.d.ts

@@ -6,11 +6,11 @@ import { PortalProps } from "./Portal.types.js";
  *
  * Demos:
  *
- * - [Portal](https://mui.com/material-ui/react-portal/)
+ * - [Portal](https://v7.mui.com/material-ui/react-portal/)
  *
  * API:
  *
- * - [Portal API](https://mui.com/material-ui/api/portal/)
+ * - [Portal API](https://v7.mui.com/material-ui/api/portal/)
  */
 declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<Element>>;
 export default Portal;

package/esm/Portal/Portal.js

@@ -19,11 +19,11 @@ function getContainer(container) {
  *
  * Demos:
  *
- * - [Portal](https://mui.com/material-ui/react-portal/)
+ * - [Portal](https://v7.mui.com/material-ui/react-portal/)
  *
  * API:
  *
- * - [Portal API](https://mui.com/material-ui/api/portal/)
+ * - [Portal API](https://v7.mui.com/material-ui/api/portal/)
  */
 const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {
   const {

package/esm/Portal/Portal.types.d.ts

@@ -14,10 +14,10 @@ export interface PortalProps {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: Element | (() => Element | null) | null;
+  container?: Element | (() => Element | null) | null | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: boolean;
+  disablePortal?: boolean | undefined;
 }

package/esm/Radio/Radio.d.ts

@@ -43,18 +43,18 @@ export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon'
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<RadioClasses>;
+  classes?: Partial<RadioClasses> | 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', RadioPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', RadioPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when the component is unchecked.
    * @default <RadioButtonIcon />
@@ -65,11 +65,11 @@ export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon'
    * `small` is equivalent to the dense radio styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'> {}
 
@@ -77,11 +77,11 @@ export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'>
  *
  * Demos:
  *
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://v7.mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [Radio API](https://mui.com/material-ui/api/radio/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Radio API](https://v7.mui.com/material-ui/api/radio/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 export default function Radio(props: RadioProps): React.JSX.Element;

package/esm/RadioGroup/RadioGroup.d.ts

@@ -9,7 +9,7 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
    * The name used to reference the value of the control.
    * If you don't provide this prop, it falls back to a randomly generated name.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when a radio button is selected.
    *
@@ -17,7 +17,7 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
    * @param {string} value The value of the selected radio button.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: string) => void) | undefined;
   /**
    * Value of the selected radio button. The DOM API casts this to a string.
    */
@@ -28,11 +28,11 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
  *
  * Demos:
  *
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://v7.mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
- * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
+ * - [RadioGroup API](https://v7.mui.com/material-ui/api/radio-group/)
+ * - inherits [FormGroup API](https://v7.mui.com/material-ui/api/form-group/)
  */
 export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;

package/esm/Rating/Rating.d.ts

@@ -61,17 +61,17 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<RatingClasses>;
+  classes?: Partial<RatingClasses> | undefined;
   /**
    * The default value. Use when the component is not controlled.
    * @default null
    */
-  defaultValue?: number;
+  defaultValue?: number | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * The icon to display when empty.
    * @default <StarBorder fontSize="inherit" />
@@ -93,12 +93,12 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    *   return `${value || '0'} Star${value !== 1 ? 's' : ''}`;
    * }
    */
-  getLabelText?: (value: number) => string;
+  getLabelText?: ((value: number) => string) | undefined;
   /**
    * If `true`, only the selected icon will be highlighted.
    * @default false
    */
-  highlightSelectedOnly?: boolean;
+  highlightSelectedOnly?: boolean | undefined;
   /**
    * The icon to display.
    * @default <Star fontSize="inherit" />
@@ -112,53 +112,53 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
    *   return <span {...other} />;
    * }
    */
-  IconContainerComponent?: React.ElementType<IconContainerProps>;
+  IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
   /**
    * Maximum rating.
    * @default 5
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * The name attribute of the radio `input` elements.
    * This input `name` should be unique within the page.
    * Being unique within a form is insufficient since the `name` is used to generate IDs.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when the value changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number|null} value The new value.
    */
-  onChange?: (event: React.SyntheticEvent, value: number | null) => void;
+  onChange?: ((event: React.SyntheticEvent, value: number | null) => void) | undefined;
   /**
    * Callback function that is fired when the hover state changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number} value The new value.
    */
-  onChangeActive?: (event: React.SyntheticEvent, value: number) => void;
+  onChangeActive?: ((event: React.SyntheticEvent, value: number) => void) | undefined;
   /**
    * The minimum increment value change allowed.
    * @default 1
    */
-  precision?: number;
+  precision?: number | undefined;
   /**
    * Removes all hover effects and pointer events.
    * @default false
    */
-  readOnly?: boolean;
+  readOnly?: boolean | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The rating value.
    */
-  value?: number | null;
+  value?: number | null | undefined;
 }
 export interface RatingOwnerState extends Omit<RatingProps, 'slots' | 'slotProps'> {}
 export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = {
@@ -170,14 +170,14 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  *
  * Demos:
  *
- * - [Rating](https://mui.com/material-ui/react-rating/)
+ * - [Rating](https://v7.mui.com/material-ui/react-rating/)
  *
  * API:
  *
- * - [Rating API](https://mui.com/material-ui/api/rating/)
+ * - [Rating API](https://v7.mui.com/material-ui/api/rating/)
  */
 declare const Rating: OverridableComponent<RatingTypeMap>;
 export type RatingProps<RootComponent extends React.ElementType = RatingTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<RatingTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Rating;

package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -11,17 +11,17 @@ export interface ScopedCssBaselineOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ScopedCssBaselineClasses>;
+  classes?: Partial<ScopedCssBaselineClasses> | undefined;
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
    * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
    * For browser support, check out https://caniuse.com/?search=color-scheme
    */
-  enableColorScheme?: boolean;
+  enableColorScheme?: 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 ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ScopedCssBaselineOwnProps;
@@ -31,15 +31,15 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
+ * - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
  *
  * API:
  *
- * - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
+ * - [ScopedCssBaseline API](https://v7.mui.com/material-ui/api/scoped-css-baseline/)
  */
 declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
 export type ScopedCssBaselineProps<RootComponent extends React.ElementType = ScopedCssBaselineTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ScopedCssBaselineTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 
 /**

package/esm/Select/Select.d.ts

@@ -15,7 +15,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * menu, otherwise it will be at least the width of the select input.
    * @default false
    */
-  autoWidth?: boolean;
+  autoWidth?: boolean | undefined;
   /**
    * The option elements to populate the select with.
    * Can be some `MenuItem` when `native` is false and `option` when `native` is true.
@@ -27,17 +27,17 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * Override or extend the styles applied to the component.
    * @default {}
    */
-  classes?: Partial<SelectClasses>;
+  classes?: Partial<SelectClasses> | undefined;
   /**
    * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
    * You can only use it when the `native` prop is `false` (default).
    * @default false
    */
-  defaultOpen?: boolean;
+  defaultOpen?: boolean | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue?: Value;
+  defaultValue?: Value | undefined;
   /**
    * If `true`, a value is displayed even if no items are selected.
    *
@@ -48,25 +48,25 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * The label should either be hidden or forced to a shrunk state.
    * @default false
    */
-  displayEmpty?: boolean;
+  displayEmpty?: boolean | undefined;
   /**
    * The icon that displays the arrow.
    * @default ArrowDropDownIcon
    */
-  IconComponent?: React.ElementType;
+  IconComponent?: React.ElementType | undefined;
   /**
    * The `id` of the wrapper element or the `select` element when `native`.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * An `Input` element; does not have to be a material-ui specific `Input`.
    */
-  input?: React.ReactElement<unknown, any>;
+  input?: React.ReactElement<unknown, any> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
-  inputProps?: InputProps['inputProps'];
+  inputProps?: InputProps['inputProps'] | undefined;
   /**
    * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
    */
@@ -75,21 +75,21 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
    */
-  labelId?: string;
+  labelId?: string | undefined;
   /**
    * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
    */
-  MenuProps?: Partial<MenuProps>;
+  MenuProps?: Partial<MenuProps> | undefined;
   /**
    * If `true`, `value` must be an array and the menu will support multiple selections.
    * @default false
    */
-  multiple?: boolean;
+  multiple?: boolean | undefined;
   /**
    * If `true`, the component uses a native `select` element.
    * @default false
    */
-  native?: boolean;
+  native?: boolean | undefined;
   /**
    * Callback fired when a menu item is selected.
    *
@@ -98,26 +98,26 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
    * @param {object} [child] The react element that was selected when `native` is `false` (default).
    */
-  onChange?: SelectInputProps<Value>['onChange'];
+  onChange?: SelectInputProps<Value>['onChange'] | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
    *
    * @param {object} event The event source of the callback.
    */
-  onClose?: (event: React.SyntheticEvent) => void;
+  onClose?: ((event: React.SyntheticEvent) => void) | undefined;
   /**
    * Callback fired when the component requests to be opened.
    * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
    *
    * @param {object} event The event source of the callback.
    */
-  onOpen?: (event: React.SyntheticEvent) => void;
+  onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
   /**
    * If `true`, the component is shown.
    * You can only use it when the `native` prop is `false` (default).
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * Render the selected value.
    * You can only use it when the `native` prop is `false` (default).
@@ -125,15 +125,15 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * @param {any} value The `value` provided to the component.
    * @returns {ReactNode}
    */
-  renderValue?: (value: Value) => React.ReactNode;
+  renderValue?: ((value: Value) => React.ReactNode) | undefined;
   /**
    * Props applied to the clickable div element.
    */
-  SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement>;
+  SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | 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. Providing an empty string will select no options.
    * Set to an empty string `''` if you don't want any of the available options to be selected.
@@ -141,12 +141,12 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    * If the value is an object it must have reference equality with the option in order to be selected.
    * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
    */
-  value?: Value | '';
+  value?: Value | '' | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: SelectVariants;
+  variant?: SelectVariants | undefined;
 }
 export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'> {
   /**
@@ -167,7 +167,7 @@ export interface OutlinedSelectProps extends Omit<OutlinedInputProps, 'value' |
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: 'outlined';
+  variant?: 'outlined' | undefined;
 }
 export type SelectVariants = 'outlined' | 'standard' | 'filled';
 export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<Value>) | (StandardSelectProps & BaseSelectProps<Value>) | (OutlinedSelectProps & BaseSelectProps<Value>);
@@ -176,12 +176,12 @@ export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<
  *
  * Demos:
  *
- * - [Select](https://mui.com/material-ui/react-select/)
+ * - [Select](https://v7.mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [Select API](https://mui.com/material-ui/api/select/)
- * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
+ * - [Select API](https://v7.mui.com/material-ui/api/select/)
+ * - inherits [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
  */
 declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
   muiName: string;