@mui/material 7.0.0-beta.4 → 7.0.0

package/modern/Popper/Popper.js

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

package/modern/Portal/Portal.d.ts

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

package/modern/Portal/Portal.js

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

package/modern/Radio/Radio.d.ts

@@ -76,11 +76,11 @@ export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'>
  *
  * Demos:
  *
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [Radio API](https://next.mui.com/material-ui/api/radio/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [Radio API](https://mui.com/material-ui/api/radio/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 export default function Radio(props: RadioProps): React.JSX.Element;

package/modern/RadioGroup/RadioGroup.d.ts

@@ -28,11 +28,11 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
  *
  * Demos:
  *
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [RadioGroup API](https://next.mui.com/material-ui/api/radio-group/)
- * - inherits [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
+ * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
+ * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
  */
 export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;

package/modern/Rating/Rating.d.ts

@@ -170,11 +170,11 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  *
  * Demos:
  *
- * - [Rating](https://next.mui.com/material-ui/react-rating/)
+ * - [Rating](https://mui.com/material-ui/react-rating/)
  *
  * API:
  *
- * - [Rating API](https://next.mui.com/material-ui/api/rating/)
+ * - [Rating API](https://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> & {

package/modern/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -31,11 +31,11 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [CSS Baseline](https://next.mui.com/material-ui/react-css-baseline/)
+ * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
  *
  * API:
  *
- * - [ScopedCssBaseline API](https://next.mui.com/material-ui/api/scoped-css-baseline/)
+ * - [ScopedCssBaseline API](https://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> & {

package/modern/Select/Select.d.ts

@@ -175,12 +175,12 @@ export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<
  *
  * Demos:
  *
- * - [Select](https://next.mui.com/material-ui/react-select/)
+ * - [Select](https://mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [Select API](https://next.mui.com/material-ui/api/select/)
- * - inherits [OutlinedInput API](https://next.mui.com/material-ui/api/outlined-input/)
+ * - [Select API](https://mui.com/material-ui/api/select/)
+ * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  */
 declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
   muiName: string;

package/modern/Select/SelectInput.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
+import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
 var _span;
 import * as React from 'react';
 import { isFragment } from 'react-is';
@@ -348,7 +348,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     let selected;
     if (multiple) {
       if (!Array.isArray(value)) {
-        throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : _formatMuiErrorMessage(2));
+        throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : _formatErrorMessage(2));
       }
       selected = value.some(v => areEqualValues(v, child.props.value));
       if (selected && computeDisplay) {

package/modern/Skeleton/Skeleton.d.ts

@@ -49,11 +49,11 @@ export interface SkeletonTypeMap<AdditionalProps = {}, RootComponent extends Rea
  *
  * Demos:
  *
- * - [Skeleton](https://next.mui.com/material-ui/react-skeleton/)
+ * - [Skeleton](https://mui.com/material-ui/react-skeleton/)
  *
  * API:
  *
- * - [Skeleton API](https://next.mui.com/material-ui/api/skeleton/)
+ * - [Skeleton API](https://mui.com/material-ui/api/skeleton/)
  */
 declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
 export type SkeletonProps<RootComponent extends React.ElementType = SkeletonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SkeletonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/modern/Slide/Slide.d.ts

@@ -47,17 +47,17 @@ export interface SlideProps extends TransitionProps {
 }
 
 /**
- * The Slide transition is used by the [Drawer](https://next.mui.com/material-ui/react-drawer/) component.
+ * The Slide transition is used by the [Drawer](https://mui.com/material-ui/react-drawer/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Slide API](https://next.mui.com/material-ui/api/slide/)
+ * - [Slide API](https://mui.com/material-ui/api/slide/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Slide(props: SlideProps): React.JSX.Element;

package/modern/Slider/Slider.d.ts

@@ -285,11 +285,11 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
  *
  * Demos:
  *
- * - [Slider](https://next.mui.com/material-ui/react-slider/)
+ * - [Slider](https://mui.com/material-ui/react-slider/)
  *
  * API:
  *
- * - [Slider API](https://next.mui.com/material-ui/api/slider/)
+ * - [Slider API](https://mui.com/material-ui/api/slider/)
  */
 declare const Slider: SliderType;
 export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {

package/modern/Snackbar/Snackbar.d.ts

@@ -172,11 +172,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
  *
  * API:
  *
- * - [Snackbar API](https://next.mui.com/material-ui/api/snackbar/)
+ * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
  */
 export default function Snackbar(props: SnackbarProps): React.JSX.Element;
 export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}

package/modern/SnackbarContent/SnackbarContent.d.ts

@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
  *
  * Demos:
  *
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
  *
  * API:
  *
- * - [SnackbarContent API](https://next.mui.com/material-ui/api/snackbar-content/)
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
+ * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
  */
 export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;

package/modern/SpeedDial/SpeedDial.d.ts

@@ -122,10 +122,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
  *
  * Demos:
  *
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDial API](https://next.mui.com/material-ui/api/speed-dial/)
+ * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
  */
 export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;

package/modern/SpeedDialAction/SpeedDialAction.d.ts

@@ -106,12 +106,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
  *
  * Demos:
  *
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialAction API](https://next.mui.com/material-ui/api/speed-dial-action/)
- * - inherits [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
+ * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
+ * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
  */
 export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
 export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}

package/modern/SpeedDialIcon/SpeedDialIcon.d.ts

@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialIcon API](https://next.mui.com/material-ui/api/speed-dial-icon/)
+ * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
  */
 declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
   muiName: string;

package/modern/Stack/Stack.d.ts

@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Stack](https://next.mui.com/material-ui/react-stack/)
+ * - [Stack](https://mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [Stack API](https://next.mui.com/material-ui/api/stack/)
+ * - [Stack API](https://mui.com/material-ui/api/stack/)
  */
 declare const Stack: OverridableComponent<StackTypeMap>;
 export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/modern/Step/Step.d.ts

@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [Step API](https://next.mui.com/material-ui/api/step/)
+ * - [Step API](https://mui.com/material-ui/api/step/)
  */
 declare const Step: OverridableComponent<StepTypeMap>;
 export default Step;

package/modern/StepButton/StepButton.d.ts

@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepButton API](https://next.mui.com/material-ui/api/step-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [StepButton API](https://mui.com/material-ui/api/step-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;

package/modern/StepConnector/StepConnector.d.ts

@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepConnector API](https://next.mui.com/material-ui/api/step-connector/)
+ * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
  */
 export default function StepConnector(props: StepConnectorProps): React.JSX.Element;

package/modern/StepContent/StepContent.d.ts

@@ -66,10 +66,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepContent API](https://next.mui.com/material-ui/api/step-content/)
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
  */
 export default function StepContent(props: StepContentProps): React.JSX.Element;

package/modern/StepIcon/StepIcon.d.ts

@@ -40,11 +40,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepIcon API](https://next.mui.com/material-ui/api/step-icon/)
- * - inherits [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
+ * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
+ * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
  */
 export default function StepIcon(props: StepIconProps): React.JSX.Element;

package/modern/StepLabel/StepLabel.d.ts

@@ -6,6 +6,11 @@ import { Theme } from "../styles/index.js";
 import { StepLabelClasses } from "./stepLabelClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 export interface StepLabelSlots {
+  /**
+   * The component that renders the root.
+   * @default span
+   */
+  root: React.ElementType;
   /**
    * The component that renders the label.
    * @default span
@@ -17,7 +22,20 @@ export interface StepLabelSlots {
   stepIcon: React.ElementType;
 }
 export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<StepLabelSlots, {
-  label: SlotProps<React.ElementType<React.HTMLProps<HTMLSpanElement>>, {}, StepLabelOwnerState>;
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the span element.
+   */
+  root: SlotProps<'span', {}, StepLabelOwnerState>;
+  /**
+   * Props forwarded to the label slot.
+   * By default, the avaible props are based on the span element.
+   */
+  label: SlotProps<'span', {}, StepLabelOwnerState>;
+  /**
+   * Props forwarded to the stepIcon slot.
+   * By default, the avaible props are based on the div element.
+   */
   stepIcon: SlotProps<React.ElementType<StepIconProps>, {}, StepLabelOwnerState>;
 }>;
 export interface StepLabelOwnerState extends StepLabelProps {}
@@ -76,11 +94,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepLabel API](https://next.mui.com/material-ui/api/step-label/)
+ * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
  */
 declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
   muiName: string;

package/modern/StepLabel/StepLabel.js

@@ -162,6 +162,16 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
       ...slotProps
     }
   };
+  const [RootSlot, rootProps] = useSlot('root', {
+    elementType: StepLabelRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    ownerState,
+    ref,
+    className: clsx(classes.root, className)
+  });
   const [LabelSlot, labelProps] = useSlot('label', {
     elementType: StepLabelLabel,
     externalForwardedProps,
@@ -172,11 +182,8 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     externalForwardedProps,
     ownerState
   });
-  return /*#__PURE__*/_jsxs(StepLabelRoot, {
-    className: clsx(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
+  return /*#__PURE__*/_jsxs(RootSlot, {
+    ...rootProps,
     children: [icon || StepIconSlot ? /*#__PURE__*/_jsx(StepLabelIconContainer, {
       className: classes.iconContainer,
       ownerState: ownerState,
@@ -242,6 +249,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    */
   slotProps: PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     stepIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
@@ -250,6 +258,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    */
   slots: PropTypes.shape({
     label: PropTypes.elementType,
+    root: PropTypes.elementType,
     stepIcon: PropTypes.elementType
   }),
   /**

package/modern/Stepper/Stepper.d.ts

@@ -61,11 +61,11 @@ export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [Stepper API](https://next.mui.com/material-ui/api/stepper/)
+ * - [Stepper API](https://mui.com/material-ui/api/stepper/)
  */
 declare const Stepper: OverridableComponent<StepperTypeMap>;
 export default Stepper;

package/modern/SvgIcon/SvgIcon.d.ts

@@ -73,12 +73,12 @@ export interface SvgIconTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Icons](https://next.mui.com/material-ui/icons/)
- * - [Material Icons](https://next.mui.com/material-ui/material-icons/)
+ * - [Icons](https://mui.com/material-ui/icons/)
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
  *
  * API:
  *
- * - [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
+ * - [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
  */
 declare const SvgIcon: OverridableComponent<SvgIconTypeMap> & {
   muiName: string;

package/modern/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -95,12 +95,12 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
  *
  * Demos:
  *
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
  *
  * API:
  *
- * - [SwipeableDrawer API](https://next.mui.com/material-ui/api/swipeable-drawer/)
- * - inherits [Drawer API](https://next.mui.com/material-ui/api/drawer/)
+ * - [SwipeableDrawer API](https://mui.com/material-ui/api/swipeable-drawer/)
+ * - inherits [Drawer API](https://mui.com/material-ui/api/drawer/)
  */
 declare const SwipeableDrawer: React.JSXElementConstructor<SwipeableDrawerProps>;
 export default SwipeableDrawer;

package/modern/Switch/Switch.d.ts

@@ -2,11 +2,72 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { SwitchBaseProps } from "../internal/SwitchBase.js";
 import { SwitchClasses } from "./switchClasses.js";
 export interface SwitchPropsSizeOverrides {}
 export interface SwitchPropsColorOverrides {}
-export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon'> {
+export interface SwitchRootSlotPropsOverrides {}
+export interface SwitchTrackSlotPropsOverrides {}
+export interface SwitchThumbSlotPropsOverrides {}
+export interface SwitchSwitchBaseSlotPropsOverrides {}
+export interface SwitchInputSlotPropsOverrides {}
+export interface SwitchSlots {
+  /**
+   * The component that renders the root slot.
+   * @default 'span'
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the track slot.
+   * @default 'span'
+   */
+  track: React.ElementType;
+  /**
+   * The component that renders the thumb slot.
+   * @default 'span'
+   */
+  thumb: React.ElementType;
+  /**
+   * The component that renders the switchBase slot.
+   * @default SwitchBase
+   */
+  switchBase: React.ElementType;
+  /**
+   * The component that renders the switchBase's input slot.
+   * @default SwitchBaseInput
+   */
+  input: React.ElementType;
+}
+export type SwitchSlotsAndSlotProps = CreateSlotsAndSlotProps<SwitchSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the span element.
+   */
+  root: SlotProps<'span', SwitchRootSlotPropsOverrides, SwitchOwnerState>;
+  /**
+   * Props forwarded to the track slot.
+   * By default, the avaible props are based on the span element.
+   */
+  track: SlotProps<'span', SwitchTrackSlotPropsOverrides, SwitchOwnerState>;
+  /**
+   * Props forwarded to the thumb slot.
+   * By default, the avaible props are based on the span element.
+   */
+  thumb: SlotProps<'span', SwitchThumbSlotPropsOverrides, SwitchOwnerState>;
+  /**
+   * Props forwarded to the switchBase slot.
+   * By default, the avaible props are based on the internal SwitchBase component.
+   */
+  switchBase: SlotProps<React.ElementType<SwitchBaseProps>, SwitchSwitchBaseSlotPropsOverrides, SwitchOwnerState>;
+  /**
+   * Props forwarded to the input slot.
+   * By default, the avaible props are based on the input element.
+   */
+  input: SlotProps<'input', SwitchInputSlotPropsOverrides, SwitchOwnerState>;
+}>;
+export interface SwitchOwnerState extends Omit<SwitchProps, 'slots' | 'slotProps'> {}
+export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'slots' | 'slotProps'>, SwitchSlotsAndSlotProps {
   /**
    * The icon to display when the component is checked.
    */
@@ -51,12 +112,12 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
  *
  * Demos:
  *
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [Switch API](https://next.mui.com/material-ui/api/switch/)
- * - inherits [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
+ * - [Switch API](https://mui.com/material-ui/api/switch/)
+ * - inherits [IconButton API](https://mui.com/material-ui/api/icon-button/)
  */
 export default function Switch(props: SwitchProps): React.JSX.Element;