@mui/material 9.0.0-alpha.4 → 9.0.0-beta.1

package/StepLabel/StepLabel.d.mts

@@ -48,18 +48,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<StepLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the label element.
-     * @default {}
-     */
-    label?: React.HTMLProps<HTMLSpanElement> | undefined;
-  } | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -73,16 +61,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * The optional node to display.
    */
   optional?: React.ReactNode;
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent?: React.ElementType<StepIconProps> | undefined;
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps?: Partial<StepIconProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.d.ts

@@ -48,18 +48,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<StepLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the label element.
-     * @default {}
-     */
-    label?: React.HTMLProps<HTMLSpanElement> | undefined;
-  } | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -73,16 +61,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * The optional node to display.
    */
   optional?: React.ReactNode;
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent?: React.ElementType<StepIconProps> | undefined;
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps?: Partial<StepIconProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.js

@@ -119,14 +119,11 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const {
     children,
     className,
-    componentsProps = {},
     error = false,
     icon: iconProp,
     optional,
     slots = {},
     slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
     ...other
   } = props;
   const {
@@ -140,10 +137,6 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     icon: iconContext
   } = React.useContext(_StepContext.default);
   const icon = iconProp || iconContext;
-  let StepIconComponent = StepIconComponentProp;
-  if (icon && !StepIconComponent) {
-    StepIconComponent = _StepIcon.default;
-  }
   const ownerState = {
     ...props,
     active,
@@ -156,11 +149,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      stepIcon: StepIconProps,
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
     elementType: StepLabelRoot,
@@ -178,7 +167,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     ownerState
   });
   const [StepIconSlot, stepIconProps] = (0, _useSlot.default)('stepIcon', {
-    elementType: StepIconComponent,
+    elementType: icon ? _StepIcon.default : undefined,
     externalForwardedProps,
     ownerState
   });
@@ -222,14 +211,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps: _propTypes.default.shape({
-    label: _propTypes.default.object
-  }),
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -261,16 +242,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
     root: _propTypes.default.elementType,
     stepIcon: _propTypes.default.elementType
   }),
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent: _propTypes.default.elementType,
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.mjs

@@ -112,14 +112,11 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const {
     children,
     className,
-    componentsProps = {},
     error = false,
     icon: iconProp,
     optional,
     slots = {},
     slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
     ...other
   } = props;
   const {
@@ -133,10 +130,6 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     icon: iconContext
   } = React.useContext(StepContext);
   const icon = iconProp || iconContext;
-  let StepIconComponent = StepIconComponentProp;
-  if (icon && !StepIconComponent) {
-    StepIconComponent = StepIcon;
-  }
   const ownerState = {
     ...props,
     active,
@@ -149,11 +142,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      stepIcon: StepIconProps,
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootProps] = useSlot('root', {
     elementType: StepLabelRoot,
@@ -171,7 +160,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     ownerState
   });
   const [StepIconSlot, stepIconProps] = useSlot('stepIcon', {
-    elementType: StepIconComponent,
+    elementType: icon ? StepIcon : undefined,
     externalForwardedProps,
     ownerState
   });
@@ -215,14 +204,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps: PropTypes.shape({
-    label: PropTypes.object
-  }),
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -254,16 +235,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
     root: PropTypes.elementType,
     stepIcon: PropTypes.elementType
   }),
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent: PropTypes.elementType,
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Stepper/Stepper.js

@@ -13,12 +13,12 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _RtlProvider = require("@mui/system/RtlProvider");
-var _useRovingTabIndex = _interopRequireDefault(require("../utils/useRovingTabIndex"));
 var _zeroStyled = require("../zero-styled");
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _useRovingTabIndex = require("../utils/useRovingTabIndex");
 var _stepperClasses = require("./stepperClasses");
 var _StepConnector = _interopRequireDefault(require("../StepConnector"));
