@mui/material 6.0.0-rc.0 → 6.0.0

package/internal/svg-icons/ArrowDownward.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/ArrowDropDown.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/Cancel.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/CheckBox.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/CheckCircle.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/Close.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/ErrorOutline.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/FirstPage.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/IndeterminateCheckBox.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/InfoOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/KeyboardArrowLeft.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/KeyboardArrowRight.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/LastPage.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/MoreHoriz.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/NavigateBefore.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/NavigateNext.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/Person.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/RadioButtonChecked.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/RadioButtonUnchecked.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/ReportProblemOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/Star.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/StarBorder.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/SuccessOutlined.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/internal/svg-icons/Warning.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import createSvgIcon from '../../utils/createSvgIcon';
+import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**
  * @ignore - internal component.

package/modern/Accordion/Accordion.js

@@ -6,15 +6,15 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Collapse from '../Collapse';
-import Paper from '../Paper';
-import AccordionContext from './AccordionContext';
-import useControlled from '../utils/useControlled';
-import useSlot from '../utils/useSlot';
-import accordionClasses, { getAccordionUtilityClass } from './accordionClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Collapse from "../Collapse/index.js";
+import Paper from "../Paper/index.js";
+import AccordionContext from "./AccordionContext.js";
+import useControlled from "../utils/useControlled.js";
+import useSlot from "../utils/useSlot.js";
+import accordionClasses, { getAccordionUtilityClass } from "./accordionClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Accordion/index.js

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

package/modern/AccordionActions/AccordionActions.js

@@ -4,9 +4,9 @@ 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 { useDefaultProps } from '../DefaultPropsProvider';
-import { getAccordionActionsUtilityClass } from './accordionActionsClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getAccordionActionsUtilityClass } from "./accordionActionsClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/AccordionActions/index.js

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

package/modern/AccordionDetails/AccordionDetails.js

@@ -4,10 +4,10 @@ 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 { getAccordionDetailsUtilityClass } from './accordionDetailsClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getAccordionDetailsUtilityClass } from "./accordionDetailsClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/AccordionDetails/index.js

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

