@mui/material 7.3.9 → 7.3.11

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 (395) hide show
  1. package/Accordion/Accordion.d.ts +3 -3
  2. package/AccordionActions/AccordionActions.d.ts +2 -2
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  4. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  5. package/Alert/Alert.d.ts +3 -3
  6. package/AlertTitle/AlertTitle.d.ts +3 -3
  7. package/AppBar/AppBar.d.ts +3 -3
  8. package/Autocomplete/Autocomplete.d.ts +18 -2
  9. package/Autocomplete/Autocomplete.js +111 -37
  10. package/Avatar/Avatar.d.ts +2 -2
  11. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  12. package/Backdrop/Backdrop.d.ts +3 -3
  13. package/Badge/Badge.d.ts +3 -3
  14. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  15. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  16. package/Box/Box.d.ts +3 -2
  17. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  18. package/Button/Button.d.ts +6 -5
  19. package/Button/Button.js +18 -1
  20. package/ButtonBase/ButtonBase.d.ts +2 -2
  21. package/ButtonBase/ButtonBase.js +8 -2
  22. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  23. package/CHANGELOG.md +82 -0
  24. package/Card/Card.d.ts +3 -3
  25. package/CardActionArea/CardActionArea.d.ts +3 -3
  26. package/CardActions/CardActions.d.ts +2 -2
  27. package/CardContent/CardContent.d.ts +2 -2
  28. package/CardHeader/CardHeader.d.ts +2 -2
  29. package/CardHeader/CardHeader.js +5 -1
  30. package/CardMedia/CardMedia.d.ts +2 -2
  31. package/Checkbox/Checkbox.d.ts +4 -4
  32. package/Checkbox/Checkbox.js +2 -1
  33. package/Chip/Chip.d.ts +2 -2
  34. package/CircularProgress/CircularProgress.d.ts +2 -2
  35. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  36. package/ClickAwayListener/ClickAwayListener.js +5 -8
  37. package/Collapse/Collapse.d.ts +5 -5
  38. package/Collapse/Collapse.js +6 -18
  39. package/Container/Container.d.ts +2 -2
  40. package/CssBaseline/CssBaseline.d.ts +2 -2
  41. package/Dialog/Dialog.d.ts +10 -3
  42. package/Dialog/Dialog.js +19 -6
  43. package/DialogActions/DialogActions.d.ts +2 -2
  44. package/DialogContent/DialogContent.d.ts +2 -2
  45. package/DialogContentText/DialogContentText.d.ts +3 -3
  46. package/DialogTitle/DialogTitle.d.ts +3 -3
  47. package/Divider/Divider.d.ts +4 -3
  48. package/Drawer/Drawer.d.ts +3 -3
  49. package/Drawer/Drawer.js +18 -4
  50. package/Fab/Fab.d.ts +3 -3
  51. package/Fab/Fab.js +7 -1
  52. package/Fade/Fade.d.ts +3 -3
  53. package/Fade/Fade.js +28 -32
  54. package/FilledInput/FilledInput.d.ts +3 -3
  55. package/FilledInput/FilledInput.js +1 -1
  56. package/FormControl/FormControl.d.ts +7 -7
  57. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  58. package/FormGroup/FormGroup.d.ts +3 -3
  59. package/FormHelperText/FormHelperText.d.ts +3 -3
  60. package/FormLabel/FormLabel.d.ts +5 -5
  61. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  62. package/Grid/Grid.d.ts +2 -2
  63. package/Grid/Grid.js +2 -2
  64. package/GridLegacy/GridLegacy.d.ts +2 -2
  65. package/Grow/Grow.d.ts +5 -5
  66. package/Grow/Grow.js +30 -38
  67. package/Icon/Icon.d.ts +3 -3
  68. package/IconButton/IconButton.d.ts +5 -5
  69. package/ImageList/ImageList.d.ts +2 -2
  70. package/ImageListItem/ImageListItem.d.ts +2 -2
  71. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  72. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  73. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  74. package/Input/Input.d.ts +3 -3
  75. package/Input/Input.js +1 -1
  76. package/InputAdornment/InputAdornment.d.ts +2 -2
  77. package/InputBase/InputBase.d.ts +2 -2
  78. package/InputBase/InputBase.js +39 -7
  79. package/InputLabel/InputLabel.d.ts +4 -4
  80. package/LinearProgress/LinearProgress.d.ts +2 -2
  81. package/Link/Link.d.ts +4 -4
  82. package/List/List.d.ts +4 -3
  83. package/ListItem/ListItem.d.ts +3 -3
  84. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  85. package/ListItemButton/ListItemButton.d.ts +4 -3
  86. package/ListItemButton/ListItemButton.js +7 -1
  87. package/ListItemIcon/ListItemIcon.d.ts +3 -2
  88. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  89. package/ListItemText/ListItemText.d.ts +3 -2
  90. package/ListItemText/ListItemText.js +5 -1
  91. package/ListSubheader/ListSubheader.d.ts +3 -2
  92. package/Menu/Menu.d.ts +4 -4
  93. package/MenuItem/MenuItem.d.ts +3 -3
  94. package/MenuItem/MenuItem.js +27 -2
  95. package/MenuList/MenuList.d.ts +4 -4
  96. package/MobileStepper/MobileStepper.d.ts +3 -3
  97. package/Modal/Modal.d.ts +7 -7
  98. package/NativeSelect/NativeSelect.d.ts +3 -3
  99. package/NoSsr/NoSsr.d.ts +2 -2
  100. package/NoSsr/NoSsr.js +2 -2
  101. package/OutlinedInput/OutlinedInput.d.ts +4 -4
  102. package/Pagination/Pagination.d.ts +2 -2
  103. package/PaginationItem/PaginationItem.d.ts +3 -3
  104. package/Paper/Paper.d.ts +4 -3
  105. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  106. package/PigmentContainer/PigmentContainer.js +2 -3
  107. package/PigmentGrid/PigmentGrid.d.ts +2 -2
  108. package/PigmentGrid/PigmentGrid.js +2 -3
  109. package/PigmentStack/PigmentStack.d.ts +2 -2
  110. package/PigmentStack/PigmentStack.js +2 -3
  111. package/Popover/Popover.d.ts +4 -4
  112. package/Popper/BasePopper.js +23 -1
  113. package/Popper/Popper.d.ts +4 -4
  114. package/Popper/Popper.js +4 -4
  115. package/Popper/index.d.ts +1 -0
  116. package/Popper/index.js +11 -2
  117. package/Portal/Portal.d.ts +2 -2
  118. package/Portal/Portal.js +2 -2
  119. package/README.md +2 -2
  120. package/Radio/Radio.d.ts +3 -3
  121. package/RadioGroup/RadioGroup.d.ts +3 -3
  122. package/Rating/Rating.d.ts +2 -2
  123. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  124. package/Select/Select.d.ts +3 -3
  125. package/Select/SelectInput.js +46 -47
  126. package/Select/index.d.ts +1 -0
  127. package/Select/index.js +12 -0
  128. package/Select/utils/SelectFocusSourceContext.d.ts +4 -0
  129. package/Select/utils/SelectFocusSourceContext.js +19 -0
  130. package/Select/utils/areEqualValues.d.ts +1 -0
  131. package/Select/utils/areEqualValues.js +14 -0
  132. package/Select/utils/getOpenInteractionType.d.ts +1 -0
  133. package/Select/utils/getOpenInteractionType.js +18 -0
  134. package/Select/utils/index.d.ts +4 -0
  135. package/Select/utils/index.js +40 -0
  136. package/Select/utils/isEmpty.d.ts +1 -0
  137. package/Select/utils/isEmpty.js +9 -0
  138. package/Skeleton/Skeleton.d.ts +2 -2
  139. package/Slide/Slide.d.ts +4 -4
  140. package/Slide/Slide.js +43 -42
  141. package/Slider/Slider.d.ts +7 -7
  142. package/Slider/useSlider.js +6 -3
  143. package/Snackbar/Snackbar.d.ts +2 -2
  144. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  145. package/SpeedDial/SpeedDial.d.ts +2 -2
  146. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  147. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  148. package/Stack/Stack.d.ts +2 -2
  149. package/Step/Step.d.ts +2 -2
  150. package/StepButton/StepButton.d.ts +3 -3
  151. package/StepConnector/StepConnector.d.ts +2 -2
  152. package/StepContent/StepContent.d.ts +2 -2
  153. package/StepIcon/StepIcon.d.ts +3 -3
  154. package/StepLabel/StepLabel.d.ts +2 -2
  155. package/Stepper/Stepper.d.ts +2 -2
  156. package/SvgIcon/SvgIcon.d.ts +3 -3
  157. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  158. package/SwipeableDrawer/SwipeableDrawer.js +5 -7
  159. package/Switch/Switch.d.ts +4 -4
  160. package/Switch/Switch.js +7 -4
  161. package/Tab/Tab.d.ts +3 -3
  162. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  163. package/Table/Table.d.ts +2 -2
  164. package/TableBody/TableBody.d.ts +2 -2
  165. package/TableCell/TableCell.d.ts +2 -2
  166. package/TableContainer/TableContainer.d.ts +2 -2
  167. package/TableFooter/TableFooter.d.ts +2 -2
  168. package/TableHead/TableHead.d.ts +2 -2
  169. package/TablePagination/TablePagination.d.ts +4 -4
  170. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  171. package/TableRow/TableRow.d.ts +2 -2
  172. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  173. package/Tabs/Tabs.d.ts +2 -2
  174. package/TextField/TextField.d.ts +10 -10
  175. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  176. package/TextareaAutosize/TextareaAutosize.js +2 -2
  177. package/ToggleButton/ToggleButton.d.ts +3 -3
  178. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  179. package/Toolbar/Toolbar.d.ts +2 -2
  180. package/Tooltip/Tooltip.d.ts +2 -2
  181. package/Typography/Typography.d.ts +4 -3
  182. package/Unstable_TrapFocus/FocusTrap.js +15 -5
  183. package/Zoom/Zoom.d.ts +3 -3
  184. package/Zoom/Zoom.js +24 -30
  185. package/esm/Accordion/Accordion.d.ts +3 -3
  186. package/esm/AccordionActions/AccordionActions.d.ts +2 -2
  187. package/esm/AccordionDetails/AccordionDetails.d.ts +2 -2
  188. package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
  189. package/esm/Alert/Alert.d.ts +3 -3
  190. package/esm/AlertTitle/AlertTitle.d.ts +3 -3
  191. package/esm/AppBar/AppBar.d.ts +3 -3
  192. package/esm/Autocomplete/Autocomplete.d.ts +18 -2
  193. package/esm/Autocomplete/Autocomplete.js +111 -37
  194. package/esm/Avatar/Avatar.d.ts +2 -2
  195. package/esm/AvatarGroup/AvatarGroup.d.ts +2 -2
  196. package/esm/Backdrop/Backdrop.d.ts +3 -3
  197. package/esm/Badge/Badge.d.ts +3 -3
  198. package/esm/BottomNavigation/BottomNavigation.d.ts +2 -2
  199. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  200. package/esm/Box/Box.d.ts +3 -2
  201. package/esm/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  202. package/esm/Button/Button.d.ts +6 -5
  203. package/esm/Button/Button.js +18 -1
  204. package/esm/ButtonBase/ButtonBase.d.ts +2 -2
  205. package/esm/ButtonBase/ButtonBase.js +8 -2
  206. package/esm/ButtonGroup/ButtonGroup.d.ts +2 -2
  207. package/esm/Card/Card.d.ts +3 -3
  208. package/esm/CardActionArea/CardActionArea.d.ts +3 -3
  209. package/esm/CardActions/CardActions.d.ts +2 -2
  210. package/esm/CardContent/CardContent.d.ts +2 -2
  211. package/esm/CardHeader/CardHeader.d.ts +2 -2
  212. package/esm/CardHeader/CardHeader.js +5 -1
  213. package/esm/CardMedia/CardMedia.d.ts +2 -2
  214. package/esm/Checkbox/Checkbox.d.ts +4 -4
  215. package/esm/Checkbox/Checkbox.js +2 -1
  216. package/esm/Chip/Chip.d.ts +2 -2
  217. package/esm/CircularProgress/CircularProgress.d.ts +2 -2
  218. package/esm/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  219. package/esm/ClickAwayListener/ClickAwayListener.js +5 -8
  220. package/esm/Collapse/Collapse.d.ts +5 -5
  221. package/esm/Collapse/Collapse.js +7 -19
  222. package/esm/Container/Container.d.ts +2 -2
  223. package/esm/CssBaseline/CssBaseline.d.ts +2 -2
  224. package/esm/Dialog/Dialog.d.ts +10 -3
  225. package/esm/Dialog/Dialog.js +19 -6
  226. package/esm/DialogActions/DialogActions.d.ts +2 -2
  227. package/esm/DialogContent/DialogContent.d.ts +2 -2
  228. package/esm/DialogContentText/DialogContentText.d.ts +3 -3
  229. package/esm/DialogTitle/DialogTitle.d.ts +3 -3
  230. package/esm/Divider/Divider.d.ts +4 -3
  231. package/esm/Drawer/Drawer.d.ts +3 -3
  232. package/esm/Drawer/Drawer.js +18 -4
  233. package/esm/Fab/Fab.d.ts +3 -3
  234. package/esm/Fab/Fab.js +7 -1
  235. package/esm/Fade/Fade.d.ts +3 -3
  236. package/esm/Fade/Fade.js +29 -33
  237. package/esm/FilledInput/FilledInput.d.ts +3 -3
  238. package/esm/FilledInput/FilledInput.js +1 -1
  239. package/esm/FormControl/FormControl.d.ts +7 -7
  240. package/esm/FormControlLabel/FormControlLabel.d.ts +4 -4
  241. package/esm/FormGroup/FormGroup.d.ts +3 -3
  242. package/esm/FormHelperText/FormHelperText.d.ts +3 -3
  243. package/esm/FormLabel/FormLabel.d.ts +5 -5
  244. package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
  245. package/esm/Grid/Grid.d.ts +2 -2
  246. package/esm/Grid/Grid.js +2 -2
  247. package/esm/GridLegacy/GridLegacy.d.ts +2 -2
  248. package/esm/Grow/Grow.d.ts +5 -5
  249. package/esm/Grow/Grow.js +31 -39
  250. package/esm/Icon/Icon.d.ts +3 -3
  251. package/esm/IconButton/IconButton.d.ts +5 -5
  252. package/esm/ImageList/ImageList.d.ts +2 -2
  253. package/esm/ImageListItem/ImageListItem.d.ts +2 -2
  254. package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  255. package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  256. package/esm/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  257. package/esm/Input/Input.d.ts +3 -3
  258. package/esm/Input/Input.js +1 -1
  259. package/esm/InputAdornment/InputAdornment.d.ts +2 -2
  260. package/esm/InputBase/InputBase.d.ts +2 -2
  261. package/esm/InputBase/InputBase.js +39 -7
  262. package/esm/InputLabel/InputLabel.d.ts +4 -4
  263. package/esm/LinearProgress/LinearProgress.d.ts +2 -2
  264. package/esm/Link/Link.d.ts +4 -4
  265. package/esm/List/List.d.ts +4 -3
  266. package/esm/ListItem/ListItem.d.ts +3 -3
  267. package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  268. package/esm/ListItemButton/ListItemButton.d.ts +4 -3
  269. package/esm/ListItemButton/ListItemButton.js +7 -1
  270. package/esm/ListItemIcon/ListItemIcon.d.ts +3 -2
  271. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  272. package/esm/ListItemText/ListItemText.d.ts +3 -2
  273. package/esm/ListItemText/ListItemText.js +5 -1
  274. package/esm/ListSubheader/ListSubheader.d.ts +3 -2
  275. package/esm/Menu/Menu.d.ts +4 -4
  276. package/esm/MenuItem/MenuItem.d.ts +3 -3
  277. package/esm/MenuItem/MenuItem.js +29 -2
  278. package/esm/MenuList/MenuList.d.ts +4 -4
  279. package/esm/MobileStepper/MobileStepper.d.ts +3 -3
  280. package/esm/Modal/Modal.d.ts +7 -7
  281. package/esm/NativeSelect/NativeSelect.d.ts +3 -3
  282. package/esm/NoSsr/NoSsr.d.ts +2 -2
  283. package/esm/NoSsr/NoSsr.js +2 -2
  284. package/esm/OutlinedInput/OutlinedInput.d.ts +4 -4
  285. package/esm/Pagination/Pagination.d.ts +2 -2
  286. package/esm/PaginationItem/PaginationItem.d.ts +3 -3
  287. package/esm/Paper/Paper.d.ts +4 -3
  288. package/esm/PigmentContainer/PigmentContainer.d.ts +2 -2
  289. package/esm/PigmentContainer/PigmentContainer.js +2 -4
  290. package/esm/PigmentGrid/PigmentGrid.d.ts +2 -2
  291. package/esm/PigmentGrid/PigmentGrid.js +2 -4
  292. package/esm/PigmentStack/PigmentStack.d.ts +2 -2
  293. package/esm/PigmentStack/PigmentStack.js +2 -4
  294. package/esm/Popover/Popover.d.ts +4 -4
  295. package/esm/Popper/BasePopper.js +23 -1
  296. package/esm/Popper/Popper.d.ts +4 -4
  297. package/esm/Popper/Popper.js +4 -4
  298. package/esm/Popper/index.d.ts +1 -0
  299. package/esm/Popper/index.js +1 -0
  300. package/esm/Portal/Portal.d.ts +2 -2
  301. package/esm/Portal/Portal.js +2 -2
  302. package/esm/Radio/Radio.d.ts +3 -3
  303. package/esm/RadioGroup/RadioGroup.d.ts +3 -3
  304. package/esm/Rating/Rating.d.ts +2 -2
  305. package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  306. package/esm/Select/Select.d.ts +3 -3
  307. package/esm/Select/SelectInput.js +43 -44
  308. package/esm/Select/index.d.ts +1 -0
  309. package/esm/Select/index.js +1 -0
  310. package/esm/Select/utils/SelectFocusSourceContext.d.ts +4 -0
  311. package/esm/Select/utils/SelectFocusSourceContext.js +13 -0
  312. package/esm/Select/utils/areEqualValues.d.ts +1 -0
  313. package/esm/Select/utils/areEqualValues.js +8 -0
  314. package/esm/Select/utils/getOpenInteractionType.d.ts +1 -0
  315. package/esm/Select/utils/getOpenInteractionType.js +12 -0
  316. package/esm/Select/utils/index.d.ts +4 -0
  317. package/esm/Select/utils/index.js +4 -0
  318. package/esm/Select/utils/isEmpty.d.ts +1 -0
  319. package/esm/Select/utils/isEmpty.js +3 -0
  320. package/esm/Skeleton/Skeleton.d.ts +2 -2
  321. package/esm/Slide/Slide.d.ts +4 -4
  322. package/esm/Slide/Slide.js +44 -44
  323. package/esm/Slider/Slider.d.ts +7 -7
  324. package/esm/Slider/useSlider.js +6 -3
  325. package/esm/Snackbar/Snackbar.d.ts +2 -2
  326. package/esm/SnackbarContent/SnackbarContent.d.ts +3 -3
  327. package/esm/SpeedDial/SpeedDial.d.ts +2 -2
  328. package/esm/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  329. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  330. package/esm/Stack/Stack.d.ts +2 -2
  331. package/esm/Step/Step.d.ts +2 -2
  332. package/esm/StepButton/StepButton.d.ts +3 -3
  333. package/esm/StepConnector/StepConnector.d.ts +2 -2
  334. package/esm/StepContent/StepContent.d.ts +2 -2
  335. package/esm/StepIcon/StepIcon.d.ts +3 -3
  336. package/esm/StepLabel/StepLabel.d.ts +2 -2
  337. package/esm/Stepper/Stepper.d.ts +2 -2
  338. package/esm/SvgIcon/SvgIcon.d.ts +3 -3
  339. package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  340. package/esm/SwipeableDrawer/SwipeableDrawer.js +5 -7
  341. package/esm/Switch/Switch.d.ts +4 -4
  342. package/esm/Switch/Switch.js +7 -4
  343. package/esm/Tab/Tab.d.ts +3 -3
  344. package/esm/TabScrollButton/TabScrollButton.d.ts +2 -2
  345. package/esm/Table/Table.d.ts +2 -2
  346. package/esm/TableBody/TableBody.d.ts +2 -2
  347. package/esm/TableCell/TableCell.d.ts +2 -2
  348. package/esm/TableContainer/TableContainer.d.ts +2 -2
  349. package/esm/TableFooter/TableFooter.d.ts +2 -2
  350. package/esm/TableHead/TableHead.d.ts +2 -2
  351. package/esm/TablePagination/TablePagination.d.ts +4 -4
  352. package/esm/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  353. package/esm/TableRow/TableRow.d.ts +2 -2
  354. package/esm/TableSortLabel/TableSortLabel.d.ts +3 -3
  355. package/esm/Tabs/Tabs.d.ts +2 -2
  356. package/esm/TextField/TextField.d.ts +10 -10
  357. package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  358. package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
  359. package/esm/ToggleButton/ToggleButton.d.ts +3 -3
  360. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  361. package/esm/Toolbar/Toolbar.d.ts +2 -2
  362. package/esm/Tooltip/Tooltip.d.ts +2 -2
  363. package/esm/Typography/Typography.d.ts +4 -3
  364. package/esm/Unstable_TrapFocus/FocusTrap.js +15 -5
  365. package/esm/Zoom/Zoom.d.ts +3 -3
  366. package/esm/Zoom/Zoom.js +25 -31
  367. package/esm/index.js +1 -1
  368. package/esm/styles/createThemeNoVars.js +1 -1
  369. package/esm/styles/createThemeWithVars.js +9 -9
  370. package/esm/transitions/utils.d.ts +7 -0
  371. package/esm/transitions/utils.js +25 -0
  372. package/esm/useAutocomplete/useAutocomplete.d.ts +4 -5
  373. package/esm/useAutocomplete/useAutocomplete.js +211 -47
  374. package/esm/utils/contains.d.ts +2 -0
  375. package/esm/utils/contains.js +2 -0
  376. package/esm/utils/focusable.d.ts +7 -0
  377. package/esm/utils/focusable.js +13 -0
  378. package/esm/utils/getEventTarget.d.ts +2 -0
  379. package/esm/utils/getEventTarget.js +2 -0
  380. package/esm/version/index.js +2 -2
  381. package/index.js +1 -1
  382. package/package.json +5 -5
  383. package/styles/createThemeNoVars.js +1 -1
  384. package/styles/createThemeWithVars.js +9 -9
  385. package/transitions/utils.d.ts +7 -0
  386. package/transitions/utils.js +27 -0
  387. package/useAutocomplete/useAutocomplete.d.ts +4 -5
  388. package/useAutocomplete/useAutocomplete.js +211 -47
  389. package/utils/contains.d.ts +2 -0
  390. package/utils/contains.js +9 -0
  391. package/utils/focusable.d.ts +7 -0
  392. package/utils/focusable.js +20 -0
  393. package/utils/getEventTarget.d.ts +2 -0
  394. package/utils/getEventTarget.js +9 -0
  395. package/version/index.js +2 -2
