@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/PigmentHidden/PigmentHidden.js

@@ -7,9 +7,9 @@ import clsx from 'clsx';
 import Hidden from '@mui/material-pigment-css/Hidden';
 import capitalize from '@mui/utils/capitalize';
 import composeClasses from '@mui/utils/composeClasses';
-import HiddenJs from '../Hidden/HiddenJs';
-import { getHiddenCssUtilityClass } from '../Hidden/hiddenCssClasses';
-import { useTheme } from '../zero-styled';
+import HiddenJs from "../Hidden/HiddenJs.js";
+import { getHiddenCssUtilityClass } from "../Hidden/hiddenCssClasses.js";
+import { useTheme } from "../zero-styled/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -170,11 +170,11 @@ process.env.NODE_ENV !== "production" ? HiddenCss.propTypes /* remove-proptypes
  *
  * Demos:
  *
- * - [Hidden](https://next.mui.com/material-ui/react-hidden/)
+ * - [Hidden](https://mui.com/material-ui/react-hidden/)
  *
  * API:
  *
- * - [PigmentHidden API](https://next.mui.com/material-ui/api/pigment-hidden/)
+ * - [PigmentHidden API](https://mui.com/material-ui/api/pigment-hidden/)
  */
 function PigmentHidden({
   implementation = 'js',

package/modern/PigmentHidden/index.js

@@ -1,2 +1,2 @@
-export { default } from './PigmentHidden';
-export * from './PigmentHidden';
+export { default } from "./PigmentHidden.js";
+export * from "./PigmentHidden.js";

package/modern/PigmentStack/PigmentStack.js

@@ -16,11 +16,11 @@ const useUtilityClasses = () => {
  *
  * Demos:
  *
- * - [Stack](https://next.mui.com/material-ui/react-stack/)
+ * - [Stack](https://mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [PigmentStack API](https://next.mui.com/material-ui/api/pigment-stack/)
+ * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
  */
 const PigmentStack = /*#__PURE__*/React.forwardRef(function PigmentStack({
   className,

package/modern/PigmentStack/index.js

@@ -1,3 +1,3 @@
-export { default } from './PigmentStack';
-export * from './PigmentStack';
-export { default as stackClasses } from '../Stack/stackClasses';
+export { default } from "./PigmentStack.js";
+export * from "./PigmentStack.js";
+export { default as stackClasses } from "../Stack/stackClasses.js";

package/modern/Popover/Popover.js

@@ -9,18 +9,18 @@ import refType from '@mui/utils/refType';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
-import isHostComponent from '../utils/isHostComponent';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import debounce from '../utils/debounce';
-import ownerDocument from '../utils/ownerDocument';
-import ownerWindow from '../utils/ownerWindow';
-import useForkRef from '../utils/useForkRef';
-import Grow from '../Grow';
-import Modal from '../Modal';
-import PaperBase from '../Paper';
-import { getPopoverUtilityClass } from './popoverClasses';
-import useSlot from '../utils/useSlot';
+import isHostComponent from "../utils/isHostComponent.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import debounce from "../utils/debounce.js";
+import ownerDocument from "../utils/ownerDocument.js";
+import ownerWindow from "../utils/ownerWindow.js";
+import useForkRef from "../utils/useForkRef.js";
+import Grow from "../Grow/index.js";
+import Modal from "../Modal/index.js";
+import PaperBase from "../Paper/index.js";
+import { getPopoverUtilityClass } from "./popoverClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function getOffsetTop(rect, vertical) {
   let offset = 0;

package/modern/Popover/index.js

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

package/modern/Popper/BasePopper.js

@@ -6,8 +6,8 @@ import { createPopper } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import Portal from '../Portal';
-import { getPopperUtilityClass } from './popperClasses';
+import Portal from "../Portal/index.js";
+import { getPopperUtilityClass } from "./popperClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function flipPlacement(placement, direction) {
   if (direction === 'ltr') {

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,4 @@
 '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,5 @@
 '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,6 @@
 '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];

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,5 @@
 '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 {

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,5 @@
 '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 {

package/modern/Skeleton/index.js

@@ -1,5 +1,5 @@
 '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,3 @@
 '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;

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,6 @@
 '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 {

package/modern/Snackbar/index.js

@@ -1,5 +1,5 @@
 '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 {