@mui/material 6.0.0-rc.0 → 6.0.1

package/modern/Popper/Popper.js

@@ -5,9 +5,9 @@ import refType from '@mui/utils/refType';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import BasePopper from './BasePopper';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import BasePopper from "./BasePopper.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PopperRoot = styled(BasePopper, {
   name: 'MuiPopper',
@@ -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/Popper/index.js

@@ -1,4 +1,2 @@
-'use client';
-
-export { default } from './Popper';
-export * from './popperClasses';
+export { default } from "./Popper.js";
+export * from "./popperClasses.js";

package/modern/Portal/Portal.js

@@ -15,11 +15,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/Portal/index.js

@@ -1 +1 @@
-export { default } from './Portal';
+export { default } from "./Portal.js";

package/modern/Radio/Radio.js

@@ -6,16 +6,16 @@ import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import SwitchBase from '../internal/SwitchBase';
-import RadioButtonIcon from './RadioButtonIcon';
-import capitalize from '../utils/capitalize';
-import createChainedFunction from '../utils/createChainedFunction';
-import useRadioGroup from '../RadioGroup/useRadioGroup';
-import radioClasses, { getRadioUtilityClass } from './radioClasses';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import SwitchBase from "../internal/SwitchBase.js";
+import RadioButtonIcon from "./RadioButtonIcon.js";
+import capitalize from "../utils/capitalize.js";
+import createChainedFunction from "../utils/createChainedFunction.js";
+import useRadioGroup from "../RadioGroup/useRadioGroup.js";
+import radioClasses, { getRadioUtilityClass } from "./radioClasses.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Radio/RadioButtonIcon.js

@@ -2,11 +2,11 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
-import RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
+import RadioButtonUncheckedIcon from "../internal/svg-icons/RadioButtonUnchecked.js";
+import RadioButtonCheckedIcon from "../internal/svg-icons/RadioButtonChecked.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RadioButtonIconRoot = styled('span', {
   shouldForwardProp: rootShouldForwardProp

package/modern/Radio/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Radio';
-export { default as radioClasses } from './radioClasses';
-export * from './radioClasses';
+export { default } from "./Radio.js";
+export { default as radioClasses } from "./radioClasses.js";
+export * from "./radioClasses.js";

package/modern/RadioGroup/RadioGroup.js

