@mui/material 6.0.0-rc.0 → 6.0.1

package/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/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/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/RadioGroup/RadioGroup.d.ts

@@ -29,11 +29,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/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/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/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/Rating/Rating.d.ts

@@ -40,7 +40,7 @@ export interface RatingProps
    * 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) {
@@ -118,10 +118,10 @@ export interface RatingProps
  *
  * 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/)
  */
 export default function Rating(props: RatingProps): React.JSX.Element;

package/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/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/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -36,11 +36,11 @@ export interface ScopedCssBaselineTypeMap<
  *
  * 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>;
 

package/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/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/Select/Select.d.ts

@@ -63,14 +63,14 @@ export interface BaseSelectProps<Value = unknown>
   /**
    * An `Input` element; does not have to be a material-ui specific `Input`.
    */
-  input?: React.ReactElement<any, any>;
+  input?: React.ReactElement<unknown, any>;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps?: InputProps['inputProps'];
   /**
-   * See [OutlinedInput#label](/material-ui/api/outlined-input/#props)
+   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
    */
   label?: React.ReactNode;
   /**
@@ -79,7 +79,7 @@ export interface BaseSelectProps<Value = unknown>
    */
   labelId?: 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?: Partial<MenuProps>;
   /**
@@ -189,12 +189,12 @@ export type SelectProps<Value = unknown> =
  *
  * 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/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/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/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/Skeleton/Skeleton.d.ts

@@ -58,11 +58,11 @@ export interface SkeletonTypeMap<
  *
  * 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>;
 

package/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/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/Slide/Slide.d.ts

@@ -11,7 +11,7 @@ export interface SlideProps extends TransitionProps {
   /**
    * A single child content element.
    */
-  children: React.ReactElement<any, any>;
+  children: React.ReactElement<unknown, any>;
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
@@ -48,17 +48,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/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/Slide/index.js

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

package/Slider/Slider.d.ts

@@ -46,7 +46,7 @@ export interface SliderOwnProps {
   /**
    * 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 {}
    */
@@ -64,7 +64,7 @@ export interface SliderOwnProps {
    * 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 {}
    */
@@ -306,11 +306,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: OverridableComponent<SliderTypeMap>;
 

package/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/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/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/Slider/useSlider.d.ts

@@ -5,10 +5,10 @@ export declare const Identity: (x: any) => any;
  *
  * 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 declare function useSlider(parameters: UseSliderParameters): UseSliderReturnValue;

package/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 {