@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
78
78
  *
79
79
  * Demos:
80
80
  *
81
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
81
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
82
82
  *
83
83
  * API:
84
84
  *
85
- * - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
85
+ * - [ButtonGroup API](https://v7.mui.com/material-ui/api/button-group/)
86
86
  */
87
87
  declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
88
88
  export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/CHANGELOG.md CHANGED
@@ -1,5 +1,87 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 7.3.11
4
+
5
+ <!-- generated comparing v7.3.10..v7.x -->
6
+
7
+ _May 6, 2026_
8
+
9
+ A big thanks to the 5 contributors who made this release possible.
10
+
11
+ ### `@mui/material@7.3.11`
12
+
13
+ - [autocomplete] Fix highlight sync and scroll preservation (#48350) @mj12albert
14
+ - [autocomplete] Fix popper rendering issues (#48343) @mj12albert
15
+ - [autocomplete] Improve highlight tracking and selection state (#48318) @mj12albert
16
+ - [button] Fix `startIcon` alignment (#48339) @mj12albert
17
+ - [button] Remove duplicated className entries (#48284) @silviuaavram
18
+ - [checkbox] Set `aria-checked=mixed` when indeterminate (#48286) @mj12albert
19
+ - [dialog][drawer][focus trap] Fix initial focus target (#48324) @mj12albert
20
+ - [drawer] Fix transition jump (#48340) @mj12albert
21
+ - [input] Fix layout shift with display: flex (#48359) @oliviertassinari
22
+ - [inputs] Fix autofocus in SSR environment (#48307) @mj12albert
23
+ - [popper] Persist positioning styles when popperOptions changes reference (#48302) @mj12albert
24
+ - [switch] Fix incorrect `role` with `slotProps.input` (#48472) @mj12albert
25
+ - [utils] Add shadow dom utils (#48309) @mj12albert
26
+
27
+ ### Docs
28
+
29
+ - [docs] Update banner to announce v9 (#48299) @siriwatknp
30
+ - [docs] Add v9 in the versions select in v7.mui.com (#48233) @alexfauquette
31
+
32
+ ### Core
33
+
34
+ - [internal] Update some host-reference entries (#48225) @silviuaavram
35
+
36
+ All contributors of this release in alphabetical order: @alexfauquette, @mj12albert, @oliviertassinari, @silviuaavram, @siriwatknp
37
+
38
+ ## 7.3.10
39
+
40
+ <!-- generated comparing v7.3.9..v7.x -->
41
+
42
+ _Apr 8, 2026_
43
+
44
+ A big thanks to the 15 contributors who made this release possible. A few highlights ✨:
45
+
46
+ - 📖 Added the Menubar component page to the docs.
47
+
48
+ ### `@mui/material@7.3.10`
49
+
50
+ - [alert][dialog] Accessibility improvements (#48161) @silviuaavram
51
+ - [autocomplete] Add `root` slot (#47916) @GerardasB
52
+ - [autocomplete] Fix helper text focusing input when clicked (#48162) @mj12albert
53
+ - [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47914) @aman44444
54
+ - [autocomplete] Optimize selected option lookup (#48027) @anchmelev
55
+ - [autocomplete] Support full slots for clearIndicator and popupIndicator (#47913) @silviuaavram
56
+ - [button-base] Fix native button detection (#47994) @mj12albert
57
+ - [input] Fix high contrast cutoff on first character (#48160) @silviuaavram
58
+ - [list item text][card header] Revert cleanup of duplicated CSS rules (#47938) @sai6855
59
+ - [popper] Add missing classes export (#48033) @mj12albert
60
+ - [select] Fix focus visible always set on menu item (#48022) @silviuaavram
61
+ - [slider] Accept readonly array for the value prop (#47961) @pcorpet
62
+ - [switch] Add border to make it visible in high contrast mode (#48210) @silviuaavram
63
+ - [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#48144) @ZeeshanTamboli
64
+ - [transitions] Performance improvements & misc fixes (#48217) @mj12albert
65
+
66
+ ### Docs
67
+
68
+ - [codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47954) @ZeeshanTamboli
69
+ - [menubar] Add Menubar component page (#47942) @siriwatknp
70
+ - [progress] Label all demo components (#48168) @mj12albert
71
+ - [system] Update `styled` API docs for easier understanding (#47969) @olivier-lxo
72
+ - Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48152) @arminmeh
73
+ - Fix MUI X redirects (#47917) @cherniavskii
74
+ - Use direct palette vars in Tailwind v4 snippet (#47955) @Ahmad-Alaziz
75
+
76
+ ### Core
77
+
78
+ - [blog] Blogpost for upcoming price changes for MUI X (#47820) @DanailH
79
+ - [blog] Update the 2026 price changes blogpost (#47944) @DanailH
80
+ - [code-infra] Add pkg-pr-new as dev dependency (#48023) @silviuaavram
81
+ - [docs-infra] Update Release Instructions and Search Index v7 (#48109) @dav-is
82
+
83
+ All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @anchmelev, @arminmeh, @cherniavskii, @DanailH, @dav-is, @GerardasB, @mj12albert, @olivier-lxo, @pcorpet, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
84
+
3
85
  ## 7.3.9
4
86
 
5
87
  <!-- generated comparing v7.3.8..v7.x -->
package/Card/Card.d.ts CHANGED
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
32
32
  *
33
33
  * Demos:
34
34
  *
35
- * - [Card](https://mui.com/material-ui/react-card/)
35
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
36
36
  *
37
37
  * API:
38
38
  *
39
- * - [Card API](https://mui.com/material-ui/api/card/)
40
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
39
+ * - [Card API](https://v7.mui.com/material-ui/api/card/)
40
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
41
41
  */
42
42
 
43
43
  declare const Card: OverridableComponent<CardTypeMap>;
@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
50
50
  *
51
51
  * Demos:
52
52
  *
53
- * - [Card](https://mui.com/material-ui/react-card/)
53
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
54
54
  *
55
55
  * API:
56
56
  *
57
- * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
58
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
57
+ * - [CardActionArea API](https://v7.mui.com/material-ui/api/card-action-area/)
58
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
59
59
  */
60
60
  declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
61
61
  export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Card](https://mui.com/material-ui/react-card/)
30
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
34
+ * - [CardActions API](https://v7.mui.com/material-ui/api/card-actions/)
35
35
  */
36
36
  export default function CardActions(props: CardActionsProps): React.JSX.Element;
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
25
25
  *
26
26
  * Demos:
27
27
  *
28
- * - [Card](https://mui.com/material-ui/react-card/)
28
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
29
29
  *
30
30
  * API:
31
31
  *
32
- * - [CardContent API](https://mui.com/material-ui/api/card-content/)
32
+ * - [CardContent API](https://v7.mui.com/material-ui/api/card-content/)
33
33
  */
34
34
  declare const CardContent: OverridableComponent<CardContentTypeMap>;
35
35
  export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -136,11 +136,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
136
136
  *
137
137
  * Demos:
138
138
  *
139
- * - [Card](https://mui.com/material-ui/react-card/)
139
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
140
140
  *
141
141
  * API:
142
142
  *
143
- * - [CardHeader API](https://mui.com/material-ui/api/card-header/)
143
+ * - [CardHeader API](https://v7.mui.com/material-ui/api/card-header/)
144
144
  */
145
145
  declare const CardHeader: OverridableCardHeader;
146
146
  export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
@@ -68,7 +68,11 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
68
68
  slot: 'Content'
69
69
  })({
70
70
  flex: '1 1 auto',
71
- [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title}), .${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
71
+ // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
72
+ [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
73
+ display: 'block'
74
+ },
75
+ [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
72
76
  display: 'block'
73
77
  }
74
78
  });
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [Card](https://mui.com/material-ui/react-card/)
41
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
45
+ * - [CardMedia API](https://v7.mui.com/material-ui/api/card-media/)
46
46
  */
47
47
  declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
48
48
  export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
121
121
  *
122
122
  * Demos:
123
123
  *
124
- * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
125
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
124
+ * - [Checkbox](https://v7.mui.com/material-ui/react-checkbox/)
125
+ * - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
126
126
  *
127
127
  * API:
128
128
  *
129
- * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
130
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
129
+ * - [Checkbox API](https://v7.mui.com/material-ui/api/checkbox/)
130
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
131
131
  */
132
132
  export default function Checkbox(props: CheckboxProps): React.JSX.Element;
@@ -159,7 +159,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
159
159
  slots,
160
160
  slotProps: {
161
161
  input: (0, _utils.mergeSlotProps)(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
162
- 'data-indeterminate': indeterminate
162
+ 'data-indeterminate': indeterminate,
163
+ 'aria-checked': indeterminate ? 'mixed' : undefined
163
164
  })
164
165
  }
165
166
  }
package/Chip/Chip.d.ts CHANGED
@@ -120,11 +120,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
120
120
  *
121
121
  * Demos:
122
122
  *
123
- * - [Chip](https://mui.com/material-ui/react-chip/)
123
+ * - [Chip](https://v7.mui.com/material-ui/react-chip/)
124
124
  *
125
125
  * API:
126
126
  *
127
- * - [Chip API](https://mui.com/material-ui/api/chip/)
127
+ * - [Chip API](https://v7.mui.com/material-ui/api/chip/)
128
128
  */
129
129
  declare const Chip: OverridableComponent<ChipTypeMap>;
130
130
  export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
69
69
  *
70
70
  * Demos:
71
71
  *
72
- * - [Progress](https://mui.com/material-ui/react-progress/)
72
+ * - [Progress](https://v7.mui.com/material-ui/react-progress/)
73
73
  *
74
74
  * API:
75
75
  *
76
- * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
76
+ * - [CircularProgress API](https://v7.mui.com/material-ui/api/circular-progress/)
77
77
  */
78
78
  export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
33
33
  *
34
34
  * Demos:
35
35
  *
36
- * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
37
- * - [Menu](https://mui.com/material-ui/react-menu/)
36
+ * - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
37
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
38
38
  *
39
39
  * API:
40
40
  *
41
- * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
41
+ * - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
42
42
  */
43
43
  declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
44
44
  declare namespace ClickAwayListener {
@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.ClickAwayListener = ClickAwayListener;
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _contains = _interopRequireDefault(require("@mui/utils/contains"));
12
13
  var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
13
14
  var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
14
15
  var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
@@ -28,12 +29,12 @@ function clickedRootScrollbar(event, doc) {
28
29
  *
29
30
  * Demos:
30
31
  *
31
- * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
32
- * - [Menu](https://mui.com/material-ui/react-menu/)
32
+ * - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
33
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
33
34
  *
34
35
  * API:
35
36
  *
36
- * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
37
+ * - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
37
38
  */
38
39
  function ClickAwayListener(props) {
39
40
  const {
@@ -90,11 +91,7 @@ function ClickAwayListener(props) {
90
91
  if (event.composedPath) {
91
92
  insideDOM = event.composedPath().includes(nodeRef.current);
92
93
  } else {
93
- insideDOM = !doc.documentElement.contains(
94
- // @ts-expect-error returns `false` as intended when not dispatched from a Node
95
- event.target) || nodeRef.current.contains(
96
- // @ts-expect-error returns `false` as intended when not dispatched from a Node
97
- event.target);
94
+ insideDOM = !(0, _contains.default)(doc.documentElement, event.target) || (0, _contains.default)(nodeRef.current, event.target);
98
95
  }
99
96
  if (!insideDOM && (disableReactTree || !insideReactTree)) {
100
97
  onClickAway(event);
@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
84
84
 
85
85
  /**
86
86
  * The Collapse transition is used by the
87
- * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
87
+ * [Vertical Stepper](https://v7.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
88
88
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
89
89
  *
90
90
  * Demos:
91
91
  *
92
- * - [Card](https://mui.com/material-ui/react-card/)
93
- * - [Lists](https://mui.com/material-ui/react-list/)
94
- * - [Transitions](https://mui.com/material-ui/transitions/)
92
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
93
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
94
+ * - [Transitions](https://v7.mui.com/material-ui/transitions/)
95
95
  *
96
96
  * API:
97
97
  *
98
- * - [Collapse API](https://mui.com/material-ui/api/collapse/)
98
+ * - [Collapse API](https://v7.mui.com/material-ui/api/collapse/)
99
99
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
100
100
  */
101
101
 
@@ -167,20 +167,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
167
167
  const size = isHorizontal ? 'width' : 'height';
168
168
  const nodeRef = React.useRef(null);
169
169
  const handleRef = (0, _utils2.useForkRef)(ref, nodeRef);
170
- const normalizedTransitionCallback = callback => maybeIsAppearing => {
171
- if (callback) {
172
- const node = nodeRef.current;
173
-
174
- // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
175
- if (maybeIsAppearing === undefined) {
176
- callback(node);
177
- } else {
178
- callback(node, maybeIsAppearing);
179
- }
180
- }
181
- };
182
170
  const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
183
- const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
171
+ const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
184
172
  if (wrapperRef.current && isHorizontal) {
185
173
  // Set absolute position to get the size of collapsed content
186
174
  wrapperRef.current.style.position = 'absolute';
@@ -190,7 +178,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
190
178
  onEnter(node, isAppearing);
191
179
  }
192
180
  });
193
- const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
181
+ const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
194
182
  const wrapperSize = getWrapperSize();
195
183
  if (wrapperRef.current && isHorizontal) {
196
184
  // After the size is read reset the position back to default
@@ -219,20 +207,20 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
219
207
  onEntering(node, isAppearing);
220
208
  }
221
209
  });
222
- const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
210
+ const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
223
211
  node.style[size] = 'auto';
224
212
  if (onEntered) {
225
213
  onEntered(node, isAppearing);
226
214
  }
227
215
  });
228
- const handleExit = normalizedTransitionCallback(node => {
216
+ const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
229
217
  node.style[size] = `${getWrapperSize()}px`;
230
218
  if (onExit) {
231
219
  onExit(node);
232
220
  }
233
221
  });
234
- const handleExited = normalizedTransitionCallback(onExited);
235
- const handleExiting = normalizedTransitionCallback(node => {
222
+ const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, onExited);
223
+ const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
236
224
  const wrapperSize = getWrapperSize();
237
225
  const {
238
226
  duration: transitionDuration,
@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
42
42
  *
43
43
  * Demos:
44
44
  *
45
- * - [Container](https://mui.com/material-ui/react-container/)
45
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
46
46
  *
47
47
  * API:
48
48
  *
49
- * - [Container API](https://mui.com/material-ui/api/container/)
49
+ * - [Container API](https://v7.mui.com/material-ui/api/container/)
50
50
  */
51
51
  declare const Container: OverridableComponent<ContainerTypeMap>;
52
52
  export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -19,10 +19,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
19
19
  *
20
20
  * Demos:
21
21
  *
22
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
22
+ * - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
23
23
  *
24
24
  * API:
25
25
  *
26
- * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
26
+ * - [CssBaseline API](https://v7.mui.com/material-ui/api/css-baseline/)
27
27
  */
28
28
  export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;
@@ -123,6 +123,13 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
123
123
  * If `true`, the component is shown.
124
124
  */
125
125
  open: ModalProps['open'];
126
+ /**
127
+ * The ARIA role for the dialog element.
128
+ * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
129
+ * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
130
+ * @default 'dialog'
131
+ */
132
+ role?: 'dialog' | 'alertdialog' | undefined;
126
133
  /**
127
134
  * The component used to render the body of the dialog.
128
135
  * @default Paper
@@ -174,12 +181,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
174
181
  *
175
182
  * Demos:
176
183
  *
177
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
184
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
178
185
  *
179
186
  * API:
180
187
  *
181
- * - [Dialog API](https://mui.com/material-ui/api/dialog/)
182
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
188
+ * - [Dialog API](https://v7.mui.com/material-ui/api/dialog/)
189
+ * - inherits [Modal API](https://v7.mui.com/material-ui/api/modal/)
183
190
  */
184
191
  export default function Dialog(props: DialogProps): React.JSX.Element;
185
192
  export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}
package/Dialog/Dialog.js CHANGED
@@ -23,6 +23,7 @@ var _zeroStyled = require("../zero-styled");
23
23
  var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
24
24
  var _DefaultPropsProvider = require("../DefaultPropsProvider");
25
25
  var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
26
+ var _focusable = require("../utils/focusable");
26
27
  var _jsxRuntime = require("react/jsx-runtime");
27
28
  const DialogBackdrop = (0, _zeroStyled.styled)(_Backdrop.default, {
28
29
  name: 'MuiDialog',
@@ -223,6 +224,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
223
224
  open,
224
225
  PaperComponent = _Paper.default,
225
226
  PaperProps = {},
227
+ role = 'dialog',
226
228
  scroll = 'paper',
227
229
  slots = {},
228
230
  slotProps = {},
@@ -300,7 +302,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
300
302
  shouldForwardComponentProp: true,
301
303
  externalForwardedProps,
302
304
  ownerState,
303
- className: (0, _clsx.default)(classes.paper, PaperProps.className)
305
+ className: classes.paper,
306
+ additionalProps: {
307
+ elevation: 24,
308
+ role,
309
+ 'aria-describedby': ariaDescribedby,
310
+ 'aria-labelledby': ariaLabelledby,
311
+ 'aria-modal': ariaModal,
312
+ tabIndex: -1,
313
+ [_focusable.FOCUSABLE_ATTRIBUTE]: ''
314
+ }
304
315
  });
305
316
  const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
306
317
  elementType: DialogContainer,
@@ -344,11 +355,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
344
355
  ...containerSlotProps,
345
356
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
346
357
  as: PaperComponent,
347
- elevation: 24,
348
- role: "dialog",
349
- "aria-describedby": ariaDescribedby,
350
- "aria-labelledby": ariaLabelledby,
351
- "aria-modal": ariaModal,
352
358
  ...paperSlotProps,
353
359
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContext.default.Provider, {
354
360
  value: dialogContextValue,
@@ -456,6 +462,13 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
456
462
  * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
457
463
  */
458
464
  PaperProps: _propTypes.default.object,
465
+ /**
466
+ * The ARIA role for the dialog element.
467
+ * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
468
+ * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
469
+ * @default 'dialog'
470
+ */
471
+ role: _propTypes.default.oneOf(['alertdialog', 'dialog']),
459
472
  /**
460
473
  * Determine the container for scrolling the dialog.
461
474
  * @default 'paper'
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
34
+ * - [DialogActions API](https://v7.mui.com/material-ui/api/dialog-actions/)
35
35
  */
36
36
  export default function DialogActions(props: DialogActionsProps): React.JSX.Element;
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
34
+ * - [DialogContent API](https://v7.mui.com/material-ui/api/dialog-content/)
35
35
  */
36
36
  export default function DialogContent(props: DialogContentProps): React.JSX.Element;
@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
23
23
  *
24
24
  * Demos:
25
25
  *
26
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
26
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
27
27
  *
28
28
  * API:
29
29
  *
30
- * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
31
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
30
+ * - [DialogContentText API](https://v7.mui.com/material-ui/api/dialog-content-text/)
31
+ * - inherits [Typography API](https://v7.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> & {
@@ -27,12 +27,12 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
27
27
  *
28
28
  * Demos:
29
29
  *
30
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
30
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
31
31
  *
32
32
  * API:
33
33
  *
34
- * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
35
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
34
+ * - [DialogTitle API](https://v7.mui.com/material-ui/api/dialog-title/)
35
+ * - inherits [Typography API](https://v7.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 = {
@@ -60,12 +60,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Divider](https://mui.com/material-ui/react-divider/)
64
- * - [Lists](https://mui.com/material-ui/react-list/)
63
+ * - [Divider](https://v7.mui.com/material-ui/react-divider/)
64
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
65
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
65
66
  *
66
67
  * API:
67
68
  *
68
- * - [Divider API](https://mui.com/material-ui/api/divider/)
69
+ * - [Divider API](https://v7.mui.com/material-ui/api/divider/)
69
70
  */
70
71
  declare const Divider: OverridableComponent<DividerTypeMap>;
71
72
  export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -141,15 +141,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
141
141
  export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
142
142
 
143
143
  /**
144
- * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
144
+ * The props of the [Modal](https://v7.mui.com/material-ui/api/modal/) component are available
145
145
  * when `variant="temporary"` is set.
146
146
  *
147
147
  * Demos:
148
148
  *
149
- * - [Drawer](https://mui.com/material-ui/react-drawer/)
149
+ * - [Drawer](https://v7.mui.com/material-ui/react-drawer/)
150
150
  *
151
151
  * API:
152
152
  *
153
- * - [Drawer API](https://mui.com/material-ui/api/drawer/)
153
+ * - [Drawer API](https://v7.mui.com/material-ui/api/drawer/)
154
154
  */
155
155
  export default function Drawer(props: DrawerProps): React.JSX.Element;