@@ -4,12 +4,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import FormGroup from '../FormGroup';
-import { getRadioGroupUtilityClass } from './radioGroupClasses';
-import useForkRef from '../utils/useForkRef';
-import useControlled from '../utils/useControlled';
-import RadioGroupContext from './RadioGroupContext';
-import useId from '../utils/useId';
+import FormGroup from "../FormGroup/index.js";
+import { getRadioGroupUtilityClass } from "./radioGroupClasses.js";
+import useForkRef from "../utils/useForkRef.js";
+import useControlled from "../utils/useControlled.js";
+import RadioGroupContext from "./RadioGroupContext.js";
+import useId from "../utils/useId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = props => {
   const {

package/modern/RadioGroup/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-export { default } from './RadioGroup';
-export { default as useRadioGroup } from './useRadioGroup';
-export { default as radioGroupClasses } from './radioGroupClasses';
-export * from './radioGroupClasses';
+export { default } from "./RadioGroup.js";
+export { default as useRadioGroup } from "./useRadioGroup.js";
+export { default as radioGroupClasses } from "./radioGroupClasses.js";
+export * from "./radioGroupClasses.js";

package/modern/RadioGroup/useRadioGroup.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import RadioGroupContext from './RadioGroupContext';
+import RadioGroupContext from "./RadioGroupContext.js";
 export default function useRadioGroup() {
   return React.useContext(RadioGroupContext);
 }

package/modern/Rating/Rating.js

@@ -9,14 +9,14 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import isFocusVisible from '@mui/utils/isFocusVisible';
-import { capitalize, useForkRef, useControlled, unstable_useId as useId } from '../utils';
-import Star from '../internal/svg-icons/Star';
-import StarBorder from '../internal/svg-icons/StarBorder';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import slotShouldForwardProp from '../styles/slotShouldForwardProp';
-import ratingClasses, { getRatingUtilityClass } from './ratingClasses';
+import { capitalize, useForkRef, useControlled, unstable_useId as useId } from "../utils/index.js";
+import Star from "../internal/svg-icons/Star.js";
+import StarBorder from "../internal/svg-icons/StarBorder.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import slotShouldForwardProp from "../styles/slotShouldForwardProp.js";
+import ratingClasses, { getRatingUtilityClass } from "./ratingClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getDecimalPrecision(num) {
   const decimalPart = num.toString().split('.')[1];
@@ -585,7 +585,7 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @param {number} value The rating label's value to format.
    * @returns {string}
    * @default function defaultLabelText(value) {

package/modern/Rating/index.js

@@ -1,3 +1,3 @@
-export { default } from './Rating';
-export { default as ratingClasses } from './ratingClasses';
-export * from './ratingClasses';
+export { default } from "./Rating.js";
+export { default as ratingClasses } from "./ratingClasses.js";
+export * from "./ratingClasses.js";

package/modern/ScopedCssBaseline/ScopedCssBaseline.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { html, body } from '../CssBaseline/CssBaseline';
-import { getScopedCssBaselineUtilityClass } from './scopedCssBaselineClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { html, body } from "../CssBaseline/CssBaseline.js";
+import { getScopedCssBaselineUtilityClass } from "./scopedCssBaselineClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ScopedCssBaseline/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ScopedCssBaseline';
-export { default as scopedCssBaselineClasses } from './scopedCssBaselineClasses';
-export * from './scopedCssBaselineClasses';
+export { default } from "./ScopedCssBaseline.js";
+export { default as scopedCssBaselineClasses } from "./scopedCssBaselineClasses.js";
+export * from "./scopedCssBaselineClasses.js";

package/modern/Select/Select.js

@@ -5,18 +5,18 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import deepmerge from '@mui/utils/deepmerge';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
-import SelectInput from './SelectInput';
-import formControlState from '../FormControl/formControlState';
-import useFormControl from '../FormControl/useFormControl';
-import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
-import Input from '../Input';
-import NativeSelectInput from '../NativeSelect/NativeSelectInput';
-import FilledInput from '../FilledInput';
-import OutlinedInput from '../OutlinedInput';
-import useThemeProps from '../styles/useThemeProps';
-import useForkRef from '../utils/useForkRef';
-import { styled } from '../zero-styled';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
+import SelectInput from "./SelectInput.js";
+import formControlState from "../FormControl/formControlState.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import ArrowDropDownIcon from "../internal/svg-icons/ArrowDropDown.js";
+import Input from "../Input/index.js";
+import NativeSelectInput from "../NativeSelect/NativeSelectInput.js";
+import FilledInput from "../FilledInput/index.js";
+import OutlinedInput from "../OutlinedInput/index.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import useForkRef from "../utils/useForkRef.js";
+import { styled } from "../zero-styled/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -207,7 +207,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   inputProps: PropTypes.object,
   /**
-   * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
+   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
    */
   label: PropTypes.node,
   /**
@@ -216,7 +216,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   labelId: PropTypes.string,
   /**
-   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
+   * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
    */
   MenuProps: PropTypes.object,
   /**

package/modern/Select/SelectInput.js

@@ -9,16 +9,16 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import refType from '@mui/utils/refType';
-import ownerDocument from '../utils/ownerDocument';
-import capitalize from '../utils/capitalize';
-import Menu from '../Menu/Menu';
-import { StyledSelectSelect, StyledSelectIcon } from '../NativeSelect/NativeSelectInput';
-import { isFilled } from '../InputBase/utils';
-import { styled } from '../zero-styled';
-import slotShouldForwardProp from '../styles/slotShouldForwardProp';
-import useForkRef from '../utils/useForkRef';
-import useControlled from '../utils/useControlled';
-import selectClasses, { getSelectUtilityClasses } from './selectClasses';
+import ownerDocument from "../utils/ownerDocument.js";
+import capitalize from "../utils/capitalize.js";
+import Menu from "../Menu/Menu.js";
+import { StyledSelectSelect, StyledSelectIcon } from "../NativeSelect/NativeSelectInput.js";
+import { isFilled } from "../InputBase/utils.js";
+import { styled } from "../zero-styled/index.js";
+import slotShouldForwardProp from "../styles/slotShouldForwardProp.js";
+import useForkRef from "../utils/useForkRef.js";
+import useControlled from "../utils/useControlled.js";
+import selectClasses, { getSelectUtilityClasses } from "./selectClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SelectSelect = styled(StyledSelectSelect, {
   name: 'MuiSelect',

package/modern/Select/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Select';
-export { default as selectClasses } from './selectClasses';
-export * from './selectClasses';
+export { default } from "./Select.js";
+export { default as selectClasses } from "./selectClasses.js";
+export * from "./selectClasses.js";

package/modern/Skeleton/Skeleton.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
-import { keyframes, css, styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getSkeletonUtilityClass } from './skeletonClasses';
+import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from "../styles/index.js";
+import { keyframes, css, styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getSkeletonUtilityClass } from "./skeletonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -168,8 +168,10 @@ const SkeletonRoot = styled('span', {
       props: {
         animation: 'wave'
       },
-      style: waveAnimation || {
-        animation: `${waveKeyframe} 2s linear 0.5s infinite`
+      style: {
+        '&::after': waveAnimation || {
+          animation: `${waveKeyframe} 2s linear 0.5s infinite`
+        }
       }
     }]
   };

package/modern/Skeleton/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Skeleton';
-export * from './skeletonClasses';
-export { default as skeletonClasses } from './skeletonClasses';
+export { default } from "./Skeleton.js";
+export * from "./skeletonClasses.js";
+export { default as skeletonClasses } from "./skeletonClasses.js";

package/modern/Slide/Slide.js

@@ -7,11 +7,11 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
-import debounce from '../utils/debounce';
-import useForkRef from '../utils/useForkRef';
-import { useTheme } from '../zero-styled';
-import { reflow, getTransitionProps } from '../transitions/utils';
-import { ownerWindow } from '../utils';
+import debounce from "../utils/debounce.js";
+import useForkRef from "../utils/useForkRef.js";
+import { useTheme } from "../zero-styled/index.js";
+import { reflow, getTransitionProps } from "../transitions/utils.js";
+import { ownerWindow } from "../utils/index.js";
 
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.

package/modern/Slide/index.js

@@ -1,3 +1 @@
-'use client';
-
-export { default } from './Slide';
+export { default } from "./Slide.js";

package/modern/Slider/Slider.js

@@ -8,16 +8,16 @@ import composeClasses from '@mui/utils/composeClasses';
 import { alpha, lighten, darken } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { useSlider, valueToPercent } from './useSlider';
-import isHostComponent from '../utils/isHostComponent';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import slotShouldForwardProp from '../styles/slotShouldForwardProp';
-import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
-import capitalize from '../utils/capitalize';
-import BaseSliderValueLabel from './SliderValueLabel';
-import sliderClasses, { getSliderUtilityClass } from './sliderClasses';
+import { useSlider, valueToPercent } from "./useSlider.js";
+import isHostComponent from "../utils/isHostComponent.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import slotShouldForwardProp from "../styles/slotShouldForwardProp.js";
+import shouldSpreadAdditionalProps from "../utils/shouldSpreadAdditionalProps.js";
+import capitalize from "../utils/capitalize.js";
+import BaseSliderValueLabel from "./SliderValueLabel.js";
+import sliderClasses, { getSliderUtilityClass } from "./sliderClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Identity(x) {
   return x;
@@ -846,7 +846,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -864,7 +864,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */

package/modern/Slider/SliderValueLabel.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import sliderClasses from './sliderClasses';
+import sliderClasses from "./sliderClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useValueLabelClasses = props => {
   const {

package/modern/Slider/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-export { default } from './Slider';
-export * from './Slider';
-export { default as sliderClasses } from './sliderClasses';
-export * from './sliderClasses';
+export { default } from "./Slider.js";
+export * from "./Slider.js";
+export { default as sliderClasses } from "./sliderClasses.js";
+export * from "./sliderClasses.js";

package/modern/Slider/useSlider.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument, unstable_useControlled as useControlled, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_isFocusVisible as isFocusVisible, visuallyHidden, clamp } from '@mui/utils';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
-import areArraysEqual from '../utils/areArraysEqual';
+import areArraysEqual from "../utils/areArraysEqual.js";
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
 function asc(a, b) {
   return a - b;
@@ -150,11 +150,11 @@ function doesSupportTouchActionNone() {
  *
  * Demos:
  *
- * - [Slider](https://next.mui.com/base-ui/react-slider/#hook)
+ * - [Slider](https://mui.com/base-ui/react-slider/#hook)
  *
  * API:
  *
- * - [useSlider API](https://next.mui.com/base-ui/react-slider/hooks-api/#use-slider)
+ * - [useSlider API](https://mui.com/base-ui/react-slider/hooks-api/#use-slider)
  */
 export function useSlider(parameters) {
   const {

package/modern/Snackbar/Snackbar.js

@@ -4,15 +4,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import useSnackbar from './useSnackbar';
-import ClickAwayListener from '../ClickAwayListener';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import Grow from '../Grow';
-import SnackbarContent from '../SnackbarContent';
-import { getSnackbarUtilityClass } from './snackbarClasses';
+import useSnackbar from "./useSnackbar.js";
+import ClickAwayListener from "../ClickAwayListener/index.js";
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import Grow from "../Grow/index.js";
+import SnackbarContent from "../SnackbarContent/index.js";
+import { getSnackbarUtilityClass } from "./snackbarClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -252,7 +252,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
    */
   ClickAwayListenerProps: PropTypes.object,
   /**
-   * Props applied to the [`SnackbarContent`](/material-ui/api/snackbar-content/) element.
+   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
    */
   ContentProps: PropTypes.object,
   /**
@@ -315,7 +315,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
   TransitionComponent: PropTypes.elementType,

package/modern/Snackbar/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Snackbar';
-export { default as snackbarClasses } from './snackbarClasses';
-export * from './snackbarClasses';
+export { default } from "./Snackbar.js";
+export { default as snackbarClasses } from "./snackbarClasses.js";
+export * from "./snackbarClasses.js";

package/modern/Snackbar/useSnackbar.js

@@ -8,11 +8,11 @@ import extractEventHandlers from '@mui/utils/extractEventHandlers';
  *
  * Demos:
  *
- * - [Snackbar](https://next.mui.com/base-ui/react-snackbar/#hook)
+ * - [Snackbar](https://mui.com/base-ui/react-snackbar/#hook)
  *
  * API:
  *
- * - [useSnackbar API](https://next.mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
+ * - [useSnackbar API](https://mui.com/base-ui/react-snackbar/hooks-api/#use-snackbar)
  */
 function useSnackbar(parameters = {}) {
   const {

package/modern/SnackbarContent/SnackbarContent.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Paper from '../Paper';
-import { getSnackbarContentUtilityClass } from './snackbarContentClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Paper from "../Paper/index.js";
+import { getSnackbarContentUtilityClass } from "./snackbarContentClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/SnackbarContent/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './SnackbarContent';
-export { default as snackbarContentClasses } from './snackbarContentClasses';
-export * from './snackbarContentClasses';
+export { default } from "./SnackbarContent.js";
+export { default as snackbarContentClasses } from "./snackbarContentClasses.js";
+export * from "./snackbarContentClasses.js";