@mui/material 9.0.0-beta.1 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (327) hide show
  1. package/Accordion/Accordion.d.mts +3 -3
  2. package/Accordion/Accordion.d.ts +3 -3
  3. package/AccordionActions/AccordionActions.d.mts +2 -2
  4. package/AccordionActions/AccordionActions.d.ts +2 -2
  5. package/AccordionDetails/AccordionDetails.d.mts +2 -2
  6. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  7. package/AccordionSummary/AccordionSummary.d.mts +3 -3
  8. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  9. package/Alert/Alert.d.mts +3 -3
  10. package/Alert/Alert.d.ts +3 -3
  11. package/AlertTitle/AlertTitle.d.mts +3 -3
  12. package/AlertTitle/AlertTitle.d.ts +3 -3
  13. package/AppBar/AppBar.d.mts +3 -3
  14. package/AppBar/AppBar.d.ts +3 -3
  15. package/Autocomplete/Autocomplete.d.mts +2 -2
  16. package/Autocomplete/Autocomplete.d.ts +2 -2
  17. package/Avatar/Avatar.d.mts +2 -2
  18. package/Avatar/Avatar.d.ts +2 -2
  19. package/AvatarGroup/AvatarGroup.d.mts +2 -2
  20. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  21. package/Backdrop/Backdrop.d.mts +3 -3
  22. package/Backdrop/Backdrop.d.ts +3 -3
  23. package/Badge/Badge.d.mts +3 -3
  24. package/Badge/Badge.d.ts +3 -3
  25. package/BottomNavigation/BottomNavigation.d.mts +2 -2
  26. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  27. package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
  28. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  29. package/Box/Box.d.mts +3 -3
  30. package/Box/Box.d.ts +3 -3
  31. package/Breadcrumbs/Breadcrumbs.d.mts +3 -3
  32. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  33. package/Button/Button.d.mts +6 -6
  34. package/Button/Button.d.ts +6 -6
  35. package/ButtonBase/ButtonBase.d.mts +2 -2
  36. package/ButtonBase/ButtonBase.d.ts +2 -2
  37. package/ButtonGroup/ButtonGroup.d.mts +2 -2
  38. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  39. package/CHANGELOG.md +28 -0
  40. package/Card/Card.d.mts +3 -3
  41. package/Card/Card.d.ts +3 -3
  42. package/CardActionArea/CardActionArea.d.mts +3 -3
  43. package/CardActionArea/CardActionArea.d.ts +3 -3
  44. package/CardActions/CardActions.d.mts +2 -2
  45. package/CardActions/CardActions.d.ts +2 -2
  46. package/CardContent/CardContent.d.mts +2 -2
  47. package/CardContent/CardContent.d.ts +2 -2
  48. package/CardHeader/CardHeader.d.mts +2 -2
  49. package/CardHeader/CardHeader.d.ts +2 -2
  50. package/CardMedia/CardMedia.d.mts +2 -2
  51. package/CardMedia/CardMedia.d.ts +2 -2
  52. package/Checkbox/Checkbox.d.mts +4 -4
  53. package/Checkbox/Checkbox.d.ts +4 -4
  54. package/Chip/Chip.d.mts +2 -2
  55. package/Chip/Chip.d.ts +2 -2
  56. package/CircularProgress/CircularProgress.d.mts +2 -2
  57. package/CircularProgress/CircularProgress.d.ts +2 -2
  58. package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
  59. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  60. package/ClickAwayListener/ClickAwayListener.js +3 -3
  61. package/ClickAwayListener/ClickAwayListener.mjs +3 -3
  62. package/Collapse/Collapse.d.mts +5 -5
  63. package/Collapse/Collapse.d.ts +5 -5
  64. package/Collapse/Collapse.js +6 -18
  65. package/Collapse/Collapse.mjs +7 -19
  66. package/Container/Container.d.mts +2 -2
  67. package/Container/Container.d.ts +2 -2
  68. package/CssBaseline/CssBaseline.d.mts +2 -2
  69. package/CssBaseline/CssBaseline.d.ts +2 -2
  70. package/Dialog/Dialog.d.mts +3 -3
  71. package/Dialog/Dialog.d.ts +3 -3
  72. package/DialogActions/DialogActions.d.mts +2 -2
  73. package/DialogActions/DialogActions.d.ts +2 -2
  74. package/DialogContent/DialogContent.d.mts +2 -2
  75. package/DialogContent/DialogContent.d.ts +2 -2
  76. package/DialogContentText/DialogContentText.d.mts +3 -3
  77. package/DialogContentText/DialogContentText.d.ts +3 -3
  78. package/DialogTitle/DialogTitle.d.mts +3 -3
  79. package/DialogTitle/DialogTitle.d.ts +3 -3
  80. package/Divider/Divider.d.mts +4 -4
  81. package/Divider/Divider.d.ts +4 -4
  82. package/Drawer/Drawer.d.mts +3 -3
  83. package/Drawer/Drawer.d.ts +3 -3
  84. package/Drawer/Drawer.js +1 -4
  85. package/Drawer/Drawer.mjs +1 -4
  86. package/Fab/Fab.d.mts +3 -3
  87. package/Fab/Fab.d.ts +3 -3
  88. package/Fade/Fade.d.mts +3 -3
  89. package/Fade/Fade.d.ts +3 -3
  90. package/Fade/Fade.js +28 -32
  91. package/Fade/Fade.mjs +29 -33
  92. package/FilledInput/FilledInput.d.mts +3 -3
  93. package/FilledInput/FilledInput.d.ts +3 -3
  94. package/FormControl/FormControl.d.mts +7 -7
  95. package/FormControl/FormControl.d.ts +7 -7
  96. package/FormControlLabel/FormControlLabel.d.mts +4 -4
  97. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  98. package/FormGroup/FormGroup.d.mts +3 -3
  99. package/FormGroup/FormGroup.d.ts +3 -3
  100. package/FormHelperText/FormHelperText.d.mts +3 -3
  101. package/FormHelperText/FormHelperText.d.ts +3 -3
  102. package/FormLabel/FormLabel.d.mts +5 -5
  103. package/FormLabel/FormLabel.d.ts +5 -5
  104. package/GlobalStyles/GlobalStyles.d.mts +2 -2
  105. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  106. package/Grid/Grid.d.mts +2 -2
  107. package/Grid/Grid.d.ts +2 -2
  108. package/Grid/Grid.js +2 -2
  109. package/Grid/Grid.mjs +2 -2
  110. package/Grow/Grow.d.mts +5 -5
  111. package/Grow/Grow.d.ts +5 -5
  112. package/Grow/Grow.js +30 -38
  113. package/Grow/Grow.mjs +31 -39
  114. package/Icon/Icon.d.mts +3 -3
  115. package/Icon/Icon.d.ts +3 -3
  116. package/IconButton/IconButton.d.mts +5 -5
  117. package/IconButton/IconButton.d.ts +5 -5
  118. package/ImageList/ImageList.d.mts +2 -2
  119. package/ImageList/ImageList.d.ts +2 -2
  120. package/ImageListItem/ImageListItem.d.mts +2 -2
  121. package/ImageListItem/ImageListItem.d.ts +2 -2
  122. package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
  123. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  124. package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
  125. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  126. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  127. package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
  128. package/Input/Input.d.mts +3 -3
  129. package/Input/Input.d.ts +3 -3
  130. package/InputAdornment/InputAdornment.d.mts +2 -2
  131. package/InputAdornment/InputAdornment.d.ts +2 -2
  132. package/InputBase/InputBase.d.mts +2 -2
  133. package/InputBase/InputBase.d.ts +2 -2
  134. package/InputLabel/InputLabel.d.mts +4 -4
  135. package/InputLabel/InputLabel.d.ts +4 -4
  136. package/LinearProgress/LinearProgress.d.mts +2 -2
  137. package/LinearProgress/LinearProgress.d.ts +2 -2
  138. package/Link/Link.d.mts +4 -4
  139. package/Link/Link.d.ts +4 -4
  140. package/List/List.d.mts +4 -4
  141. package/List/List.d.ts +4 -4
  142. package/ListItem/ListItem.d.mts +3 -3
  143. package/ListItem/ListItem.d.ts +3 -3
  144. package/ListItem/ListItem.js +1 -2
  145. package/ListItem/ListItem.mjs +1 -2
  146. package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
  147. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  148. package/ListItemButton/ListItemButton.d.mts +4 -4
  149. package/ListItemButton/ListItemButton.d.ts +4 -4
  150. package/ListItemIcon/ListItemIcon.d.mts +3 -3
  151. package/ListItemIcon/ListItemIcon.d.ts +3 -3
  152. package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
  153. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  154. package/ListItemText/ListItemText.d.mts +3 -3
  155. package/ListItemText/ListItemText.d.ts +3 -3
  156. package/ListSubheader/ListSubheader.d.mts +3 -3
  157. package/ListSubheader/ListSubheader.d.ts +3 -3
  158. package/Menu/Menu.d.mts +4 -4
  159. package/Menu/Menu.d.ts +4 -4
  160. package/MenuItem/MenuItem.d.mts +3 -3
  161. package/MenuItem/MenuItem.d.ts +3 -3
  162. package/MenuList/MenuList.d.mts +4 -4
  163. package/MenuList/MenuList.d.ts +4 -4
  164. package/MobileStepper/MobileStepper.d.mts +3 -3
  165. package/MobileStepper/MobileStepper.d.ts +3 -3
  166. package/Modal/Modal.d.mts +7 -7
  167. package/Modal/Modal.d.ts +7 -7
  168. package/NativeSelect/NativeSelect.d.mts +3 -3
  169. package/NativeSelect/NativeSelect.d.ts +3 -3
  170. package/NoSsr/NoSsr.d.mts +2 -2
  171. package/NoSsr/NoSsr.d.ts +2 -2
  172. package/NoSsr/NoSsr.js +2 -2
  173. package/NoSsr/NoSsr.mjs +2 -2
  174. package/OutlinedInput/OutlinedInput.d.mts +4 -4
  175. package/OutlinedInput/OutlinedInput.d.ts +4 -4
  176. package/Pagination/Pagination.d.mts +2 -2
  177. package/Pagination/Pagination.d.ts +2 -2
  178. package/PaginationItem/PaginationItem.d.mts +3 -3
  179. package/PaginationItem/PaginationItem.d.ts +3 -3
  180. package/Paper/Paper.d.mts +4 -4
  181. package/Paper/Paper.d.ts +4 -4
  182. package/PigmentContainer/PigmentContainer.d.mts +2 -2
  183. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  184. package/PigmentContainer/PigmentContainer.js +2 -2
  185. package/PigmentContainer/PigmentContainer.mjs +2 -2
  186. package/PigmentGrid/PigmentGrid.d.mts +2 -2
  187. package/PigmentGrid/PigmentGrid.d.ts +2 -2
  188. package/PigmentGrid/PigmentGrid.js +2 -2
  189. package/PigmentGrid/PigmentGrid.mjs +2 -2
  190. package/PigmentStack/PigmentStack.d.mts +2 -2
  191. package/PigmentStack/PigmentStack.d.ts +2 -2
  192. package/PigmentStack/PigmentStack.js +2 -2
  193. package/PigmentStack/PigmentStack.mjs +2 -2
  194. package/Popover/Popover.d.mts +4 -4
  195. package/Popover/Popover.d.ts +4 -4
  196. package/Popper/Popper.d.mts +4 -4
  197. package/Popper/Popper.d.ts +4 -4
  198. package/Popper/Popper.js +4 -4
  199. package/Popper/Popper.mjs +4 -4
  200. package/Portal/Portal.d.mts +2 -2
  201. package/Portal/Portal.d.ts +2 -2
  202. package/Portal/Portal.js +2 -2
  203. package/Portal/Portal.mjs +2 -2
  204. package/README.md +3 -3
  205. package/Radio/Radio.d.mts +3 -3
  206. package/Radio/Radio.d.ts +3 -3
  207. package/RadioGroup/RadioGroup.d.mts +3 -3
  208. package/RadioGroup/RadioGroup.d.ts +3 -3
  209. package/Rating/Rating.d.mts +2 -2
  210. package/Rating/Rating.d.ts +2 -2
  211. package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
  212. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  213. package/Select/Select.d.mts +3 -3
  214. package/Select/Select.d.ts +3 -3
  215. package/Skeleton/Skeleton.d.mts +2 -2
  216. package/Skeleton/Skeleton.d.ts +2 -2
  217. package/Slide/Slide.d.mts +4 -4
  218. package/Slide/Slide.d.ts +4 -4
  219. package/Slide/Slide.js +43 -42
  220. package/Slide/Slide.mjs +44 -44
  221. package/Slider/Slider.d.mts +4 -4
  222. package/Slider/Slider.d.ts +4 -4
  223. package/Slider/Slider.js +1 -1
  224. package/Slider/Slider.mjs +1 -1
  225. package/Slider/useSlider.d.mts +1 -1
  226. package/Slider/useSlider.d.ts +1 -1
  227. package/Slider/useSlider.js +235 -209
  228. package/Slider/useSlider.mjs +235 -209
  229. package/Slider/useSlider.types.d.mts +2 -2
  230. package/Slider/useSlider.types.d.ts +2 -2
  231. package/Snackbar/Snackbar.d.mts +2 -2
  232. package/Snackbar/Snackbar.d.ts +2 -2
  233. package/SnackbarContent/SnackbarContent.d.mts +3 -3
  234. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  235. package/SpeedDial/SpeedDial.d.mts +2 -2
  236. package/SpeedDial/SpeedDial.d.ts +2 -2
  237. package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
  238. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  239. package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
  240. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  241. package/Stack/Stack.d.mts +2 -2
  242. package/Stack/Stack.d.ts +2 -2
  243. package/Step/Step.d.mts +2 -2
  244. package/Step/Step.d.ts +2 -2
  245. package/StepButton/StepButton.d.mts +3 -3
  246. package/StepButton/StepButton.d.ts +3 -3
  247. package/StepConnector/StepConnector.d.mts +2 -2
  248. package/StepConnector/StepConnector.d.ts +2 -2
  249. package/StepConnector/StepConnector.js +1 -2
  250. package/StepConnector/StepConnector.mjs +1 -2
  251. package/StepContent/StepContent.d.mts +2 -2
  252. package/StepContent/StepContent.d.ts +2 -2
  253. package/StepIcon/StepIcon.d.mts +3 -3
  254. package/StepIcon/StepIcon.d.ts +3 -3
  255. package/StepLabel/StepLabel.d.mts +2 -2
  256. package/StepLabel/StepLabel.d.ts +2 -2
  257. package/Stepper/Stepper.d.mts +2 -2
  258. package/Stepper/Stepper.d.ts +2 -2
  259. package/SvgIcon/SvgIcon.d.mts +3 -3
  260. package/SvgIcon/SvgIcon.d.ts +3 -3
  261. package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
  262. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  263. package/SwipeableDrawer/SwipeableDrawer.js +0 -3
  264. package/SwipeableDrawer/SwipeableDrawer.mjs +0 -3
  265. package/Switch/Switch.d.mts +4 -4
  266. package/Switch/Switch.d.ts +4 -4
  267. package/Switch/Switch.js +4 -0
  268. package/Switch/Switch.mjs +4 -0
  269. package/Tab/Tab.d.mts +3 -3
  270. package/Tab/Tab.d.ts +3 -3
  271. package/TabScrollButton/TabScrollButton.d.mts +2 -2
  272. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  273. package/Table/Table.d.mts +2 -2
  274. package/Table/Table.d.ts +2 -2
  275. package/TableBody/TableBody.d.mts +2 -2
  276. package/TableBody/TableBody.d.ts +2 -2
  277. package/TableCell/TableCell.d.mts +2 -2
  278. package/TableCell/TableCell.d.ts +2 -2
  279. package/TableContainer/TableContainer.d.mts +2 -2
  280. package/TableContainer/TableContainer.d.ts +2 -2
  281. package/TableFooter/TableFooter.d.mts +2 -2
  282. package/TableFooter/TableFooter.d.ts +2 -2
  283. package/TableHead/TableHead.d.mts +2 -2
  284. package/TableHead/TableHead.d.ts +2 -2
  285. package/TablePagination/TablePagination.d.mts +4 -4
  286. package/TablePagination/TablePagination.d.ts +4 -4
  287. package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
  288. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  289. package/TableRow/TableRow.d.mts +2 -2
  290. package/TableRow/TableRow.d.ts +2 -2
  291. package/TableSortLabel/TableSortLabel.d.mts +3 -3
  292. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  293. package/TableSortLabel/TableSortLabel.js +1 -2
  294. package/TableSortLabel/TableSortLabel.mjs +1 -2
  295. package/Tabs/Tabs.d.mts +2 -2
  296. package/Tabs/Tabs.d.ts +2 -2
  297. package/TextField/TextField.d.mts +10 -10
  298. package/TextField/TextField.d.ts +10 -10
  299. package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
  300. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  301. package/TextareaAutosize/TextareaAutosize.js +2 -2
  302. package/TextareaAutosize/TextareaAutosize.mjs +2 -2
  303. package/ToggleButton/ToggleButton.d.mts +3 -3
  304. package/ToggleButton/ToggleButton.d.ts +3 -3
  305. package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
  306. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  307. package/Toolbar/Toolbar.d.mts +2 -2
  308. package/Toolbar/Toolbar.d.ts +2 -2
  309. package/Tooltip/Tooltip.d.mts +2 -2
  310. package/Tooltip/Tooltip.d.ts +2 -2
  311. package/Typography/Typography.d.mts +4 -4
  312. package/Typography/Typography.d.ts +4 -4
  313. package/Zoom/Zoom.d.mts +3 -3
  314. package/Zoom/Zoom.d.ts +3 -3
  315. package/Zoom/Zoom.js +24 -30
  316. package/Zoom/Zoom.mjs +25 -31
  317. package/index.js +1 -1
  318. package/index.mjs +1 -1
  319. package/package.json +51 -51
  320. package/styles/createThemeNoVars.js +1 -1
  321. package/styles/createThemeNoVars.mjs +1 -1
  322. package/transitions/utils.d.mts +7 -0
  323. package/transitions/utils.d.ts +7 -0
  324. package/transitions/utils.js +27 -0
  325. package/transitions/utils.mjs +25 -0
  326. package/version/index.js +2 -2
  327. package/version/index.mjs +2 -2