package/modern/AccordionSummary/AccordionSummary.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 { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import ButtonBase from '../ButtonBase';
-import AccordionContext from '../Accordion/AccordionContext';
-import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from './accordionSummaryClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ButtonBase from "../ButtonBase/index.js";
+import AccordionContext from "../Accordion/AccordionContext.js";
+import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from "./accordionSummaryClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/AccordionSummary/index.js

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

package/modern/Alert/Alert.js

@@ -5,19 +5,19 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { darken, lighten } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import useSlot from '../utils/useSlot';
-import capitalize from '../utils/capitalize';
-import Paper from '../Paper';
-import alertClasses, { getAlertUtilityClass } from './alertClasses';
-import IconButton from '../IconButton';
-import SuccessOutlinedIcon from '../internal/svg-icons/SuccessOutlined';
-import ReportProblemOutlinedIcon from '../internal/svg-icons/ReportProblemOutlined';
-import ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';
-import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
-import CloseIcon from '../internal/svg-icons/Close';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import useSlot from "../utils/useSlot.js";
+import capitalize from "../utils/capitalize.js";
+import Paper from "../Paper/index.js";
+import alertClasses, { getAlertUtilityClass } from "./alertClasses.js";
+import IconButton from "../IconButton/index.js";
+import SuccessOutlinedIcon from "../internal/svg-icons/SuccessOutlined.js";
+import ReportProblemOutlinedIcon from "../internal/svg-icons/ReportProblemOutlined.js";
+import ErrorOutlineIcon from "../internal/svg-icons/ErrorOutline.js";
+import InfoOutlinedIcon from "../internal/svg-icons/InfoOutlined.js";
+import CloseIcon from "../internal/svg-icons/Close.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Alert/index.js

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

package/modern/AlertTitle/AlertTitle.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 Typography from '../Typography';
-import { getAlertTitleUtilityClass } from './alertTitleClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Typography from "../Typography/index.js";
+import { getAlertTitleUtilityClass } from "./alertTitleClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/AlertTitle/index.js

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

package/modern/AppBar/AppBar.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 { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import Paper from '../Paper';
-import { getAppBarUtilityClass } from './appBarClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import Paper from "../Paper/index.js";
+import { getAppBarUtilityClass } from "./appBarClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/AppBar/index.js

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

package/modern/Autocomplete/Autocomplete.js

@@ -8,24 +8,24 @@ import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import useAutocomplete, { createFilterOptions } from '../useAutocomplete';
-import Popper from '../Popper';
-import ListSubheader from '../ListSubheader';
-import Paper from '../Paper';
-import IconButton from '../IconButton';
-import Chip from '../Chip';
-import inputClasses from '../Input/inputClasses';
-import inputBaseClasses from '../InputBase/inputBaseClasses';
-import outlinedInputClasses from '../OutlinedInput/outlinedInputClasses';
-import filledInputClasses from '../FilledInput/filledInputClasses';
-import ClearIcon from '../internal/svg-icons/Close';
-import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import autocompleteClasses, { getAutocompleteUtilityClass } from './autocompleteClasses';
-import capitalize from '../utils/capitalize';
-import useSlot from '../utils/useSlot';
+import useAutocomplete, { createFilterOptions } from "../useAutocomplete/index.js";
+import Popper from "../Popper/index.js";
+import ListSubheader from "../ListSubheader/index.js";
+import Paper from "../Paper/index.js";
+import IconButton from "../IconButton/index.js";
+import Chip from "../Chip/index.js";
+import inputClasses from "../Input/inputClasses.js";
+import inputBaseClasses from "../InputBase/inputBaseClasses.js";
+import outlinedInputClasses from "../OutlinedInput/outlinedInputClasses.js";
+import filledInputClasses from "../FilledInput/filledInputClasses.js";
+import ClearIcon from "../internal/svg-icons/Close.js";
+import ArrowDropDownIcon from "../internal/svg-icons/ArrowDropDown.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import autocompleteClasses, { getAutocompleteUtilityClass } from "./autocompleteClasses.js";
+import capitalize from "../utils/capitalize.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Autocomplete/index.js

@@ -1,5 +1,5 @@
 'use client';
 
-export { default, createFilterOptions } from './Autocomplete';
-export { default as autocompleteClasses } from './autocompleteClasses';
-export * from './autocompleteClasses';
+export { default, createFilterOptions } from "./Autocomplete.js";
+export { default as autocompleteClasses } from "./autocompleteClasses.js";
+export * from "./autocompleteClasses.js";

package/modern/Avatar/Avatar.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 { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Person from '../internal/svg-icons/Person';
-import { getAvatarUtilityClass } from './avatarClasses';
-import useSlot from '../utils/useSlot';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Person from "../internal/svg-icons/Person.js";
+import { getAvatarUtilityClass } from "./avatarClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Avatar/index.js

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

package/modern/AvatarGroup/AvatarGroup.js

@@ -6,12 +6,12 @@ import { isFragment } from 'react-is';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Avatar, { avatarClasses } from '../Avatar';
-import avatarGroupClasses, { getAvatarGroupUtilityClass } from './avatarGroupClasses';
-import useSlot from '../utils/useSlot';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Avatar, { avatarClasses } from "../Avatar/index.js";
+import avatarGroupClasses, { getAvatarGroupUtilityClass } from "./avatarGroupClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SPACINGS = {
   small: -16,

package/modern/AvatarGroup/index.js

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

package/modern/Backdrop/Backdrop.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 { useDefaultProps } from '../DefaultPropsProvider';
-import useSlot from '../utils/useSlot';
-import Fade from '../Fade';
-import { getBackdropUtilityClass } from './backdropClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import useSlot from "../utils/useSlot.js";
+import Fade from "../Fade/index.js";
+import { getBackdropUtilityClass } from "./backdropClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Backdrop/index.js

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