@mui/material 9.0.0-beta.0 → 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 (421) hide show
  1. package/Accordion/Accordion.d.mts +4 -4
  2. package/Accordion/Accordion.d.ts +4 -4
  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/AccordionSummary/AccordionSummary.js +1 -0
  10. package/AccordionSummary/AccordionSummary.mjs +1 -0
  11. package/Alert/Alert.d.mts +3 -3
  12. package/Alert/Alert.d.ts +3 -3
  13. package/AlertTitle/AlertTitle.d.mts +3 -3
  14. package/AlertTitle/AlertTitle.d.ts +3 -3
  15. package/AppBar/AppBar.d.mts +3 -3
  16. package/AppBar/AppBar.d.ts +3 -3
  17. package/Autocomplete/Autocomplete.d.mts +2 -2
  18. package/Autocomplete/Autocomplete.d.ts +2 -2
  19. package/Avatar/Avatar.d.mts +2 -2
  20. package/Avatar/Avatar.d.ts +2 -2
  21. package/AvatarGroup/AvatarGroup.d.mts +2 -2
  22. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  23. package/Backdrop/Backdrop.d.mts +4 -4
  24. package/Backdrop/Backdrop.d.ts +4 -4
  25. package/Badge/Badge.d.mts +3 -3
  26. package/Badge/Badge.d.ts +3 -3
  27. package/BottomNavigation/BottomNavigation.d.mts +2 -2
  28. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  29. package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
  30. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  31. package/BottomNavigationAction/BottomNavigationAction.js +1 -0
  32. package/BottomNavigationAction/BottomNavigationAction.mjs +1 -0
  33. package/Box/Box.d.mts +3 -3
  34. package/Box/Box.d.ts +3 -3
  35. package/Breadcrumbs/BreadcrumbCollapsed.js +5 -1
  36. package/Breadcrumbs/BreadcrumbCollapsed.mjs +5 -1
  37. package/Breadcrumbs/Breadcrumbs.d.mts +3 -3
  38. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  39. package/Button/Button.d.mts +6 -6
  40. package/Button/Button.d.ts +6 -6
  41. package/Button/Button.js +1 -0
  42. package/Button/Button.mjs +1 -0
  43. package/ButtonBase/ButtonBase.d.mts +7 -2
  44. package/ButtonBase/ButtonBase.d.ts +7 -2
  45. package/ButtonBase/ButtonBase.js +84 -85
  46. package/ButtonBase/ButtonBase.mjs +84 -85
  47. package/ButtonBase/useButtonBase.d.mts +91 -0
  48. package/ButtonBase/useButtonBase.d.ts +91 -0
  49. package/ButtonBase/useButtonBase.js +174 -0
  50. package/ButtonBase/useButtonBase.mjs +167 -0
  51. package/ButtonGroup/ButtonGroup.d.mts +2 -2
  52. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  53. package/CHANGELOG.md +76 -0
  54. package/Card/Card.d.mts +3 -3
  55. package/Card/Card.d.ts +3 -3
  56. package/CardActionArea/CardActionArea.d.mts +3 -3
  57. package/CardActionArea/CardActionArea.d.ts +3 -3
  58. package/CardActionArea/CardActionArea.js +1 -0
  59. package/CardActionArea/CardActionArea.mjs +1 -0
  60. package/CardActions/CardActions.d.mts +2 -2
  61. package/CardActions/CardActions.d.ts +2 -2
  62. package/CardContent/CardContent.d.mts +2 -2
  63. package/CardContent/CardContent.d.ts +2 -2
  64. package/CardHeader/CardHeader.d.mts +2 -2
  65. package/CardHeader/CardHeader.d.ts +2 -2
  66. package/CardMedia/CardMedia.d.mts +2 -2
  67. package/CardMedia/CardMedia.d.ts +2 -2
  68. package/Checkbox/Checkbox.d.mts +4 -4
  69. package/Checkbox/Checkbox.d.ts +4 -4
  70. package/Chip/Chip.d.mts +9 -2
  71. package/Chip/Chip.d.ts +9 -2
  72. package/Chip/Chip.js +18 -1
  73. package/Chip/Chip.mjs +18 -1
  74. package/CircularProgress/CircularProgress.d.mts +2 -2
  75. package/CircularProgress/CircularProgress.d.ts +2 -2
  76. package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
  77. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  78. package/ClickAwayListener/ClickAwayListener.js +3 -3
  79. package/ClickAwayListener/ClickAwayListener.mjs +3 -3
  80. package/Collapse/Collapse.d.mts +5 -5
  81. package/Collapse/Collapse.d.ts +5 -5
  82. package/Collapse/Collapse.js +6 -18
  83. package/Collapse/Collapse.mjs +7 -19
  84. package/Container/Container.d.mts +2 -2
  85. package/Container/Container.d.ts +2 -2
  86. package/CssBaseline/CssBaseline.d.mts +2 -2
  87. package/CssBaseline/CssBaseline.d.ts +2 -2
  88. package/Dialog/Dialog.d.mts +11 -4
  89. package/Dialog/Dialog.d.ts +11 -4
  90. package/Dialog/Dialog.js +9 -1
  91. package/Dialog/Dialog.mjs +9 -1
  92. package/DialogActions/DialogActions.d.mts +2 -2
  93. package/DialogActions/DialogActions.d.ts +2 -2
  94. package/DialogContent/DialogContent.d.mts +2 -2
  95. package/DialogContent/DialogContent.d.ts +2 -2
  96. package/DialogContentText/DialogContentText.d.mts +3 -3
  97. package/DialogContentText/DialogContentText.d.ts +3 -3
  98. package/DialogTitle/DialogTitle.d.mts +3 -3
  99. package/DialogTitle/DialogTitle.d.ts +3 -3
  100. package/Divider/Divider.d.mts +4 -4
  101. package/Divider/Divider.d.ts +4 -4
  102. package/Divider/Divider.js +0 -8
  103. package/Divider/Divider.mjs +0 -8
  104. package/Drawer/Drawer.d.mts +4 -4
  105. package/Drawer/Drawer.d.ts +4 -4
  106. package/Drawer/Drawer.js +1 -4
  107. package/Drawer/Drawer.mjs +1 -4
  108. package/Fab/Fab.d.mts +3 -3
  109. package/Fab/Fab.d.ts +3 -3
  110. package/Fab/Fab.js +1 -0
  111. package/Fab/Fab.mjs +1 -0
  112. package/Fade/Fade.d.mts +3 -3
  113. package/Fade/Fade.d.ts +3 -3
  114. package/Fade/Fade.js +28 -32
  115. package/Fade/Fade.mjs +29 -33
  116. package/FilledInput/FilledInput.d.mts +3 -3
  117. package/FilledInput/FilledInput.d.ts +3 -3
  118. package/FilledInput/FilledInput.js +1 -1
  119. package/FilledInput/FilledInput.mjs +1 -1
  120. package/FormControl/FormControl.d.mts +7 -7
  121. package/FormControl/FormControl.d.ts +7 -7
  122. package/FormControlLabel/FormControlLabel.d.mts +4 -4
  123. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  124. package/FormGroup/FormGroup.d.mts +3 -3
  125. package/FormGroup/FormGroup.d.ts +3 -3
  126. package/FormHelperText/FormHelperText.d.mts +3 -3
  127. package/FormHelperText/FormHelperText.d.ts +3 -3
  128. package/FormLabel/FormLabel.d.mts +5 -5
  129. package/FormLabel/FormLabel.d.ts +5 -5
  130. package/GlobalStyles/GlobalStyles.d.mts +2 -2
  131. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  132. package/Grid/Grid.d.mts +10 -5
  133. package/Grid/Grid.d.ts +10 -5
  134. package/Grid/Grid.js +10 -5
  135. package/Grid/Grid.mjs +10 -5
  136. package/Grid/gridClasses.js +1 -1
  137. package/Grid/gridClasses.mjs +1 -1
  138. package/Grow/Grow.d.mts +5 -5
  139. package/Grow/Grow.d.ts +5 -5
  140. package/Grow/Grow.js +30 -38
  141. package/Grow/Grow.mjs +31 -39
  142. package/Icon/Icon.d.mts +3 -3
  143. package/Icon/Icon.d.ts +3 -3
  144. package/IconButton/IconButton.d.mts +5 -5
  145. package/IconButton/IconButton.d.ts +5 -5
  146. package/IconButton/IconButton.js +1 -0
  147. package/IconButton/IconButton.mjs +1 -0
  148. package/ImageList/ImageList.d.mts +2 -2
  149. package/ImageList/ImageList.d.ts +2 -2
  150. package/ImageListItem/ImageListItem.d.mts +2 -2
  151. package/ImageListItem/ImageListItem.d.ts +2 -2
  152. package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
  153. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  154. package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
  155. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  156. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  157. package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
  158. package/Input/Input.d.mts +3 -3
  159. package/Input/Input.d.ts +3 -3
  160. package/Input/Input.js +1 -1
  161. package/Input/Input.mjs +1 -1
  162. package/InputAdornment/InputAdornment.d.mts +2 -2
  163. package/InputAdornment/InputAdornment.d.ts +2 -2
  164. package/InputAdornment/inputAdornmentClasses.d.mts +2 -2
  165. package/InputAdornment/inputAdornmentClasses.d.ts +2 -2
  166. package/InputBase/InputBase.d.mts +2 -2
  167. package/InputBase/InputBase.d.ts +2 -2
  168. package/InputLabel/InputLabel.d.mts +4 -4
  169. package/InputLabel/InputLabel.d.ts +4 -4
  170. package/LinearProgress/LinearProgress.d.mts +2 -2
  171. package/LinearProgress/LinearProgress.d.ts +2 -2
  172. package/Link/Link.d.mts +4 -4
  173. package/Link/Link.d.ts +4 -4
  174. package/List/List.d.mts +4 -4
  175. package/List/List.d.ts +4 -4
  176. package/ListItem/ListItem.d.mts +3 -3
  177. package/ListItem/ListItem.d.ts +3 -3
  178. package/ListItem/ListItem.js +1 -2
  179. package/ListItem/ListItem.mjs +1 -2
  180. package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
  181. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  182. package/ListItemButton/ListItemButton.d.mts +4 -4
  183. package/ListItemButton/ListItemButton.d.ts +4 -4
  184. package/ListItemButton/ListItemButton.js +1 -0
  185. package/ListItemButton/ListItemButton.mjs +1 -0
  186. package/ListItemIcon/ListItemIcon.d.mts +3 -3
  187. package/ListItemIcon/ListItemIcon.d.ts +3 -3
  188. package/ListItemIcon/ListItemIcon.js +1 -1
  189. package/ListItemIcon/ListItemIcon.mjs +1 -1
  190. package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
  191. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  192. package/ListItemText/ListItemText.d.mts +3 -3
  193. package/ListItemText/ListItemText.d.ts +3 -3
  194. package/ListSubheader/ListSubheader.d.mts +3 -3
  195. package/ListSubheader/ListSubheader.d.ts +3 -3
  196. package/ListSubheader/ListSubheader.js +0 -3
  197. package/ListSubheader/ListSubheader.mjs +0 -3
  198. package/Menu/Menu.d.mts +5 -5
  199. package/Menu/Menu.d.ts +5 -5
  200. package/Menu/Menu.js +15 -32
  201. package/Menu/Menu.mjs +15 -32
  202. package/MenuItem/MenuItem.d.mts +3 -3
  203. package/MenuItem/MenuItem.d.ts +3 -3
  204. package/MenuItem/MenuItem.js +36 -26
  205. package/MenuItem/MenuItem.mjs +34 -26
  206. package/MenuList/MenuList.d.mts +4 -4
  207. package/MenuList/MenuList.d.ts +4 -4
  208. package/MenuList/MenuList.js +136 -101
  209. package/MenuList/MenuList.mjs +135 -100
  210. package/MenuList/MenuListContext.d.mts +11 -0
  211. package/MenuList/MenuListContext.d.ts +11 -0
  212. package/MenuList/MenuListContext.js +25 -0
  213. package/MenuList/MenuListContext.mjs +19 -0
  214. package/MobileStepper/MobileStepper.d.mts +3 -3
  215. package/MobileStepper/MobileStepper.d.ts +3 -3
  216. package/Modal/Modal.d.mts +7 -7
  217. package/Modal/Modal.d.ts +7 -7
  218. package/NativeSelect/NativeSelect.d.mts +3 -3
  219. package/NativeSelect/NativeSelect.d.ts +3 -3
  220. package/NoSsr/NoSsr.d.mts +2 -2
  221. package/NoSsr/NoSsr.d.ts +2 -2
  222. package/NoSsr/NoSsr.js +2 -2
  223. package/NoSsr/NoSsr.mjs +2 -2
  224. package/OutlinedInput/OutlinedInput.d.mts +4 -4
  225. package/OutlinedInput/OutlinedInput.d.ts +4 -4
  226. package/Pagination/Pagination.d.mts +2 -2
  227. package/Pagination/Pagination.d.ts +2 -2
  228. package/PaginationItem/PaginationItem.d.mts +8 -3
  229. package/PaginationItem/PaginationItem.d.ts +8 -3
  230. package/PaginationItem/PaginationItem.js +6 -0
  231. package/PaginationItem/PaginationItem.mjs +6 -0
  232. package/Paper/Paper.d.mts +4 -4
  233. package/Paper/Paper.d.ts +4 -4
  234. package/PigmentContainer/PigmentContainer.d.mts +2 -2
  235. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  236. package/PigmentContainer/PigmentContainer.js +2 -2
  237. package/PigmentContainer/PigmentContainer.mjs +2 -2
  238. package/PigmentGrid/PigmentGrid.d.mts +3 -3
  239. package/PigmentGrid/PigmentGrid.d.ts +3 -3
  240. package/PigmentGrid/PigmentGrid.js +3 -3
  241. package/PigmentGrid/PigmentGrid.mjs +3 -3
  242. package/PigmentStack/PigmentStack.d.mts +2 -2
  243. package/PigmentStack/PigmentStack.d.ts +2 -2
  244. package/PigmentStack/PigmentStack.js +2 -2
  245. package/PigmentStack/PigmentStack.mjs +2 -2
  246. package/Popover/Popover.d.mts +5 -5
  247. package/Popover/Popover.d.ts +5 -5
  248. package/Popover/Popover.js +19 -7
  249. package/Popover/Popover.mjs +18 -6
  250. package/Popper/Popper.d.mts +4 -4
  251. package/Popper/Popper.d.ts +4 -4
  252. package/Popper/Popper.js +4 -4
  253. package/Popper/Popper.mjs +4 -4
  254. package/Portal/Portal.d.mts +2 -2
  255. package/Portal/Portal.d.ts +2 -2
  256. package/Portal/Portal.js +2 -2
  257. package/Portal/Portal.mjs +2 -2
  258. package/README.md +3 -3
  259. package/Radio/Radio.d.mts +3 -3
  260. package/Radio/Radio.d.ts +3 -3
  261. package/RadioGroup/RadioGroup.d.mts +3 -3
  262. package/RadioGroup/RadioGroup.d.ts +3 -3
  263. package/Rating/Rating.d.mts +2 -2
  264. package/Rating/Rating.d.ts +2 -2
  265. package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
  266. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  267. package/Select/Select.d.mts +3 -3
  268. package/Select/Select.d.ts +3 -3
  269. package/Skeleton/Skeleton.d.mts +2 -2
  270. package/Skeleton/Skeleton.d.ts +2 -2
  271. package/Slide/Slide.d.mts +4 -4
  272. package/Slide/Slide.d.ts +4 -4
  273. package/Slide/Slide.js +43 -42
  274. package/Slide/Slide.mjs +44 -44
  275. package/Slider/Slider.d.mts +4 -4
  276. package/Slider/Slider.d.ts +4 -4
  277. package/Slider/Slider.js +1 -1
  278. package/Slider/Slider.mjs +1 -1
  279. package/Slider/useSlider.d.mts +1 -1
  280. package/Slider/useSlider.d.ts +1 -1
  281. package/Slider/useSlider.js +235 -209
  282. package/Slider/useSlider.mjs +235 -209
  283. package/Slider/useSlider.types.d.mts +2 -2
  284. package/Slider/useSlider.types.d.ts +2 -2
  285. package/Snackbar/Snackbar.d.mts +3 -3
  286. package/Snackbar/Snackbar.d.ts +3 -3
  287. package/SnackbarContent/SnackbarContent.d.mts +3 -3
  288. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  289. package/SpeedDial/SpeedDial.d.mts +3 -3
  290. package/SpeedDial/SpeedDial.d.ts +3 -3
  291. package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
  292. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  293. package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
  294. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  295. package/Stack/Stack.d.mts +2 -2
  296. package/Stack/Stack.d.ts +2 -2
  297. package/Step/Step.d.mts +2 -2
  298. package/Step/Step.d.ts +2 -2
  299. package/StepButton/StepButton.d.mts +3 -3
  300. package/StepButton/StepButton.d.ts +3 -3
  301. package/StepButton/StepButton.js +44 -14
  302. package/StepButton/StepButton.mjs +44 -14
  303. package/StepConnector/StepConnector.d.mts +2 -2
  304. package/StepConnector/StepConnector.d.ts +2 -2
  305. package/StepConnector/StepConnector.js +1 -2
  306. package/StepConnector/StepConnector.mjs +1 -2
  307. package/StepContent/StepContent.d.mts +3 -3
  308. package/StepContent/StepContent.d.ts +3 -3
  309. package/StepIcon/StepIcon.d.mts +3 -3
  310. package/StepIcon/StepIcon.d.ts +3 -3
  311. package/StepLabel/StepLabel.d.mts +2 -2
  312. package/StepLabel/StepLabel.d.ts +2 -2
  313. package/Stepper/Stepper.d.mts +2 -2
  314. package/Stepper/Stepper.d.ts +2 -2
  315. package/Stepper/Stepper.js +54 -22
  316. package/Stepper/Stepper.mjs +54 -22
  317. package/Stepper/StepperContext.d.mts +0 -5
  318. package/Stepper/StepperContext.d.ts +0 -5
  319. package/Stepper/StepperContext.js +1 -2
  320. package/Stepper/StepperContext.mjs +0 -1
  321. package/SvgIcon/SvgIcon.d.mts +3 -3
  322. package/SvgIcon/SvgIcon.d.ts +3 -3
  323. package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
  324. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  325. package/SwipeableDrawer/SwipeableDrawer.js +0 -3
  326. package/SwipeableDrawer/SwipeableDrawer.mjs +0 -3
  327. package/Switch/Switch.d.mts +4 -4
  328. package/Switch/Switch.d.ts +4 -4
  329. package/Switch/Switch.js +4 -0
  330. package/Switch/Switch.mjs +4 -0
  331. package/Tab/Tab.d.mts +3 -3
  332. package/Tab/Tab.d.ts +3 -3
  333. package/Tab/Tab.js +17 -1
  334. package/Tab/Tab.mjs +17 -1
  335. package/TabScrollButton/TabScrollButton.d.mts +3 -3
  336. package/TabScrollButton/TabScrollButton.d.ts +3 -3
  337. package/TabScrollButton/TabScrollButton.js +6 -2
  338. package/TabScrollButton/TabScrollButton.mjs +6 -2
  339. package/Table/Table.d.mts +2 -2
  340. package/Table/Table.d.ts +2 -2
  341. package/TableBody/TableBody.d.mts +2 -2
  342. package/TableBody/TableBody.d.ts +2 -2
  343. package/TableCell/TableCell.d.mts +2 -2
  344. package/TableCell/TableCell.d.ts +2 -2
  345. package/TableContainer/TableContainer.d.mts +2 -2
  346. package/TableContainer/TableContainer.d.ts +2 -2
  347. package/TableFooter/TableFooter.d.mts +2 -2
  348. package/TableFooter/TableFooter.d.ts +2 -2
  349. package/TableHead/TableHead.d.mts +2 -2
  350. package/TableHead/TableHead.d.ts +2 -2
  351. package/TablePagination/TablePagination.d.mts +4 -4
  352. package/TablePagination/TablePagination.d.ts +4 -4
  353. package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
  354. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  355. package/TableRow/TableRow.d.mts +2 -2
  356. package/TableRow/TableRow.d.ts +2 -2
  357. package/TableSortLabel/TableSortLabel.d.mts +3 -3
  358. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  359. package/TableSortLabel/TableSortLabel.js +5 -3
  360. package/TableSortLabel/TableSortLabel.mjs +5 -3
  361. package/Tabs/Tabs.d.mts +2 -2
  362. package/Tabs/Tabs.d.ts +2 -2
  363. package/Tabs/Tabs.js +30 -21
  364. package/Tabs/Tabs.mjs +29 -20
  365. package/TextField/TextField.d.mts +10 -10
  366. package/TextField/TextField.d.ts +10 -10
  367. package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
  368. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  369. package/TextareaAutosize/TextareaAutosize.js +2 -2
  370. package/TextareaAutosize/TextareaAutosize.mjs +2 -2
  371. package/ToggleButton/ToggleButton.d.mts +3 -3
  372. package/ToggleButton/ToggleButton.d.ts +3 -3
  373. package/ToggleButton/ToggleButton.js +1 -0
  374. package/ToggleButton/ToggleButton.mjs +1 -0
  375. package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
  376. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  377. package/Toolbar/Toolbar.d.mts +2 -2
  378. package/Toolbar/Toolbar.d.ts +2 -2
  379. package/Tooltip/Tooltip.d.mts +3 -3
  380. package/Tooltip/Tooltip.d.ts +3 -3
  381. package/Typography/Typography.d.mts +4 -4
  382. package/Typography/Typography.d.ts +4 -4
  383. package/Zoom/Zoom.d.mts +3 -3
  384. package/Zoom/Zoom.d.ts +3 -3
  385. package/Zoom/Zoom.js +24 -30
  386. package/Zoom/Zoom.mjs +25 -31
  387. package/index.js +1 -1
  388. package/index.mjs +1 -1
  389. package/internal/SwitchBase.d.mts +2 -2
  390. package/internal/SwitchBase.d.ts +2 -2
  391. package/internal/SwitchBase.js +5 -1
  392. package/internal/SwitchBase.mjs +5 -1
  393. package/locale/psAF.js +1 -1
  394. package/locale/psAF.mjs +1 -1
  395. package/package.json +51 -51
  396. package/styles/createThemeNoVars.js +1 -1
  397. package/styles/createThemeNoVars.mjs +1 -1
  398. package/styles/createThemeWithVars.js +9 -9
  399. package/styles/createThemeWithVars.mjs +9 -9
  400. package/transitions/utils.d.mts +7 -0
  401. package/transitions/utils.d.ts +7 -0
  402. package/transitions/utils.js +27 -0
  403. package/transitions/utils.mjs +25 -0
  404. package/useAutocomplete/useAutocomplete.js +8 -0
  405. package/useAutocomplete/useAutocomplete.mjs +8 -0
  406. package/utils/focusWithVisible.js +24 -0
  407. package/utils/focusWithVisible.mjs +19 -0
  408. package/utils/index.d.mts +0 -1
  409. package/utils/index.d.ts +0 -1
  410. package/utils/index.js +0 -7
  411. package/utils/index.mjs +0 -1
  412. package/utils/useFocusableWhenDisabled.d.mts +30 -0
  413. package/utils/useFocusableWhenDisabled.d.ts +30 -0
  414. package/utils/useFocusableWhenDisabled.js +47 -0
  415. package/utils/useFocusableWhenDisabled.mjs +41 -0
  416. package/utils/useRovingTabIndex.d.mts +1 -2
  417. package/utils/useRovingTabIndex.d.ts +1 -2
  418. package/utils/useRovingTabIndex.js +25 -4
  419. package/utils/useRovingTabIndex.mjs +1 -2
  420. package/version/index.js +2 -2
  421. package/version/index.mjs +2 -2