package/Dialog/Dialog.d.mts CHANGED
@@ -155,12 +155,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
155
155
  *
156
156
  * Demos:
157
157
  *
158
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
158
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
159
159
  *
160
160
  * API:
161
161
  *
162
- * - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
163
- * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
162
+ * - [Dialog API](https://mui.com/material-ui/api/dialog/)
163
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
164
164
  */
165
165
  export default function Dialog(props: DialogProps): React.JSX.Element;
166
166
  export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}
package/Dialog/Dialog.d.ts CHANGED
@@ -155,12 +155,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
155
155
  *
156
156
  * Demos:
157
157
  *
158
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
158
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
159
159
  *
160
160
  * API:
161
161
  *
162
- * - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
163
- * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
162
+ * - [Dialog API](https://mui.com/material-ui/api/dialog/)
163
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
164
164
  */
165
165
  export default function Dialog(props: DialogProps): React.JSX.Element;
166
166
  export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}
package/DialogActions/DialogActions.d.mts CHANGED
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogActions API](https://next.mui.com/material-ui/api/dialog-actions/)
34
+ * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
35
35
  */
36
36
  export default function DialogActions(props: DialogActionsProps): React.JSX.Element;
package/DialogActions/DialogActions.d.ts CHANGED
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogActions API](https://next.mui.com/material-ui/api/dialog-actions/)
34
+ * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
35
35
  */
36
36
  export default function DialogActions(props: DialogActionsProps): React.JSX.Element;
package/DialogContent/DialogContent.d.mts CHANGED
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogContent API](https://next.mui.com/material-ui/api/dialog-content/)
34
+ * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
35
35
  */
36
36
  export default function DialogContent(props: DialogContentProps): React.JSX.Element;
package/DialogContent/DialogContent.d.ts CHANGED
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogContent API](https://next.mui.com/material-ui/api/dialog-content/)
34
+ * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
35
35
  */
36
36
  export default function DialogContent(props: DialogContentProps): React.JSX.Element;
package/DialogContentText/DialogContentText.d.mts CHANGED
@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
23
23
  *
24
24
  * Demos:
25
25
  *
26
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
26
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
27
27
  *
28
28
  * API:
29
29
  *
30
- * - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
31
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
30
+ * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
31
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
32
32
  */
33
33
  declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
34
34
  export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/DialogContentText/DialogContentText.d.ts CHANGED
@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
23
23
  *
24
24
  * Demos:
25
25
  *
26
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
26
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
27
27
  *
28
28
  * API:
29
29
  *
30
- * - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
31
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
30
+ * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
31
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
32
32
  */
33
33
  declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
34
34
  export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/DialogTitle/DialogTitle.d.mts CHANGED
@@ -27,12 +27,12 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogTitle API](https://next.mui.com/material-ui/api/dialog-title/)
35
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
34
+ * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
35
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
36
36
  */
37
37
  declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
38
38
  export type DialogTitleProps<RootComponent extends React.ElementType = DialogTitleTypeMap['defaultComponent'], AdditionalProps = {
package/DialogTitle/DialogTitle.d.ts CHANGED
@@ -27,12 +27,12 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogTitle API](https://next.mui.com/material-ui/api/dialog-title/)
35
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
34
+ * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
35
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
36
36
  */
37
37
  declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
38
38
  export type DialogTitleProps<RootComponent extends React.ElementType = DialogTitleTypeMap['defaultComponent'], AdditionalProps = {
package/Divider/Divider.d.mts CHANGED
@@ -54,13 +54,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
54
54
  *
55
55
  * Demos:
56
56
  *
57
- * - [Divider](https://next.mui.com/material-ui/react-divider/)
58
- * - [Lists](https://next.mui.com/material-ui/react-list/)
59
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
57
+ * - [Divider](https://mui.com/material-ui/react-divider/)
58
+ * - [Lists](https://mui.com/material-ui/react-list/)
59
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
60
60
  *
61
61
  * API:
62
62
  *
63
- * - [Divider API](https://next.mui.com/material-ui/api/divider/)
63
+ * - [Divider API](https://mui.com/material-ui/api/divider/)
64
64
  */
65
65
  declare const Divider: OverridableComponent<DividerTypeMap>;
66
66
  export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Divider/Divider.d.ts CHANGED
@@ -54,13 +54,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
54
54
  *
55
55
  * Demos:
56
56
  *
57
- * - [Divider](https://next.mui.com/material-ui/react-divider/)
58
- * - [Lists](https://next.mui.com/material-ui/react-list/)
59
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
57
+ * - [Divider](https://mui.com/material-ui/react-divider/)
58
+ * - [Lists](https://mui.com/material-ui/react-list/)
59
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
60
60
  *
61
61
  * API:
62
62
  *
63
- * - [Divider API](https://next.mui.com/material-ui/api/divider/)
63
+ * - [Divider API](https://mui.com/material-ui/api/divider/)
64
64
  */
65
65
  declare const Divider: OverridableComponent<DividerTypeMap>;
66
66
  export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Drawer/Drawer.d.mts CHANGED
@@ -129,15 +129,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
129
129
  export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
130
130
 
131
131
  /**
132
- * The props of the [Modal](https://next.mui.com/material-ui/api/modal/) component are available
132
+ * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
133
133
  * when `variant="temporary"` is set.
134
134
  *
135
135
  * Demos:
136
136
  *
137
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
137
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
138
138
  *
139
139
  * API:
140
140
  *
141
- * - [Drawer API](https://next.mui.com/material-ui/api/drawer/)
141
+ * - [Drawer API](https://mui.com/material-ui/api/drawer/)
142
142
  */
143
143
  export default function Drawer(props: DrawerProps): React.JSX.Element;
package/Drawer/Drawer.d.ts CHANGED
@@ -129,15 +129,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
129
129
  export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
130
130
 
131
131
  /**
132
- * The props of the [Modal](https://next.mui.com/material-ui/api/modal/) component are available
132
+ * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
133
133
  * when `variant="temporary"` is set.
134
134
  *
135
135
  * Demos:
136
136
  *
137
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
137
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
138
138
  *
139
139
  * API:
140
140
  *
141
- * - [Drawer API](https://next.mui.com/material-ui/api/drawer/)
141
+ * - [Drawer API](https://mui.com/material-ui/api/drawer/)
142
142
  */
143
143
  export default function Drawer(props: DrawerProps): React.JSX.Element;
package/Drawer/Drawer.js CHANGED
@@ -67,10 +67,7 @@ const DrawerDockedRoot = (0, _zeroStyled.styled)('div', {
67
67
  });
68
68
  const DrawerPaper = (0, _zeroStyled.styled)(_Paper.default, {
69
69
  name: 'MuiDrawer',
70
- slot: 'Paper',
71
- overridesResolver: (props, styles) => {
72
- return [styles.paper];
73
- }
70
+ slot: 'Paper'
74
71
  })((0, _memoTheme.default)(({
75
72
  theme
76
73
  }) => ({
package/Drawer/Drawer.mjs CHANGED
@@ -58,10 +58,7 @@ const DrawerDockedRoot = styled('div', {
58
58
  });
59
59
  const DrawerPaper = styled(Paper, {
60
60
  name: 'MuiDrawer',
61
- slot: 'Paper',
62
- overridesResolver: (props, styles) => {
63
- return [styles.paper];
64
- }
61
+ slot: 'Paper'
65
62
  })(memoTheme(({
66
63
  theme
67
64
  }) => ({
package/Fab/Fab.d.mts CHANGED
@@ -68,12 +68,12 @@ export type FabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
68
68
  *
69
69
  * Demos:
70
70
  *
71
- * - [Floating Action Button](https://next.mui.com/material-ui/react-floating-action-button/)
71
+ * - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
72
72
  *
73
73
  * API:
74
74
  *
75
- * - [Fab API](https://next.mui.com/material-ui/api/fab/)
76
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
75
+ * - [Fab API](https://mui.com/material-ui/api/fab/)
76
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
77
77
  */
78
78
  declare const Fab: ExtendButtonBase<FabTypeMap>;
79
79
  export type FabProps<RootComponent extends React.ElementType = FabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Fab/Fab.d.ts CHANGED
@@ -68,12 +68,12 @@ export type FabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
68
68
  *
69
69
  * Demos:
70
70
  *
71
- * - [Floating Action Button](https://next.mui.com/material-ui/react-floating-action-button/)
71
+ * - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
72
72
  *
73
73
  * API:
74
74
  *
75
- * - [Fab API](https://next.mui.com/material-ui/api/fab/)
76
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
75
+ * - [Fab API](https://mui.com/material-ui/api/fab/)
76
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
77
77
  */
78
78
  declare const Fab: ExtendButtonBase<FabTypeMap>;
79
79
  export type FabProps<RootComponent extends React.ElementType = FabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Fade/Fade.d.mts CHANGED
@@ -33,16 +33,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
33
33
  }
34
34
 
35
35
  /**
36
- * The Fade transition is used by the [Modal](https://next.mui.com/material-ui/react-modal/) component.
36
+ * The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
37
37
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
41
+ * - [Transitions](https://mui.com/material-ui/transitions/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [Fade API](https://next.mui.com/material-ui/api/fade/)
45
+ * - [Fade API](https://mui.com/material-ui/api/fade/)
46
46
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
47
47
  */
48
48
  export default function Fade(props: FadeProps): React.JSX.Element;
package/Fade/Fade.d.ts CHANGED
@@ -33,16 +33,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
33
33
  }
34
34
 
35
35
  /**
36
- * The Fade transition is used by the [Modal](https://next.mui.com/material-ui/react-modal/) component.
36
+ * The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
37
37
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
41
+ * - [Transitions](https://mui.com/material-ui/transitions/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [Fade API](https://next.mui.com/material-ui/api/fade/)
45
+ * - [Fade API](https://mui.com/material-ui/api/fade/)
46
46
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
47
47
  */
48
48
  export default function Fade(props: FadeProps): React.JSX.Element;
package/Fade/Fade.js CHANGED
@@ -22,8 +22,18 @@ const styles = {
22
22
  },
23
23
  entered: {
24
24
  opacity: 1
25
+ },
26
+ exiting: {
27
+ opacity: 0
28
+ },
29
+ exited: {
30
+ opacity: 0
25
31
  }
26
32
  };
33
+ const hiddenStyles = {
34
+ opacity: 0,
35
+ visibility: 'hidden'
36
+ };
27
37
 
28
38
  /**
29
39
  * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
@@ -49,27 +59,12 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
49
59
  onExiting,
50
60
  style,
51
61
  timeout = defaultTimeout,
52
- // eslint-disable-next-line react/prop-types
53
- TransitionComponent = _reactTransitionGroup.Transition,
54
62
  ...other
55
63
  } = props;
56
- const enableStrictModeCompat = true;
57
64
  const nodeRef = React.useRef(null);
58
65
  const handleRef = (0, _useForkRef.default)(nodeRef, (0, _getReactElementRef.default)(children), ref);
59
- const normalizedTransitionCallback = callback => maybeIsAppearing => {
60
- if (callback) {
61
- const node = nodeRef.current;
62
-
63
- // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
64
- if (maybeIsAppearing === undefined) {
65
- callback(node);
66
- } else {
67
- callback(node, maybeIsAppearing);
68
- }
69
- }
70
- };
71
- const handleEntering = normalizedTransitionCallback(onEntering);
72
- const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
66
+ const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntering);
67
+ const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
73
68
  (0, _utils.reflow)(node); // So the animation always start from the start.
74
69
 
75
70
  const transitionProps = (0, _utils.getTransitionProps)({
@@ -79,15 +74,14 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
79
74
  }, {
80
75
  mode: 'enter'
81
76
  });
82
- node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
83
77
  node.style.transition = theme.transitions.create('opacity', transitionProps);
84
78
  if (onEnter) {
85
79
  onEnter(node, isAppearing);
86
80
  }
87
81
  });
88
- const handleEntered = normalizedTransitionCallback(onEntered);
89
- const handleExiting = normalizedTransitionCallback(onExiting);
90
- const handleExit = normalizedTransitionCallback(node => {
82
+ const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntered);
83
+ const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, onExiting);
84
+ const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
91
85
  const transitionProps = (0, _utils.getTransitionProps)({
92
86
  style,
93
87
  timeout,
@@ -95,23 +89,30 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
95
89
  }, {
96
90
  mode: 'exit'
97
91
  });
98
- node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
99
92
  node.style.transition = theme.transitions.create('opacity', transitionProps);
100
93
  if (onExit) {
101
94
  onExit(node);
102
95
  }
103
96
  });
104
- const handleExited = normalizedTransitionCallback(onExited);
97
+ const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
98
+ // Clear the transition CSS to release the compositor layer when the
99
+ // element is fully exited (prevents idle CPU usage on fixed elements
100
+ // like Backdrop). handleEnter re-sets it on the next open.
101
+ node.style.transition = '';
102
+ if (onExited) {
103
+ onExited(node);
104
+ }
105
+ });
105
106
  const handleAddEndListener = next => {
106
107
  if (addEndListener) {
107
108
  // Old call signature before `react-transition-group` implemented `nodeRef`
108
109
  addEndListener(nodeRef.current, next);
109
110
  }
110
111
  };
111
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
112
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
112
113
  appear: appear,
113
114
  in: inProp,
114
- nodeRef: enableStrictModeCompat ? nodeRef : undefined,
115
+ nodeRef: nodeRef,
115
116
  onEnter: handleEnter,
116
117
  onEntered: handleEntered,
117
118
  onEntering: handleEntering,
@@ -125,14 +126,9 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
125
126
  ownerState,
126
127
  ...restChildProps
127
128
  }) => {
129
+ const childStyle = (0, _utils.getTransitionChildStyle)(state, inProp, styles, hiddenStyles, style, children.props.style);
128
130
  return /*#__PURE__*/React.cloneElement(children, {
129
- style: {
130
- opacity: 0,
131
- visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
132
- ...styles[state],
133
- ...style,
134
- ...children.props.style
135
- },
131
+ style: childStyle,
136
132
  ref: handleRef,
137
133
  ...restChildProps
138
134
  });
package/Fade/Fade.mjs CHANGED
@@ -6,7 +6,7 @@ import { Transition } from 'react-transition-group';
6
6
  import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
7
7
  import getReactElementRef from '@mui/utils/getReactElementRef';
8
8
  import { useTheme } from "../zero-styled/index.mjs";
9
- import { reflow, getTransitionProps } from "../transitions/utils.mjs";
9
+ import { normalizedTransitionCallback, reflow, getTransitionProps, getTransitionChildStyle } from "../transitions/utils.mjs";
10
10
  import useForkRef from "../utils/useForkRef.mjs";
11
11
  import { jsx as _jsx } from "react/jsx-runtime";
12
12
  const styles = {
@@ -15,8 +15,18 @@ const styles = {
15
15
  },
16
16
  entered: {
17
17
  opacity: 1
18
+ },
19
+ exiting: {
20
+ opacity: 0
21
+ },
22
+ exited: {
23
+ opacity: 0
18
24
  }
19
25
  };
26
+ const hiddenStyles = {
27
+ opacity: 0,
28
+ visibility: 'hidden'
29
+ };
20
30
 
21
31
  /**
22
32
  * The Fade transition is used by the [Modal](/material-ui/react-modal/) component.
@@ -42,27 +52,12 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
42
52
  onExiting,
43
53
  style,
44
54
  timeout = defaultTimeout,
45
- // eslint-disable-next-line react/prop-types
46
- TransitionComponent = Transition,
47
55
  ...other
48
56
  } = props;
49
- const enableStrictModeCompat = true;
50
57
  const nodeRef = React.useRef(null);
51
58
  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
52
- const normalizedTransitionCallback = callback => maybeIsAppearing => {
53
- if (callback) {
54
- const node = nodeRef.current;
55
-
56
- // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
57
- if (maybeIsAppearing === undefined) {
58
- callback(node);
59
- } else {
60
- callback(node, maybeIsAppearing);
61
- }
62
- }
63
- };
64
- const handleEntering = normalizedTransitionCallback(onEntering);
65
- const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
59
+ const handleEntering = normalizedTransitionCallback(nodeRef, onEntering);
60
+ const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
66
61
  reflow(node); // So the animation always start from the start.
67
62
 
68
63
  const transitionProps = getTransitionProps({
@@ -72,15 +67,14 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
72
67
  }, {
73
68
  mode: 'enter'
74
69
  });
75
- node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
76
70
  node.style.transition = theme.transitions.create('opacity', transitionProps);
77
71
  if (onEnter) {
78
72
  onEnter(node, isAppearing);
79
73
  }
80
74
  });
81
- const handleEntered = normalizedTransitionCallback(onEntered);
82
- const handleExiting = normalizedTransitionCallback(onExiting);
83
- const handleExit = normalizedTransitionCallback(node => {
75
+ const handleEntered = normalizedTransitionCallback(nodeRef, onEntered);
76
+ const handleExiting = normalizedTransitionCallback(nodeRef, onExiting);
77
+ const handleExit = normalizedTransitionCallback(nodeRef, node => {
84
78
  const transitionProps = getTransitionProps({
85
79
  style,
86
80
  timeout,
@@ -88,23 +82,30 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
88
82
  }, {
89
83
  mode: 'exit'
90
84
  });
91
- node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
92
85
  node.style.transition = theme.transitions.create('opacity', transitionProps);
93
86
  if (onExit) {
94
87
  onExit(node);
95
88
  }
96
89
  });
97
- const handleExited = normalizedTransitionCallback(onExited);
90
+ const handleExited = normalizedTransitionCallback(nodeRef, node => {
91
+ // Clear the transition CSS to release the compositor layer when the
92
+ // element is fully exited (prevents idle CPU usage on fixed elements
93
+ // like Backdrop). handleEnter re-sets it on the next open.
94
+ node.style.transition = '';
95
+ if (onExited) {
96
+ onExited(node);
97
+ }
98
+ });
98
99
  const handleAddEndListener = next => {
99
100
  if (addEndListener) {
100
101
  // Old call signature before `react-transition-group` implemented `nodeRef`
101
102
  addEndListener(nodeRef.current, next);
102
103
  }
103
104
  };
104
- return /*#__PURE__*/_jsx(TransitionComponent, {
105
+ return /*#__PURE__*/_jsx(Transition, {
105
106
  appear: appear,
106
107
  in: inProp,
107
- nodeRef: enableStrictModeCompat ? nodeRef : undefined,
108
+ nodeRef: nodeRef,
108
109
  onEnter: handleEnter,
109
110
  onEntered: handleEntered,
110
111
  onEntering: handleEntering,
@@ -118,14 +119,9 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
118
119
  ownerState,
119
120
  ...restChildProps
120
121
  }) => {
122
+ const childStyle = getTransitionChildStyle(state, inProp, styles, hiddenStyles, style, children.props.style);
121
123
  return /*#__PURE__*/React.cloneElement(children, {
122
- style: {
123
- opacity: 0,
124
- visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
125
- ...styles[state],
126
- ...style,
127
- ...children.props.style
128
- },
124
+ style: childStyle,
129
125
  ref: handleRef,
130
126
  ...restChildProps
131
127
  });
package/FilledInput/FilledInput.d.mts CHANGED
@@ -30,12 +30,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
30
30
  *
31
31
  * Demos:
32
32
  *
33
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
33
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
34
34
  *
35
35
  * API:
36
36
  *
37
- * - [FilledInput API](https://next.mui.com/material-ui/api/filled-input/)
38
- * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
37
+ * - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
38
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
39
39
  */
40
40
  declare const FilledInput: ((props: FilledInputProps) => React.JSX.Element) & {
41
41
  muiName: string;
package/FilledInput/FilledInput.d.ts CHANGED
@@ -30,12 +30,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
30
30
  *
31
31
  * Demos:
32
32
  *
33
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
33
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
34
34
  *
35
35
  * API:
36
36
  *
37
- * - [FilledInput API](https://next.mui.com/material-ui/api/filled-input/)
38
- * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
37
+ * - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
38
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
39
39
  */
40
40
  declare const FilledInput: ((props: FilledInputProps) => React.JSX.Element) & {
41
41
  muiName: string;