-var _StepperContext = require("./StepperContext");
+var _StepperContext = _interopRequireDefault(require("./StepperContext"));
 var _StepButton = _interopRequireDefault(require("../StepButton"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
@@ -72,6 +72,37 @@ const StepperRoot = (0, _zeroStyled.styled)('ol', {
   }]
 });
 const defaultConnector = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepConnector.default, {});
+function RovingStepper(props) {
+  // eslint-disable-next-line react/prop-types
+  const {
+    children,
+    className,
+    component,
+    forwardedRef,
+    isRtl,
+    orientation,
+    ownerState,
+    ...other
+  } = props;
+  const rovingContainer = (0, _useRovingTabIndex.useRovingTabIndexRoot)({
+    orientation,
+    isRtl
+  });
+  const rovingContainerProps = rovingContainer.getContainerProps(forwardedRef);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_useRovingTabIndex.RovingTabIndexContext.Provider, {
+    value: rovingContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, {
+      as: component,
+      ownerState: ownerState,
+      className: className,
+      role: "tablist",
+      "aria-orientation": orientation,
+      ...rovingContainerProps,
+      ...other,
+      children: children
+    })
+  });
+}
 const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   const isRtl = (0, _RtlProvider.useRtl)();
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
@@ -119,14 +150,6 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
       ...step.props
     });
   });
-  const {
-    getContainerProps,
-    getItemProps
-  } = (0, _useRovingTabIndex.default)({
-    orientation,
-    isRtl
-  });
-  const rovingTabIndexContainerProps = getContainerProps(ref);
   const contextValue = React.useMemo(() => ({
     activeStep,
     alternativeLabel,
@@ -134,21 +157,30 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     nonLinear,
     orientation,
     totalSteps,
-    getRovingTabIndexProps: getItemProps,
     isTabList
-  }), [activeStep, alternativeLabel, connector, nonLinear, orientation, totalSteps, getItemProps, isTabList]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepperContext.StepperContextProvider, {
+  }), [activeStep, alternativeLabel, connector, nonLinear, orientation, totalSteps, isTabList]);
+  if (!isTabList) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, {
+        as: component,
+        ownerState: ownerState,
+        className: (0, _clsx.default)(classes.root, className),
+        ref: ref,
+        ...other,
+        children: steps
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, {
-      as: component,
-      ownerState: ownerState,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RovingStepper, {
+      forwardedRef: ref,
+      isRtl: isRtl,
       className: (0, _clsx.default)(classes.root, className),
-      ref: ref,
-      ...(isTabList && {
-        role: 'tablist',
-        'aria-orientation': orientation,
-        ...rovingTabIndexContainerProps
-      }),
+      component: component,
+      orientation: orientation,
+      ownerState: ownerState,
       ...other,
       children: steps
     })

package/Stepper/Stepper.mjs

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
-import useRovingTabIndex from "../utils/useRovingTabIndex.mjs";
 import { styled } from "../zero-styled/index.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
+import { RovingTabIndexContext, useRovingTabIndexRoot } from "../utils/useRovingTabIndex.mjs";
 import { getStepperUtilityClass } from "./stepperClasses.mjs";
 import StepConnector from "../StepConnector/index.mjs";
-import { StepperContextProvider } from "./StepperContext.mjs";
+import StepperContext from "./StepperContext.mjs";
 import StepButton from "../StepButton/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
@@ -65,6 +65,37 @@ const StepperRoot = styled('ol', {
   }]
 });
 const defaultConnector = /*#__PURE__*/_jsx(StepConnector, {});