@@ -57,7 +57,7 @@ export interface UseSliderParameters {
57
57
  */
58
58
  onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
59
59
  /**
60
- * Callback function that is fired when the `mouseup` is triggered.
60
+ * Callback function that is fired when the pointer or touch interaction ends.
61
61
  *
62
62
  * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
63
63
  * @param {number | number[]} value The new value.
@@ -110,7 +110,7 @@ export interface Mark {
110
110
  label?: React.ReactNode;
111
111
  }
112
112
  export type UseSliderRootSlotOwnProps = {
113
- onMouseDown: React.MouseEventHandler;
113
+ onPointerDown: React.HTMLAttributes<HTMLSpanElement>['onPointerDown'];
114
114
  ref: React.RefCallback<Element> | null;
115
115
  };
116
116
  export type UseSliderRootSlotProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderRootSlotOwnProps> & UseSliderRootSlotOwnProps;
@@ -57,7 +57,7 @@ export interface UseSliderParameters {
57
57
  */
58
58
  onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
59
59
  /**
60
- * Callback function that is fired when the `mouseup` is triggered.
60
+ * Callback function that is fired when the pointer or touch interaction ends.
61
61
  *
62
62
  * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
63
63
  * @param {number | number[]} value The new value.
@@ -110,7 +110,7 @@ export interface Mark {
110
110
  label?: React.ReactNode;
111
111
  }
112
112
  export type UseSliderRootSlotOwnProps = {
113
- onMouseDown: React.MouseEventHandler;
113
+ onPointerDown: React.HTMLAttributes<HTMLSpanElement>['onPointerDown'];
114
114
  ref: React.RefCallback<Element> | null;
115
115
  };
116
116
  export type UseSliderRootSlotProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderRootSlotOwnProps> & UseSliderRootSlotOwnProps;
@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
54
54
  * Props applied to the transition element.
55
55
  * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
56
56
  */
57
- transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
57
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
58
58
  }>;
59
59
  export interface SnackbarOrigin {
60
60
  vertical: 'top' | 'bottom';
@@ -146,11 +146,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
146
146
  *
147
147
  * Demos:
148
148
  *
149
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
149
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
150
150
  *
151
151
  * API:
152
152
  *
153
- * - [Snackbar API](https://next.mui.com/material-ui/api/snackbar/)
153
+ * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
154
154
  */
155
155
  export default function Snackbar(props: SnackbarProps): React.JSX.Element;
156
156
  export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}
@@ -54,7 +54,7 @@ export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
54
54
  * Props applied to the transition element.
55
55
  * By default, the element is based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
56
56
  */
57
- transition: SlotComponentProps<React.ElementType, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
57
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & SnackbarTransitionSlotPropsOverrides, SnackbarOwnerState>;
58
58
  }>;
59
59
  export interface SnackbarOrigin {
60
60
  vertical: 'top' | 'bottom';
@@ -146,11 +146,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
146
146
  *
147
147
  * Demos:
148
148
  *
149
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
149
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
150
150
  *
151
151
  * API:
152
152
  *
153
- * - [Snackbar API](https://next.mui.com/material-ui/api/snackbar/)
153
+ * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
154
154
  */
155
155
  export default function Snackbar(props: SnackbarProps): React.JSX.Element;
156
156
  export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}
@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
32
32
  *
33
33
  * Demos:
34
34
  *
35
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
35
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
36
36
  *
37
37
  * API:
38
38
  *
39
- * - [SnackbarContent API](https://next.mui.com/material-ui/api/snackbar-content/)
40
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
39
+ * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
40
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
41
41
  */
42
42
  export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
32
32
  *
33
33
  * Demos:
34
34
  *
35
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
35
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
36
36
  *
37
37
  * API:
38
38
  *
39
- * - [SnackbarContent API](https://next.mui.com/material-ui/api/snackbar-content/)
40
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
39
+ * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
40
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
41
41
  */
42
42
  export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
31
31
  * Props forwarded to the transition slot.
32
32
  * By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
33
33
  */
34
- transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
34
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
35
35
  }>;
36
36
  export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
37
37
  /**
@@ -109,10 +109,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
109
109
  *
110
110
  * Demos:
111
111
  *
112
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
112
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
113
113
  *
114
114
  * API:
115
115
  *
116
- * - [SpeedDial API](https://next.mui.com/material-ui/api/speed-dial/)
116
+ * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
117
117
  */
118
118
  export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
@@ -31,7 +31,7 @@ export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots,
31
31
  * Props forwarded to the transition slot.
32
32
  * By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
33
33
  */
34
- transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
34
+ transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps, SpeedDialOwnerState>;
35
35
  }>;
36
36
  export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<HTMLDivElement>, 'children'>, 'slots' | 'slotProps'>, SpeedDialSlotsAndSlotProps {
37
37
  /**
@@ -109,10 +109,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
109
109
  *
110
110
  * Demos:
111
111
  *
112
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
112
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
113
113
  *
114
114
  * API:
115
115
  *
116
- * - [SpeedDial API](https://next.mui.com/material-ui/api/speed-dial/)
116
+ * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
117
117
  */
118
118
  export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
@@ -78,12 +78,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
78
78
  *
79
79
  * Demos:
80
80
  *
81
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
81
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
82
82
  *
83
83
  * API:
84
84
  *
85
- * - [SpeedDialAction API](https://next.mui.com/material-ui/api/speed-dial-action/)
86
- * - inherits [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
85
+ * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
86
+ * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
87
87
  */
88
88
  export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
89
89
  export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}
@@ -78,12 +78,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
78
78
  *
79
79
  * Demos:
80
80
  *
81
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
81
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
82
82
  *
83
83
  * API:
84
84
  *
85
- * - [SpeedDialAction API](https://next.mui.com/material-ui/api/speed-dial-action/)
86
- * - inherits [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
85
+ * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
86
+ * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
87
87
  */
88
88
  export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
89
89
  export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}
@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
31
31
  *
32
32
  * Demos:
33
33
  *
34
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
34
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
35
35
  *
36
36
  * API:
37
37
  *
38
- * - [SpeedDialIcon API](https://next.mui.com/material-ui/api/speed-dial-icon/)
38
+ * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
39
39
  */
40
40
  declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
41
41
  muiName: string;
@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
31
31
  *
32
32
  * Demos:
33
33
  *
34
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
34
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
35
35
  *
36
36
  * API:
37
37
  *
38
- * - [SpeedDialIcon API](https://next.mui.com/material-ui/api/speed-dial-icon/)
38
+ * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
39
39
  */
40
40
  declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
41
41
  muiName: string;
package/Stack/Stack.d.mts CHANGED
@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
45
45
  *
46
46
  * Demos:
47
47
  *
48
- * - [Stack](https://next.mui.com/material-ui/react-stack/)
48
+ * - [Stack](https://mui.com/material-ui/react-stack/)
49
49
  *
50
50
  * API:
51
51
  *
52
- * - [Stack API](https://next.mui.com/material-ui/api/stack/)
52
+ * - [Stack API](https://mui.com/material-ui/api/stack/)
53
53
  */
54
54
  declare const Stack: OverridableComponent<StackTypeMap>;
55
55
  export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Stack/Stack.d.ts CHANGED
@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
45
45
  *
46
46
  * Demos:
47
47
  *
48
- * - [Stack](https://next.mui.com/material-ui/react-stack/)
48
+ * - [Stack](https://mui.com/material-ui/react-stack/)
49
49
  *
50
50
  * API:
51
51
  *
52
- * - [Stack API](https://next.mui.com/material-ui/api/stack/)
52
+ * - [Stack API](https://mui.com/material-ui/api/stack/)
53
53
  */
54
54
  declare const Stack: OverridableComponent<StackTypeMap>;
55
55
  export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Step/Step.d.mts CHANGED
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
63
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
64
64
  *
65
65
  * API:
66
66
  *
67
- * - [Step API](https://next.mui.com/material-ui/api/step/)
67
+ * - [Step API](https://mui.com/material-ui/api/step/)
68
68
  */
69
69
  declare const Step: OverridableComponent<StepTypeMap>;
70
70
  export default Step;
package/Step/Step.d.ts CHANGED
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
63
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
64
64
  *
65
65
  * API:
66
66
  *
67
- * - [Step API](https://next.mui.com/material-ui/api/step/)
67
+ * - [Step API](https://mui.com/material-ui/api/step/)
68
68
  */
69
69
  declare const Step: OverridableComponent<StepTypeMap>;
70
70
  export default Step;
@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
36
36
  *
37
37
  * Demos:
38
38
  *
39
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
39
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
40
40
  *
41
41
  * API:
42
42
  *
43
- * - [StepButton API](https://next.mui.com/material-ui/api/step-button/)
44
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
43
+ * - [StepButton API](https://mui.com/material-ui/api/step-button/)
44
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
45
45
  */
46
46
  declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
47
47
  export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
36
36
  *
37
37
  * Demos:
38
38
  *
39
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
39
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
40
40
  *
41
41
  * API:
42
42
  *
43
- * - [StepButton API](https://next.mui.com/material-ui/api/step-button/)
44
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
43
+ * - [StepButton API](https://mui.com/material-ui/api/step-button/)
44
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
45
45
  */
46
46
  declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
47
47
  export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
@@ -16,6 +16,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
16
16
  var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
17
17
  var _StepLabel = _interopRequireDefault(require("../StepLabel"));
18
18
  var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
19
+ var _useRovingTabIndex = require("../utils/useRovingTabIndex");
19
20
  var _StepperContext = require("../Stepper/StepperContext");
20
21
  var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
21
22
  var _stepButtonClasses = _interopRequireWildcard(require("./stepButtonClasses"));
@@ -61,6 +62,26 @@ const StepButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
61
62
  }
62
63
  }]
63
64
  });
65
+ const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
66
+ // eslint-disable-next-line react/prop-types
67
+ const {
68
+ children,
69
+ disabled,
70
+ index,
71
+ ...other
72
+ } = props;
73
+ const rovingItemProps = (0, _useRovingTabIndex.useRovingTabIndexItem)({
74
+ id: index,
75
+ ref,
76
+ disabled
77
+ });
78
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
79
+ disabled: disabled,
80
+ ...rovingItemProps,
81
+ ...other,
82
+ children: children
83
+ });
84
+ });
64
85
  const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
65
86
  const props = (0, _DefaultPropsProvider.useDefaultProps)({
66
87
  props: inProps,
@@ -81,7 +102,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
81
102
  const {
82
103
  orientation,
83
104
  totalSteps,
84
- getRovingTabIndexProps
105
+ isTabList
85
106
  } = (0, _StepperContext.useStepperContext)();
86
107
  const ownerState = {
87
108
  ...props,
@@ -96,24 +117,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
96
117
  ...childProps,
97
118
  children: children
98
119
  });
99
- const rovingTabIndexItemProps = getRovingTabIndexProps?.(index, ref) ?? {
100
- ref,
101
- tabIndex: active ? 0 : -1
102
- };
103
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
120
+ const stepButtonProps = {
121
+ internalNativeButton: true,
104
122
  focusRipple: true,
105
- disabled: disabled,
123
+ disabled,
106
124
  TouchRippleProps: {
107
125
  className: classes.touchRipple
108
126
  },
109
127
  className: (0, _clsx.default)(classes.root, className),
110
- ownerState: ownerState,
111
- "aria-selected": active,
112
- "aria-posinset": index + 1,
113
- "aria-setsize": totalSteps,
114
- role: "tab",
115
- ...rovingTabIndexItemProps,
116
- ...other,
128
+ ownerState,
129
+ 'aria-selected': active,
130
+ 'aria-posinset': index + 1,
131
+ 'aria-setsize': totalSteps,
132
+ role: 'tab',
133
+ ...other
134
+ };
135
+ if (isTabList) {
136
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RovingStepButton, {
137
+ ...stepButtonProps,
138
+ index: index,
139
+ ref: ref,
140
+ children: child
141
+ });
142
+ }
143
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, {
144
+ ref: ref,
145
+ tabIndex: active ? 0 : -1,
146
+ ...stepButtonProps,
117
147
  children: child
118
148
  });
119
149
  });
@@ -9,6 +9,7 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
9
9
  import ButtonBase from "../ButtonBase/index.mjs";
10
10
  import StepLabel from "../StepLabel/index.mjs";
11
11
  import isMuiElement from "../utils/isMuiElement.mjs";
12
+ import { useRovingTabIndexItem } from "../utils/useRovingTabIndex.mjs";
12
13
  import { useStepperContext } from "../Stepper/StepperContext.mjs";
13
14
  import StepContext from "../Step/StepContext.mjs";
14
15
  import stepButtonClasses, { getStepButtonUtilityClass } from "./stepButtonClasses.mjs";
@@ -54,6 +55,26 @@ const StepButtonRoot = styled(ButtonBase, {
54
55
  }
55
56
  }]
56
57
  });
58
+ const RovingStepButton = /*#__PURE__*/React.forwardRef(function RovingStepButton(props, ref) {
59
+ // eslint-disable-next-line react/prop-types
60
+ const {
61
+ children,
62
+ disabled,
63
+ index,
64
+ ...other
65
+ } = props;
66
+ const rovingItemProps = useRovingTabIndexItem({
67
+ id: index,
68
+ ref,
69
+ disabled
70
+ });
71
+ return /*#__PURE__*/_jsx(StepButtonRoot, {
72
+ disabled: disabled,
73
+ ...rovingItemProps,
74
+ ...other,
75
+ children: children
76
+ });
77
+ });
57
78
  const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, ref) {
58
79
  const props = useDefaultProps({
59
80
  props: inProps,
@@ -74,7 +95,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
74
95
  const {
75
96
  orientation,
76
97
  totalSteps,
77
- getRovingTabIndexProps
98
+ isTabList
78
99
  } = useStepperContext();
79
100
  const ownerState = {
80
101
  ...props,
@@ -89,24 +110,33 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
89
110
  ...childProps,
90
111
  children: children
91
112
  });
92
- const rovingTabIndexItemProps = getRovingTabIndexProps?.(index, ref) ?? {
93
- ref,
94
- tabIndex: active ? 0 : -1
95
- };
96
- return /*#__PURE__*/_jsx(StepButtonRoot, {
113
+ const stepButtonProps = {
114
+ internalNativeButton: true,
97
115
  focusRipple: true,
98
- disabled: disabled,
116
+ disabled,
99
117
  TouchRippleProps: {
100
118
  className: classes.touchRipple
101
119
  },
102
120
  className: clsx(classes.root, className),
103
- ownerState: ownerState,
104
- "aria-selected": active,
105
- "aria-posinset": index + 1,
106
- "aria-setsize": totalSteps,
107
- role: "tab",
108
- ...rovingTabIndexItemProps,
109
- ...other,
121
+ ownerState,
122
+ 'aria-selected': active,
123
+ 'aria-posinset': index + 1,
124
+ 'aria-setsize': totalSteps,
125
+ role: 'tab',
126
+ ...other
127
+ };
128
+ if (isTabList) {
129
+ return /*#__PURE__*/_jsx(RovingStepButton, {
130
+ ...stepButtonProps,
131
+ index: index,
132
+ ref: ref,
133
+ children: child
134
+ });
135
+ }
136
+ return /*#__PURE__*/_jsx(StepButtonRoot, {
137
+ ref: ref,
138
+ tabIndex: active ? 0 : -1,
139
+ ...stepButtonProps,
110
140
  children: child
111
141
  });
112
142
  });
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
20
20
  *
21
21
  * Demos:
22
22
  *
23
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
23
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
24
24
  *
25
25
  * API:
26
26
  *
27
- * - [StepConnector API](https://next.mui.com/material-ui/api/step-connector/)
27
+ * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
28
28
  */
29
29
  export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
20
20
  *
21
21
  * Demos:
22
22
  *
23
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
23
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
24
24
  *
25
25
  * API:
26
26
  *
27
- * - [StepConnector API](https://next.mui.com/material-ui/api/step-connector/)
27
+ * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
28
28
  */
29
29
  export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
@@ -65,8 +65,7 @@ const StepConnectorRoot = (0, _zeroStyled.styled)('div', {
65
65
  });
66
66
  const StepConnectorLine = (0, _zeroStyled.styled)('span', {
67
67
  name: 'MuiStepConnector',
68
- slot: 'Line',
69
- overridesResolver: (props, styles) => styles.line
68
+ slot: 'Line'
70
69
  })((0, _memoTheme.default)(({
71
70
  theme
72
71
  }) => {
@@ -58,8 +58,7 @@ const StepConnectorRoot = styled('div', {
58
58
  });
59
59
  const StepConnectorLine = styled('span', {
60
60
  name: 'MuiStepConnector',
61
- slot: 'Line',
62
- overridesResolver: (props, styles) => styles.line
61
+ slot: 'Line'
63
62
  })(memoTheme(({
64
63
  theme
65
64
  }) => {
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
21
21
  * Props forwarded to the transition slot.
22
22
  * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
23
23
  */
24
- transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
24
+ transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
25
25
  }>;
26
26
  export interface StepContentOwnerState extends StepContentProps {}
27
27
  export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
@@ -52,10 +52,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
52
52
  *
53
53
  * Demos:
54
54
  *
55
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
55
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
56
56
  *
57
57
  * API:
58
58
  *
59
- * - [StepContent API](https://next.mui.com/material-ui/api/step-content/)
59
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
60
60
  */
61
61
  export default function StepContent(props: StepContentProps): React.JSX.Element;
@@ -21,7 +21,7 @@ export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSl
21
21
  * Props forwarded to the transition slot.
22
22
  * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
23
23
  */
24
- transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
24
+ transition: SlotComponentProps<React.ElementType<CollapseProps>, CollapseProps, StepContentOwnerState>;
25
25
  }>;
26
26
  export interface StepContentOwnerState extends StepContentProps {}
27
27
  export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
@@ -52,10 +52,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
52
52
  *
53
53
  * Demos:
54
54
  *
55
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
55
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
56
56
  *
57
57
  * API:
58
58
  *
59
- * - [StepContent API](https://next.mui.com/material-ui/api/step-content/)
59
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
60
60
  */
61
61
  export default function StepContent(props: StepContentProps): React.JSX.Element;
@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
41
41
  *
42
42
  * Demos:
43
43
  *
44
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
44
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
45
45
  *
46
46
  * API:
47
47
  *
48
- * - [StepIcon API](https://next.mui.com/material-ui/api/step-icon/)
49
- * - inherits [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
48
+ * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
49
+ * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
50
50
  */
51
51
  export default function StepIcon(props: StepIconProps): React.JSX.Element;
@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
41
41
  *
42
42
  * Demos:
43
43
  *
44
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
44
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
45
45
  *
46
46
  * API:
47
47
  *
48
- * - [StepIcon API](https://next.mui.com/material-ui/api/step-icon/)
49
- * - inherits [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
48
+ * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
49
+ * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
50
50
  */
51
51
  export default function StepIcon(props: StepIconProps): React.JSX.Element;
@@ -72,11 +72,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
72
72
  *
73
73
  * Demos:
74
74
  *
75
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
75
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
76
76
  *
77
77
  * API:
78
78
  *
79
- * - [StepLabel API](https://next.mui.com/material-ui/api/step-label/)
79
+ * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
80
80
  */
81
81
  declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
82
82
  muiName: string;