+function RovingStepper(props) {
+  // eslint-disable-next-line react/prop-types
+  const {
+    children,
+    className,
+    component,
+    forwardedRef,
+    isRtl,
+    orientation,
+    ownerState,
+    ...other
+  } = props;
+  const rovingContainer = useRovingTabIndexRoot({
+    orientation,
+    isRtl
+  });
+  const rovingContainerProps = rovingContainer.getContainerProps(forwardedRef);
+  return /*#__PURE__*/_jsx(RovingTabIndexContext.Provider, {
+    value: rovingContainer,
+    children: /*#__PURE__*/_jsx(StepperRoot, {
+      as: component,
+      ownerState: ownerState,
+      className: className,
+      role: "tablist",
+      "aria-orientation": orientation,
+      ...rovingContainerProps,
+      ...other,
+      children: children
+    })
+  });
+}
 const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
   const isRtl = useRtl();
   const props = useDefaultProps({
@@ -112,14 +143,6 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
       ...step.props
     });
   });
-  const {
-    getContainerProps,
-    getItemProps
-  } = useRovingTabIndex({
-    orientation,
-    isRtl
-  });
-  const rovingTabIndexContainerProps = getContainerProps(ref);
   const contextValue = React.useMemo(() => ({
     activeStep,
     alternativeLabel,
@@ -127,21 +150,30 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
     nonLinear,
     orientation,
     totalSteps,
-    getRovingTabIndexProps: getItemProps,
     isTabList
-  }), [activeStep, alternativeLabel, connector, nonLinear, orientation, totalSteps, getItemProps, isTabList]);
-  return /*#__PURE__*/_jsx(StepperContextProvider, {
+  }), [activeStep, alternativeLabel, connector, nonLinear, orientation, totalSteps, isTabList]);
+  if (!isTabList) {
+    return /*#__PURE__*/_jsx(StepperContext.Provider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(StepperRoot, {
+        as: component,
+        ownerState: ownerState,
+        className: clsx(classes.root, className),
+        ref: ref,
+        ...other,
+        children: steps
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(StepperContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(StepperRoot, {
-      as: component,
-      ownerState: ownerState,
+    children: /*#__PURE__*/_jsx(RovingStepper, {
+      forwardedRef: ref,
+      isRtl: isRtl,
       className: clsx(classes.root, className),
-      ref: ref,
-      ...(isTabList && {
-        role: 'tablist',
-        'aria-orientation': orientation,
-        ...rovingTabIndexContainerProps
-      }),
+      component: component,
+      orientation: orientation,
+      ownerState: ownerState,
       ...other,
       children: steps
     })

package/Stepper/StepperContext.d.mts

@@ -6,10 +6,6 @@ export interface StepperContextType {
   nonLinear: boolean;
   orientation: 'horizontal' | 'vertical';
   totalSteps: number;
-  getRovingTabIndexProps: (index: number, ref?: React.Ref<HTMLElement>) => {
-    ref: (element: HTMLElement | null) => void;
-    tabIndex: number;
-  };
   isTabList: boolean;
 }
 /**
@@ -21,5 +17,4 @@ declare const StepperContext: React.Context<{} | StepperContextType>;
  * has been defined in the component tree.
  */
 export declare function useStepperContext(): StepperContextType | {};
-export declare const StepperContextProvider: React.Provider<{} | StepperContextType>;
 export default StepperContext;

package/Stepper/StepperContext.d.ts

@@ -6,10 +6,6 @@ export interface StepperContextType {
   nonLinear: boolean;
   orientation: 'horizontal' | 'vertical';
   totalSteps: number;
-  getRovingTabIndexProps: (index: number, ref?: React.Ref<HTMLElement>) => {
-    ref: (element: HTMLElement | null) => void;
-    tabIndex: number;
-  };
   isTabList: boolean;
 }
 /**
@@ -21,5 +17,4 @@ declare const StepperContext: React.Context<{} | StepperContextType>;
  * has been defined in the component tree.
  */
 export declare function useStepperContext(): StepperContextType | {};
-export declare const StepperContextProvider: React.Provider<{} | StepperContextType>;
 export default StepperContext;

package/Stepper/StepperContext.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StepperContextProvider = void 0;
+exports.default = void 0;
 exports.useStepperContext = useStepperContext;
 var React = _interopRequireWildcard(require("react"));
 /**
@@ -23,5 +23,4 @@ if (process.env.NODE_ENV !== 'production') {
 function useStepperContext() {
   return React.useContext(StepperContext);
 }
-const StepperContextProvider = exports.StepperContextProvider = StepperContext.Provider;
 var _default = exports.default = StepperContext;

package/Stepper/StepperContext.mjs

@@ -16,5 +16,4 @@ if (process.env.NODE_ENV !== 'production') {
 export function useStepperContext() {
   return React.useContext(StepperContext);
 }
-export const StepperContextProvider = StepperContext.Provider;
 export default StepperContext;

package/SvgIcon/createSvgIcon.d.mts

@@ -0,0 +1,2 @@
+import SvgIcon from "./SvgIcon.mjs";
+export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;

package/SvgIcon/createSvgIcon.d.ts

@@ -0,0 +1,2 @@
+import SvgIcon from "./SvgIcon.js";
+export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;

package/SvgIcon/createSvgIcon.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSvgIcon;
+var React = _interopRequireWildcard(require("react"));
+var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Private module reserved for @mui packages.
+ */function createSvgIcon(path, displayName) {
+  function Component(props, ref) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
+      ref: ref,
+      ...props,
+      children: path
+    });
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // Need to set `displayName` on the inner component for React.memo.
+    // React prior to 16.14 ignores `displayName` on the wrapper.
+    Component.displayName = `${displayName}Icon`;
+  }
+  Component.muiName = _SvgIcon.default.muiName;
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
+}

package/SvgIcon/createSvgIcon.mjs

@@ -0,0 +1,26 @@
+'use client';
+
+import * as React from 'react';
+import SvgIcon from "./SvgIcon.mjs";
+
+/**
+ * Private module reserved for @mui packages.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function createSvgIcon(path, displayName) {
+  function Component(props, ref) {
+    return /*#__PURE__*/_jsx(SvgIcon, {
+      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
+      ref: ref,
+      ...props,
+      children: path
+    });
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // Need to set `displayName` on the inner component for React.memo.
+    // React prior to 16.14 ignores `displayName` on the wrapper.
+    Component.displayName = `${displayName}Icon`;
+  }
+  Component.muiName = SvgIcon.muiName;
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
+}

package/SvgIcon/index.d.mts

@@ -1,4 +1,5 @@
 export { default } from "./SvgIcon.mjs";
 export * from "./SvgIcon.mjs";
+export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as svgIconClasses } from "./svgIconClasses.mjs";
 export * from "./svgIconClasses.mjs";

package/SvgIcon/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./SvgIcon.js";
 export * from "./SvgIcon.js";
+export { default as createSvgIcon } from "./createSvgIcon.js";
 export { default as svgIconClasses } from "./svgIconClasses.js";
 export * from "./svgIconClasses.js";

package/SvgIcon/index.js

@@ -6,8 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  createSvgIcon: true,
   svgIconClasses: true
 };
+Object.defineProperty(exports, "createSvgIcon", {
+  enumerable: true,
+  get: function () {
+    return _createSvgIcon.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
@@ -21,6 +28,7 @@ Object.defineProperty(exports, "svgIconClasses", {
   }
 });
 var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _createSvgIcon = _interopRequireDefault(require("./createSvgIcon"));
 var _svgIconClasses = _interopRequireWildcard(require("./svgIconClasses"));
 Object.keys(_svgIconClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/SvgIcon/index.mjs

@@ -1,3 +1,4 @@
 export { default } from "./SvgIcon.mjs";
+export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as svgIconClasses } from "./svgIconClasses.mjs";
 export * from "./svgIconClasses.mjs";

package/SwipeableDrawer/SwipeableDrawer.d.mts

@@ -78,11 +78,6 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * The element is used to intercept the touch events on the edge.
-   * @deprecated use the `slotProps.swipeArea` 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.
-   */
-  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.

package/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -78,11 +78,6 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * The element is used to intercept the touch events on the edge.
-   * @deprecated use the `slotProps.swipeArea` 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.
-   */
-  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.