@mui/material 7.3.8 → 7.3.10

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 (481) hide show
  1. package/Accordion/Accordion.d.ts +14 -14
  2. package/AccordionActions/AccordionActions.d.ts +5 -5
  3. package/AccordionDetails/AccordionDetails.d.ts +4 -4
  4. package/AccordionSummary/AccordionSummary.d.ts +6 -6
  5. package/Alert/Alert.d.ts +18 -18
  6. package/AlertTitle/AlertTitle.d.ts +5 -5
  7. package/AppBar/AppBar.d.ts +11 -11
  8. package/Autocomplete/Autocomplete.d.ts +56 -40
  9. package/Autocomplete/Autocomplete.js +48 -25
  10. package/Avatar/Avatar.d.ts +13 -13
  11. package/AvatarGroup/AvatarGroup.d.ts +13 -13
  12. package/Backdrop/Backdrop.d.ts +13 -13
  13. package/Badge/Badge.d.ts +20 -20
  14. package/Badge/useBadge.types.d.ts +3 -3
  15. package/BottomNavigation/BottomNavigation.d.ts +7 -7
  16. package/BottomNavigationAction/BottomNavigationAction.d.ts +7 -7
  17. package/Box/Box.d.ts +4 -3
  18. package/Breadcrumbs/Breadcrumbs.d.ts +14 -14
  19. package/Button/Button.d.ts +20 -19
  20. package/ButtonBase/ButtonBase.d.ts +17 -17
  21. package/ButtonBase/ButtonBase.js +8 -2
  22. package/ButtonBase/TouchRipple.d.ts +4 -4
  23. package/ButtonGroup/ButtonGroup.d.ts +14 -14
  24. package/ButtonGroup/ButtonGroupContext.d.ts +9 -9
  25. package/CHANGELOG.md +86 -0
  26. package/Card/Card.d.ts +7 -7
  27. package/CardActionArea/CardActionArea.d.ts +7 -7
  28. package/CardActions/CardActions.d.ts +5 -5
  29. package/CardContent/CardContent.d.ts +5 -5
  30. package/CardHeader/CardHeader.d.ts +10 -10
  31. package/CardHeader/CardHeader.js +1 -0
  32. package/CardMedia/CardMedia.d.ts +7 -7
  33. package/Checkbox/Checkbox.d.ts +16 -16
  34. package/Chip/Chip.d.ts +17 -17
  35. package/CircularProgress/CircularProgress.d.ts +11 -11
  36. package/ClickAwayListener/ClickAwayListener.d.ts +6 -6
  37. package/ClickAwayListener/ClickAwayListener.js +3 -3
  38. package/Collapse/Collapse.d.ts +17 -17
  39. package/Collapse/Collapse.js +6 -18
  40. package/Container/Container.d.ts +8 -8
  41. package/CssBaseline/CssBaseline.d.ts +3 -3
  42. package/Dialog/Dialog.d.ts +31 -24
  43. package/Dialog/Dialog.js +9 -1
  44. package/Dialog/DialogContext.d.ts +1 -1
  45. package/DialogActions/DialogActions.d.ts +5 -5
  46. package/DialogContent/DialogContent.d.ts +5 -5
  47. package/DialogContentText/DialogContentText.d.ts +6 -6
  48. package/DialogTitle/DialogTitle.d.ts +7 -7
  49. package/Divider/Divider.d.ts +13 -12
  50. package/Drawer/Drawer.d.ts +14 -14
  51. package/Fab/Fab.d.ts +13 -13
  52. package/Fade/Fade.d.ts +8 -8
  53. package/Fade/Fade.js +28 -32
  54. package/FilledInput/FilledInput.d.ts +7 -7
  55. package/FilledInput/FilledInput.js +1 -1
  56. package/FormControl/FormControl.d.ts +21 -21
  57. package/FormControlLabel/FormControlLabel.d.ts +16 -16
  58. package/FormGroup/FormGroup.d.ts +6 -6
  59. package/FormHelperText/FormHelperText.d.ts +13 -13
  60. package/FormLabel/FormLabel.d.ts +15 -15
  61. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  62. package/Grid/Grid.d.ts +13 -13
  63. package/Grid/Grid.js +2 -2
  64. package/GridLegacy/GridLegacy.d.ts +19 -19
  65. package/Grow/Grow.d.ts +10 -10
  66. package/Grow/Grow.js +30 -38
  67. package/Icon/Icon.d.ts +9 -9
  68. package/IconButton/IconButton.d.ts +14 -14
  69. package/ImageList/ImageList.d.ts +9 -9
  70. package/ImageListItem/ImageListItem.d.ts +7 -7
  71. package/ImageListItemBar/ImageListItemBar.d.ts +6 -6
  72. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +9 -9
  73. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  74. package/Input/Input.d.ts +6 -6
  75. package/Input/Input.js +1 -1
  76. package/InputAdornment/InputAdornment.d.ts +8 -8
  77. package/InputBase/InputBase.d.ts +57 -57
  78. package/InputLabel/InputLabel.d.ts +17 -17
  79. package/LinearProgress/LinearProgress.d.ts +8 -8
  80. package/Link/Link.d.ts +11 -11
  81. package/List/List.d.ts +9 -8
  82. package/List/ListContext.d.ts +1 -1
  83. package/ListItem/ListItem.d.ts +23 -23
  84. package/ListItemAvatar/ListItemAvatar.d.ts +4 -4
  85. package/ListItemButton/ListItemButton.d.ts +14 -13
  86. package/ListItemIcon/ListItemIcon.d.ts +5 -4
  87. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +4 -4
  88. package/ListItemText/ListItemText.d.ts +14 -13
  89. package/ListItemText/ListItemText.js +1 -0
  90. package/ListSubheader/ListSubheader.d.ts +10 -9
  91. package/Menu/Menu.d.ts +15 -15
  92. package/MenuItem/MenuItem.d.ts +12 -12
  93. package/MenuItem/MenuItem.js +21 -1
  94. package/MenuList/MenuList.d.ts +10 -10
  95. package/MobileStepper/MobileStepper.d.ts +9 -9
  96. package/Modal/Modal.d.ts +38 -38
  97. package/Modal/ModalManager.d.ts +1 -1
  98. package/Modal/useModal.types.d.ts +13 -13
  99. package/NativeSelect/NativeSelect.d.ts +10 -10
  100. package/NativeSelect/NativeSelectInput.d.ts +5 -5
  101. package/NoSsr/NoSsr.d.ts +2 -2
  102. package/NoSsr/NoSsr.js +2 -2
  103. package/NoSsr/NoSsr.types.d.ts +1 -1
  104. package/OutlinedInput/NotchedOutline.d.ts +3 -3
  105. package/OutlinedInput/OutlinedInput.d.ts +9 -9
  106. package/OverridableComponent/index.d.ts +2 -2
  107. package/Pagination/Pagination.d.ts +10 -10
  108. package/PaginationItem/PaginationItem.d.ts +18 -18
  109. package/Paper/Paper.d.ts +10 -9
  110. package/PigmentContainer/PigmentContainer.d.ts +8 -8
  111. package/PigmentContainer/PigmentContainer.js +2 -2
  112. package/PigmentGrid/PigmentGrid.d.ts +10 -10
  113. package/PigmentGrid/PigmentGrid.js +2 -2
  114. package/PigmentStack/PigmentStack.d.ts +6 -6
  115. package/PigmentStack/PigmentStack.js +2 -2
  116. package/Popover/Popover.d.ts +22 -22
  117. package/Popover/Popover.js +6 -3
  118. package/Popper/BasePopper.js +6 -3
  119. package/Popper/BasePopper.types.d.ts +17 -17
  120. package/Popper/Popper.d.ts +9 -9
  121. package/Popper/Popper.js +4 -4
  122. package/Popper/index.d.ts +1 -0
  123. package/Popper/index.js +11 -2
  124. package/Portal/Portal.d.ts +2 -2
  125. package/Portal/Portal.js +2 -2
  126. package/Portal/Portal.types.d.ts +2 -2
  127. package/README.md +2 -2
  128. package/Radio/Radio.d.ts +8 -8
  129. package/RadioGroup/RadioGroup.d.ts +5 -5
  130. package/Rating/Rating.d.ts +18 -18
  131. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +6 -6
  132. package/Select/Select.d.ts +26 -26
  133. package/Select/SelectInput.d.ts +24 -24
  134. package/Select/SelectInput.js +46 -47
  135. package/Select/index.d.ts +1 -0
  136. package/Select/index.js +12 -0
  137. package/Select/utils/SelectFocusSourceContext.d.ts +4 -0
  138. package/Select/utils/SelectFocusSourceContext.js +19 -0
  139. package/Select/utils/areEqualValues.d.ts +1 -0
  140. package/Select/utils/areEqualValues.js +14 -0
  141. package/Select/utils/getOpenInteractionType.d.ts +1 -0
  142. package/Select/utils/getOpenInteractionType.js +18 -0
  143. package/Select/utils/index.d.ts +4 -0
  144. package/Select/utils/index.js +40 -0
  145. package/Select/utils/isEmpty.d.ts +1 -0
  146. package/Select/utils/isEmpty.js +9 -0
  147. package/Skeleton/Skeleton.d.ts +9 -9
  148. package/Slide/Slide.d.ts +11 -11
  149. package/Slide/Slide.js +48 -44
  150. package/Slider/Slider.d.ts +72 -72
  151. package/Slider/SliderValueLabel.d.ts +1 -1
  152. package/Slider/SliderValueLabel.types.d.ts +5 -5
  153. package/Slider/useSlider.types.d.ts +26 -26
  154. package/Snackbar/Snackbar.d.ts +18 -18
  155. package/Snackbar/useSnackbar.types.d.ts +6 -6
  156. package/SnackbarContent/SnackbarContent.d.ts +6 -6
  157. package/SpeedDial/SpeedDial.d.ts +13 -13
  158. package/SpeedDialAction/SpeedDialAction.d.ts +14 -14
  159. package/SpeedDialIcon/SpeedDialIcon.d.ts +5 -5
  160. package/SpeedDialIcon/SpeedDialIcon.js +4 -10
  161. package/Stack/Stack.d.ts +7 -7
  162. package/Step/Step.d.ts +12 -12
  163. package/StepButton/StepButton.d.ts +6 -6
  164. package/StepConnector/StepConnector.d.ts +4 -4
  165. package/StepContent/StepContent.d.ts +9 -9
  166. package/StepIcon/StepIcon.d.ts +8 -8
  167. package/StepIcon/StepIcon.js +1 -4
  168. package/StepLabel/StepLabel.d.ts +9 -9
  169. package/StepLabel/StepLabel.js +1 -5
  170. package/Stepper/Stepper.d.ts +11 -11
  171. package/SvgIcon/SvgIcon.d.ts +13 -13
  172. package/SwipeableDrawer/SwipeableDrawer.d.ts +13 -13
  173. package/SwipeableDrawer/SwipeableDrawer.js +0 -3
  174. package/Switch/Switch.d.ts +9 -9
  175. package/Switch/Switch.js +4 -0
  176. package/Tab/Tab.d.ts +12 -12
  177. package/TabScrollButton/TabScrollButton.d.ts +11 -11
  178. package/Table/Table.d.ts +8 -8
  179. package/TableBody/TableBody.d.ts +5 -5
  180. package/TableCell/TableCell.d.ts +11 -11
  181. package/TableContainer/TableContainer.d.ts +5 -5
  182. package/TableFooter/TableFooter.d.ts +5 -5
  183. package/TableHead/TableHead.d.ts +5 -5
  184. package/TablePagination/TablePagination.d.ts +18 -18
  185. package/TablePaginationActions/TablePaginationActions.d.ts +25 -25
  186. package/TableRow/TableRow.d.ts +7 -7
  187. package/TableSortLabel/TableSortLabel.d.ts +12 -12
  188. package/Tabs/Tabs.d.ts +27 -27
  189. package/Tabs/Tabs.js +2 -1
  190. package/TextField/TextField.d.ts +45 -45
  191. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  192. package/TextareaAutosize/TextareaAutosize.js +2 -2
  193. package/TextareaAutosize/TextareaAutosize.types.d.ts +3 -3
  194. package/ToggleButton/ToggleButton.d.ts +14 -14
  195. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +11 -11
  196. package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts +7 -7
  197. package/Toolbar/Toolbar.d.ts +7 -7
  198. package/Tooltip/Tooltip.d.ts +35 -35
  199. package/Tooltip/Tooltip.js +19 -2
  200. package/Typography/Typography.d.ts +14 -13
  201. package/Unstable_TrapFocus/FocusTrap.types.d.ts +7 -7
  202. package/Zoom/Zoom.d.ts +8 -8
  203. package/Zoom/Zoom.js +24 -30
  204. package/esm/Accordion/Accordion.d.ts +14 -14
  205. package/esm/AccordionActions/AccordionActions.d.ts +5 -5
  206. package/esm/AccordionDetails/AccordionDetails.d.ts +4 -4
  207. package/esm/AccordionSummary/AccordionSummary.d.ts +6 -6
  208. package/esm/Alert/Alert.d.ts +18 -18
  209. package/esm/AlertTitle/AlertTitle.d.ts +5 -5
  210. package/esm/AppBar/AppBar.d.ts +11 -11
  211. package/esm/Autocomplete/Autocomplete.d.ts +56 -40
  212. package/esm/Autocomplete/Autocomplete.js +48 -25
  213. package/esm/Avatar/Avatar.d.ts +13 -13
  214. package/esm/AvatarGroup/AvatarGroup.d.ts +13 -13
  215. package/esm/Backdrop/Backdrop.d.ts +13 -13
  216. package/esm/Badge/Badge.d.ts +20 -20
  217. package/esm/Badge/useBadge.types.d.ts +3 -3
  218. package/esm/BottomNavigation/BottomNavigation.d.ts +7 -7
  219. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +7 -7
  220. package/esm/Box/Box.d.ts +4 -3
  221. package/esm/Breadcrumbs/Breadcrumbs.d.ts +14 -14
  222. package/esm/Button/Button.d.ts +20 -19
  223. package/esm/ButtonBase/ButtonBase.d.ts +17 -17
  224. package/esm/ButtonBase/ButtonBase.js +8 -2
  225. package/esm/ButtonBase/TouchRipple.d.ts +4 -4
  226. package/esm/ButtonGroup/ButtonGroup.d.ts +14 -14
  227. package/esm/ButtonGroup/ButtonGroupContext.d.ts +9 -9
  228. package/esm/Card/Card.d.ts +7 -7
  229. package/esm/CardActionArea/CardActionArea.d.ts +7 -7
  230. package/esm/CardActions/CardActions.d.ts +5 -5
  231. package/esm/CardContent/CardContent.d.ts +5 -5
  232. package/esm/CardHeader/CardHeader.d.ts +10 -10
  233. package/esm/CardHeader/CardHeader.js +1 -0
  234. package/esm/CardMedia/CardMedia.d.ts +7 -7
  235. package/esm/Checkbox/Checkbox.d.ts +16 -16
  236. package/esm/Chip/Chip.d.ts +17 -17
  237. package/esm/CircularProgress/CircularProgress.d.ts +11 -11
  238. package/esm/ClickAwayListener/ClickAwayListener.d.ts +6 -6
  239. package/esm/ClickAwayListener/ClickAwayListener.js +3 -3
  240. package/esm/Collapse/Collapse.d.ts +17 -17
  241. package/esm/Collapse/Collapse.js +7 -19
  242. package/esm/Container/Container.d.ts +8 -8
  243. package/esm/CssBaseline/CssBaseline.d.ts +3 -3
  244. package/esm/Dialog/Dialog.d.ts +31 -24
  245. package/esm/Dialog/Dialog.js +9 -1
  246. package/esm/Dialog/DialogContext.d.ts +1 -1
  247. package/esm/DialogActions/DialogActions.d.ts +5 -5
  248. package/esm/DialogContent/DialogContent.d.ts +5 -5
  249. package/esm/DialogContentText/DialogContentText.d.ts +6 -6
  250. package/esm/DialogTitle/DialogTitle.d.ts +7 -7
  251. package/esm/Divider/Divider.d.ts +13 -12
  252. package/esm/Drawer/Drawer.d.ts +14 -14
  253. package/esm/Fab/Fab.d.ts +13 -13
  254. package/esm/Fade/Fade.d.ts +8 -8
  255. package/esm/Fade/Fade.js +29 -33
  256. package/esm/FilledInput/FilledInput.d.ts +7 -7
  257. package/esm/FilledInput/FilledInput.js +1 -1
  258. package/esm/FormControl/FormControl.d.ts +21 -21
  259. package/esm/FormControlLabel/FormControlLabel.d.ts +16 -16
  260. package/esm/FormGroup/FormGroup.d.ts +6 -6
  261. package/esm/FormHelperText/FormHelperText.d.ts +13 -13
  262. package/esm/FormLabel/FormLabel.d.ts +15 -15
  263. package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
  264. package/esm/Grid/Grid.d.ts +13 -13
  265. package/esm/Grid/Grid.js +2 -2
  266. package/esm/GridLegacy/GridLegacy.d.ts +19 -19
  267. package/esm/Grow/Grow.d.ts +10 -10
  268. package/esm/Grow/Grow.js +31 -39
  269. package/esm/Icon/Icon.d.ts +9 -9
  270. package/esm/IconButton/IconButton.d.ts +14 -14
  271. package/esm/ImageList/ImageList.d.ts +9 -9
  272. package/esm/ImageListItem/ImageListItem.d.ts +7 -7
  273. package/esm/ImageListItemBar/ImageListItemBar.d.ts +6 -6
  274. package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +9 -9
  275. package/esm/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  276. package/esm/Input/Input.d.ts +6 -6
  277. package/esm/Input/Input.js +1 -1
  278. package/esm/InputAdornment/InputAdornment.d.ts +8 -8
  279. package/esm/InputBase/InputBase.d.ts +57 -57
  280. package/esm/InputLabel/InputLabel.d.ts +17 -17
  281. package/esm/LinearProgress/LinearProgress.d.ts +8 -8
  282. package/esm/Link/Link.d.ts +11 -11
  283. package/esm/List/List.d.ts +9 -8
  284. package/esm/List/ListContext.d.ts +1 -1
  285. package/esm/ListItem/ListItem.d.ts +23 -23
  286. package/esm/ListItemAvatar/ListItemAvatar.d.ts +4 -4
  287. package/esm/ListItemButton/ListItemButton.d.ts +14 -13
  288. package/esm/ListItemIcon/ListItemIcon.d.ts +5 -4
  289. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +4 -4
  290. package/esm/ListItemText/ListItemText.d.ts +14 -13
  291. package/esm/ListItemText/ListItemText.js +1 -0
  292. package/esm/ListSubheader/ListSubheader.d.ts +10 -9
  293. package/esm/Menu/Menu.d.ts +15 -15
  294. package/esm/MenuItem/MenuItem.d.ts +12 -12
  295. package/esm/MenuItem/MenuItem.js +23 -1
  296. package/esm/MenuList/MenuList.d.ts +10 -10
  297. package/esm/MobileStepper/MobileStepper.d.ts +9 -9
  298. package/esm/Modal/Modal.d.ts +38 -38
  299. package/esm/Modal/ModalManager.d.ts +1 -1
  300. package/esm/Modal/useModal.types.d.ts +13 -13
  301. package/esm/NativeSelect/NativeSelect.d.ts +10 -10
  302. package/esm/NativeSelect/NativeSelectInput.d.ts +5 -5
  303. package/esm/NoSsr/NoSsr.d.ts +2 -2
  304. package/esm/NoSsr/NoSsr.js +2 -2
  305. package/esm/NoSsr/NoSsr.types.d.ts +1 -1
  306. package/esm/OutlinedInput/NotchedOutline.d.ts +3 -3
  307. package/esm/OutlinedInput/OutlinedInput.d.ts +9 -9
  308. package/esm/OverridableComponent/index.d.ts +2 -2
  309. package/esm/Pagination/Pagination.d.ts +10 -10
  310. package/esm/PaginationItem/PaginationItem.d.ts +18 -18
  311. package/esm/Paper/Paper.d.ts +10 -9
  312. package/esm/PigmentContainer/PigmentContainer.d.ts +8 -8
  313. package/esm/PigmentContainer/PigmentContainer.js +2 -2
  314. package/esm/PigmentGrid/PigmentGrid.d.ts +10 -10
  315. package/esm/PigmentGrid/PigmentGrid.js +2 -2
  316. package/esm/PigmentStack/PigmentStack.d.ts +6 -6
  317. package/esm/PigmentStack/PigmentStack.js +2 -2
  318. package/esm/Popover/Popover.d.ts +22 -22
  319. package/esm/Popover/Popover.js +6 -3
  320. package/esm/Popper/BasePopper.js +6 -3
  321. package/esm/Popper/BasePopper.types.d.ts +17 -17
  322. package/esm/Popper/Popper.d.ts +9 -9
  323. package/esm/Popper/Popper.js +4 -4
  324. package/esm/Popper/index.d.ts +1 -0
  325. package/esm/Popper/index.js +1 -0
  326. package/esm/Portal/Portal.d.ts +2 -2
  327. package/esm/Portal/Portal.js +2 -2
  328. package/esm/Portal/Portal.types.d.ts +2 -2
  329. package/esm/Radio/Radio.d.ts +8 -8
  330. package/esm/RadioGroup/RadioGroup.d.ts +5 -5
  331. package/esm/Rating/Rating.d.ts +18 -18
  332. package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +6 -6
  333. package/esm/Select/Select.d.ts +26 -26
  334. package/esm/Select/SelectInput.d.ts +24 -24
  335. package/esm/Select/SelectInput.js +43 -44
  336. package/esm/Select/index.d.ts +1 -0
  337. package/esm/Select/index.js +1 -0
  338. package/esm/Select/utils/SelectFocusSourceContext.d.ts +4 -0
  339. package/esm/Select/utils/SelectFocusSourceContext.js +13 -0
  340. package/esm/Select/utils/areEqualValues.d.ts +1 -0
  341. package/esm/Select/utils/areEqualValues.js +8 -0
  342. package/esm/Select/utils/getOpenInteractionType.d.ts +1 -0
  343. package/esm/Select/utils/getOpenInteractionType.js +12 -0
  344. package/esm/Select/utils/index.d.ts +4 -0
  345. package/esm/Select/utils/index.js +4 -0
  346. package/esm/Select/utils/isEmpty.d.ts +1 -0
  347. package/esm/Select/utils/isEmpty.js +3 -0
  348. package/esm/Skeleton/Skeleton.d.ts +9 -9
  349. package/esm/Slide/Slide.d.ts +11 -11
  350. package/esm/Slide/Slide.js +49 -46
  351. package/esm/Slider/Slider.d.ts +72 -72
  352. package/esm/Slider/SliderValueLabel.d.ts +1 -1
  353. package/esm/Slider/SliderValueLabel.types.d.ts +5 -5
  354. package/esm/Slider/useSlider.types.d.ts +26 -26
  355. package/esm/Snackbar/Snackbar.d.ts +18 -18
  356. package/esm/Snackbar/useSnackbar.types.d.ts +6 -6
  357. package/esm/SnackbarContent/SnackbarContent.d.ts +6 -6
  358. package/esm/SpeedDial/SpeedDial.d.ts +13 -13
  359. package/esm/SpeedDialAction/SpeedDialAction.d.ts +14 -14
  360. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +5 -5
  361. package/esm/SpeedDialIcon/SpeedDialIcon.js +4 -10
  362. package/esm/Stack/Stack.d.ts +7 -7
  363. package/esm/Step/Step.d.ts +12 -12
  364. package/esm/StepButton/StepButton.d.ts +6 -6
  365. package/esm/StepConnector/StepConnector.d.ts +4 -4
  366. package/esm/StepContent/StepContent.d.ts +9 -9
  367. package/esm/StepIcon/StepIcon.d.ts +8 -8
  368. package/esm/StepIcon/StepIcon.js +1 -4
  369. package/esm/StepLabel/StepLabel.d.ts +9 -9
  370. package/esm/StepLabel/StepLabel.js +1 -5
  371. package/esm/Stepper/Stepper.d.ts +11 -11
  372. package/esm/SvgIcon/SvgIcon.d.ts +13 -13
  373. package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +13 -13
  374. package/esm/SwipeableDrawer/SwipeableDrawer.js +0 -3
  375. package/esm/Switch/Switch.d.ts +9 -9
  376. package/esm/Switch/Switch.js +4 -0
  377. package/esm/Tab/Tab.d.ts +12 -12
  378. package/esm/TabScrollButton/TabScrollButton.d.ts +11 -11
  379. package/esm/Table/Table.d.ts +8 -8
  380. package/esm/TableBody/TableBody.d.ts +5 -5
  381. package/esm/TableCell/TableCell.d.ts +11 -11
  382. package/esm/TableContainer/TableContainer.d.ts +5 -5
  383. package/esm/TableFooter/TableFooter.d.ts +5 -5
  384. package/esm/TableHead/TableHead.d.ts +5 -5
  385. package/esm/TablePagination/TablePagination.d.ts +18 -18
  386. package/esm/TablePaginationActions/TablePaginationActions.d.ts +25 -25
  387. package/esm/TableRow/TableRow.d.ts +7 -7
  388. package/esm/TableSortLabel/TableSortLabel.d.ts +12 -12
  389. package/esm/Tabs/Tabs.d.ts +27 -27
  390. package/esm/Tabs/Tabs.js +2 -1
  391. package/esm/TextField/TextField.d.ts +45 -45
  392. package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  393. package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
  394. package/esm/TextareaAutosize/TextareaAutosize.types.d.ts +3 -3
  395. package/esm/ToggleButton/ToggleButton.d.ts +14 -14
  396. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +11 -11
  397. package/esm/ToggleButtonGroup/ToggleButtonGroupContext.d.ts +7 -7
  398. package/esm/Toolbar/Toolbar.d.ts +7 -7
  399. package/esm/Tooltip/Tooltip.d.ts +35 -35
  400. package/esm/Tooltip/Tooltip.js +19 -2
  401. package/esm/Typography/Typography.d.ts +14 -13
  402. package/esm/Unstable_TrapFocus/FocusTrap.types.d.ts +7 -7
  403. package/esm/Zoom/Zoom.d.ts +8 -8
  404. package/esm/Zoom/Zoom.js +25 -31
  405. package/esm/index.js +1 -1
  406. package/esm/internal/SwitchBase.d.ts +17 -17
  407. package/esm/internal/index.d.ts +5 -5
  408. package/esm/locale/utils/LocaleTextApi.d.ts +7 -7
  409. package/esm/styles/ThemeProvider.d.ts +12 -12
  410. package/esm/styles/ThemeProviderWithVars.d.ts +13 -13
  411. package/esm/styles/adaptV4Theme.d.ts +14 -14
  412. package/esm/styles/components.d.ts +476 -476
  413. package/esm/styles/createColorScheme.d.ts +1 -1
  414. package/esm/styles/createGetSelector.d.ts +5 -5
  415. package/esm/styles/createMixins.d.ts +2 -2
  416. package/esm/styles/createPalette.d.ts +23 -23
  417. package/esm/styles/createTheme.d.ts +2 -2
  418. package/esm/styles/createThemeFoundation.d.ts +30 -30
  419. package/esm/styles/createThemeNoVars.d.ts +14 -14
  420. package/esm/styles/createThemeNoVars.js +1 -1
  421. package/esm/styles/createThemeWithVars.d.ts +9 -9
  422. package/esm/styles/createThemeWithVars.js +69 -69
  423. package/esm/styles/createTransitions.d.ts +5 -5
  424. package/esm/styles/createTypography.d.ts +1 -1
  425. package/esm/styles/cssUtils.d.ts +3 -3
  426. package/esm/styles/index.d.ts +6 -6
  427. package/esm/styles/overrides.d.ts +1 -1
  428. package/esm/styles/responsiveFontSizes.d.ts +4 -4
  429. package/esm/styles/useThemeProps.d.ts +1 -1
  430. package/esm/transitions/transition.d.ts +2 -2
  431. package/esm/transitions/utils.d.ts +11 -4
  432. package/esm/transitions/utils.js +25 -0
  433. package/esm/types/OverridableComponentAugmentation.d.ts +2 -2
  434. package/esm/useAutocomplete/useAutocomplete.d.ts +45 -45
  435. package/esm/useAutocomplete/useAutocomplete.js +58 -3
  436. package/esm/usePagination/usePagination.d.ts +12 -12
  437. package/esm/useScrollTrigger/useScrollTrigger.d.ts +3 -3
  438. package/esm/utils/isLayoutSupported.d.ts +1 -0
  439. package/esm/utils/isLayoutSupported.js +6 -0
  440. package/esm/utils/types.d.ts +4 -4
  441. package/esm/utils/useSlot.d.ts +12 -12
  442. package/esm/version/index.js +2 -2
  443. package/index.js +1 -1
  444. package/internal/SwitchBase.d.ts +17 -17
  445. package/internal/index.d.ts +5 -5
  446. package/locale/utils/LocaleTextApi.d.ts +7 -7
  447. package/package.json +6 -6
  448. package/styles/ThemeProvider.d.ts +12 -12
  449. package/styles/ThemeProviderWithVars.d.ts +13 -13
  450. package/styles/adaptV4Theme.d.ts +14 -14
  451. package/styles/components.d.ts +476 -476
  452. package/styles/createColorScheme.d.ts +1 -1
  453. package/styles/createGetSelector.d.ts +5 -5
  454. package/styles/createMixins.d.ts +2 -2
  455. package/styles/createPalette.d.ts +23 -23
  456. package/styles/createTheme.d.ts +2 -2
  457. package/styles/createThemeFoundation.d.ts +30 -30
  458. package/styles/createThemeNoVars.d.ts +14 -14
  459. package/styles/createThemeNoVars.js +1 -1
  460. package/styles/createThemeWithVars.d.ts +9 -9
  461. package/styles/createThemeWithVars.js +69 -69
  462. package/styles/createTransitions.d.ts +5 -5
  463. package/styles/createTypography.d.ts +1 -1
  464. package/styles/cssUtils.d.ts +3 -3
  465. package/styles/index.d.ts +6 -6
  466. package/styles/overrides.d.ts +1 -1
  467. package/styles/responsiveFontSizes.d.ts +4 -4
  468. package/styles/useThemeProps.d.ts +1 -1
  469. package/transitions/transition.d.ts +2 -2
  470. package/transitions/utils.d.ts +11 -4
  471. package/transitions/utils.js +27 -0
  472. package/types/OverridableComponentAugmentation.d.ts +2 -2
  473. package/useAutocomplete/useAutocomplete.d.ts +45 -45
  474. package/useAutocomplete/useAutocomplete.js +58 -3
  475. package/usePagination/usePagination.d.ts +12 -12
  476. package/useScrollTrigger/useScrollTrigger.d.ts +3 -3
  477. package/utils/isLayoutSupported.d.ts +1 -0
  478. package/utils/isLayoutSupported.js +12 -0
  479. package/utils/types.d.ts +4 -4
  480. package/utils/useSlot.d.ts +12 -12
  481. package/version/index.js +2 -2
@@ -61,17 +61,17 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
61
61
  /**
62
62
  * Override or extend the styles applied to the component.
63
63
  */
64
- classes?: Partial<RatingClasses>;
64
+ classes?: Partial<RatingClasses> | undefined;
65
65
  /**
66
66
  * The default value. Use when the component is not controlled.
67
67
  * @default null
68
68
  */
69
- defaultValue?: number;
69
+ defaultValue?: number | undefined;
70
70
  /**
71
71
  * If `true`, the component is disabled.
72
72
  * @default false
73
73
  */
74
- disabled?: boolean;
74
+ disabled?: boolean | undefined;
75
75
  /**
76
76
  * The icon to display when empty.
77
77
  * @default <StarBorder fontSize="inherit" />
@@ -93,12 +93,12 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
93
93
  * return `${value || '0'} Star${value !== 1 ? 's' : ''}`;
94
94
  * }
95
95
  */
96
- getLabelText?: (value: number) => string;
96
+ getLabelText?: ((value: number) => string) | undefined;
97
97
  /**
98
98
  * If `true`, only the selected icon will be highlighted.
99
99
  * @default false
100
100
  */
101
- highlightSelectedOnly?: boolean;
101
+ highlightSelectedOnly?: boolean | undefined;
102
102
  /**
103
103
  * The icon to display.
104
104
  * @default <Star fontSize="inherit" />
@@ -112,53 +112,53 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
112
112
  * return <span {...other} />;
113
113
  * }
114
114
  */
115
- IconContainerComponent?: React.ElementType<IconContainerProps>;
115
+ IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
116
116
  /**
117
117
  * Maximum rating.
118
118
  * @default 5
119
119
  */
120
- max?: number;
120
+ max?: number | undefined;
121
121
  /**
122
122
  * The name attribute of the radio `input` elements.
123
123
  * This input `name` should be unique within the page.
124
124
  * Being unique within a form is insufficient since the `name` is used to generate IDs.
125
125
  */
126
- name?: string;
126
+ name?: string | undefined;
127
127
  /**
128
128
  * Callback fired when the value changes.
129
129
  * @param {React.SyntheticEvent} event The event source of the callback.
130
130
  * @param {number|null} value The new value.
131
131
  */
132
- onChange?: (event: React.SyntheticEvent, value: number | null) => void;
132
+ onChange?: ((event: React.SyntheticEvent, value: number | null) => void) | undefined;
133
133
  /**
134
134
  * Callback function that is fired when the hover state changes.
135
135
  * @param {React.SyntheticEvent} event The event source of the callback.
136
136
  * @param {number} value The new value.
137
137
  */
138
- onChangeActive?: (event: React.SyntheticEvent, value: number) => void;
138
+ onChangeActive?: ((event: React.SyntheticEvent, value: number) => void) | undefined;
139
139
  /**
140
140
  * The minimum increment value change allowed.
141
141
  * @default 1
142
142
  */
143
- precision?: number;
143
+ precision?: number | undefined;
144
144
  /**
145
145
  * Removes all hover effects and pointer events.
146
146
  * @default false
147
147
  */
148
- readOnly?: boolean;
148
+ readOnly?: boolean | undefined;
149
149
  /**
150
150
  * The size of the component.
151
151
  * @default 'medium'
152
152
  */
153
- size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides>;
153
+ size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides> | undefined;
154
154
  /**
155
155
  * The system prop that allows defining system overrides as well as additional CSS styles.
156
156
  */
157
- sx?: SxProps<Theme>;
157
+ sx?: SxProps<Theme> | undefined;
158
158
  /**
159
159
  * The rating value.
160
160
  */
161
- value?: number | null;
161
+ value?: number | null | undefined;
162
162
  }
163
163
  export interface RatingOwnerState extends Omit<RatingProps, 'slots' | 'slotProps'> {}
164
164
  export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = {
@@ -170,14 +170,14 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
170
170
  *
171
171
  * Demos:
172
172
  *
173
- * - [Rating](https://mui.com/material-ui/react-rating/)
173
+ * - [Rating](https://v7.mui.com/material-ui/react-rating/)
174
174
  *
175
175
  * API:
176
176
  *
177
- * - [Rating API](https://mui.com/material-ui/api/rating/)
177
+ * - [Rating API](https://v7.mui.com/material-ui/api/rating/)
178
178
  */
179
179
  declare const Rating: OverridableComponent<RatingTypeMap>;
180
180
  export type RatingProps<RootComponent extends React.ElementType = RatingTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<RatingTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
181
- component?: React.ElementType;
181
+ component?: React.ElementType | undefined;
182
182
  };
183
183
  export default Rating;
@@ -11,17 +11,17 @@ export interface ScopedCssBaselineOwnProps {
11
11
  /**
12
12
  * Override or extend the styles applied to the component.
13
13
  */
14
- classes?: Partial<ScopedCssBaselineClasses>;
14
+ classes?: Partial<ScopedCssBaselineClasses> | undefined;
15
15
  /**
16
16
  * Enable `color-scheme` CSS property to use `theme.palette.mode`.
17
17
  * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
18
18
  * For browser support, check out https://caniuse.com/?search=color-scheme
19
19
  */
20
- enableColorScheme?: boolean;
20
+ enableColorScheme?: boolean | undefined;
21
21
  /**
22
22
  * The system prop that allows defining system overrides as well as additional CSS styles.
23
23
  */
24
- sx?: SxProps<Theme>;
24
+ sx?: SxProps<Theme> | undefined;
25
25
  }
26
26
  export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
27
27
  props: AdditionalProps & ScopedCssBaselineOwnProps;
@@ -31,15 +31,15 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
31
31
  *
32
32
  * Demos:
33
33
  *
34
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
34
+ * - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
35
35
  *
36
36
  * API:
37
37
  *
38
- * - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
38
+ * - [ScopedCssBaseline API](https://v7.mui.com/material-ui/api/scoped-css-baseline/)
39
39
  */
40
40
  declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
41
41
  export type ScopedCssBaselineProps<RootComponent extends React.ElementType = ScopedCssBaselineTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ScopedCssBaselineTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
42
- component?: React.ElementType;
42
+ component?: React.ElementType | undefined;
43
43
  };
44
44
 
45
45
  /**
@@ -15,7 +15,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
15
15
  * menu, otherwise it will be at least the width of the select input.
16
16
  * @default false
17
17
  */
18
- autoWidth?: boolean;
18
+ autoWidth?: boolean | undefined;
19
19
  /**
20
20
  * The option elements to populate the select with.
21
21
  * Can be some `MenuItem` when `native` is false and `option` when `native` is true.
@@ -27,17 +27,17 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
27
27
  * Override or extend the styles applied to the component.
28
28
  * @default {}
29
29
  */
30
- classes?: Partial<SelectClasses>;
30
+ classes?: Partial<SelectClasses> | undefined;
31
31
  /**
32
32
  * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
33
33
  * You can only use it when the `native` prop is `false` (default).
34
34
  * @default false
35
35
  */
36
- defaultOpen?: boolean;
36
+ defaultOpen?: boolean | undefined;
37
37
  /**
38
38
  * The default value. Use when the component is not controlled.
39
39
  */
40
- defaultValue?: Value;
40
+ defaultValue?: Value | undefined;
41
41
  /**
42
42
  * If `true`, a value is displayed even if no items are selected.
43
43
  *
@@ -48,25 +48,25 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
48
48
  * The label should either be hidden or forced to a shrunk state.
49
49
  * @default false
50
50
  */
51
- displayEmpty?: boolean;
51
+ displayEmpty?: boolean | undefined;
52
52
  /**
53
53
  * The icon that displays the arrow.
54
54
  * @default ArrowDropDownIcon
55
55
  */
56
- IconComponent?: React.ElementType;
56
+ IconComponent?: React.ElementType | undefined;
57
57
  /**
58
58
  * The `id` of the wrapper element or the `select` element when `native`.
59
59
  */
60
- id?: string;
60
+ id?: string | undefined;
61
61
  /**
62
62
  * An `Input` element; does not have to be a material-ui specific `Input`.
63
63
  */
64
- input?: React.ReactElement<unknown, any>;
64
+ input?: React.ReactElement<unknown, any> | undefined;
65
65
  /**
66
66
  * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
67
67
  * When `native` is `true`, the attributes are applied on the `select` element.
68
68
  */
69
- inputProps?: InputProps['inputProps'];
69
+ inputProps?: InputProps['inputProps'] | undefined;
70
70
  /**
71
71
  * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
72
72
  */
@@ -75,21 +75,21 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
75
75
  * The ID of an element that acts as an additional label. The Select will
76
76
  * be labelled by the additional label and the selected value.
77
77
  */
78
- labelId?: string;
78
+ labelId?: string | undefined;
79
79
  /**
80
80
  * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
81
81
  */
82
- MenuProps?: Partial<MenuProps>;
82
+ MenuProps?: Partial<MenuProps> | undefined;
83
83
  /**
84
84
  * If `true`, `value` must be an array and the menu will support multiple selections.
85
85
  * @default false
86
86
  */
87
- multiple?: boolean;
87
+ multiple?: boolean | undefined;
88
88
  /**
89
89
  * If `true`, the component uses a native `select` element.
90
90
  * @default false
91
91
  */
92
- native?: boolean;
92
+ native?: boolean | undefined;
93
93
  /**
94
94
  * Callback fired when a menu item is selected.
95
95
  *
@@ -98,26 +98,26 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
98
98
  * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
99
99
  * @param {object} [child] The react element that was selected when `native` is `false` (default).
100
100
  */
101
- onChange?: SelectInputProps<Value>['onChange'];
101
+ onChange?: SelectInputProps<Value>['onChange'] | undefined;
102
102
  /**
103
103
  * Callback fired when the component requests to be closed.
104
104
  * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
105
105
  *
106
106
  * @param {object} event The event source of the callback.
107
107
  */
108
- onClose?: (event: React.SyntheticEvent) => void;
108
+ onClose?: ((event: React.SyntheticEvent) => void) | undefined;
109
109
  /**
110
110
  * Callback fired when the component requests to be opened.
111
111
  * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
112
112
  *
113
113
  * @param {object} event The event source of the callback.
114
114
  */
115
- onOpen?: (event: React.SyntheticEvent) => void;
115
+ onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
116
116
  /**
117
117
  * If `true`, the component is shown.
118
118
  * You can only use it when the `native` prop is `false` (default).
119
119
  */
120
- open?: boolean;
120
+ open?: boolean | undefined;
121
121
  /**
122
122
  * Render the selected value.
123
123
  * You can only use it when the `native` prop is `false` (default).
@@ -125,15 +125,15 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
125
125
  * @param {any} value The `value` provided to the component.
126
126
  * @returns {ReactNode}
127
127
  */
128
- renderValue?: (value: Value) => React.ReactNode;
128
+ renderValue?: ((value: Value) => React.ReactNode) | undefined;
129
129
  /**
130
130
  * Props applied to the clickable div element.
131
131
  */
132
- SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement>;
132
+ SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
133
133
  /**
134
134
  * The system prop that allows defining system overrides as well as additional CSS styles.
135
135
  */
136
- sx?: SxProps<Theme>;
136
+ sx?: SxProps<Theme> | undefined;
137
137
  /**
138
138
  * The `input` value. Providing an empty string will select no options.
139
139
  * Set to an empty string `''` if you don't want any of the available options to be selected.
@@ -141,12 +141,12 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
141
141
  * If the value is an object it must have reference equality with the option in order to be selected.
142
142
  * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
143
143
  */
144
- value?: Value | '';
144
+ value?: Value | '' | undefined;
145
145
  /**
146
146
  * The variant to use.
147
147
  * @default 'outlined'
148
148
  */
149
- variant?: SelectVariants;
149
+ variant?: SelectVariants | undefined;
150
150
  }
151
151
  export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'> {
152
152
  /**
@@ -167,7 +167,7 @@ export interface OutlinedSelectProps extends Omit<OutlinedInputProps, 'value' |
167
167
  * The variant to use.
168
168
  * @default 'outlined'
169
169
  */
170
- variant?: 'outlined';
170
+ variant?: 'outlined' | undefined;
171
171
  }
172
172
  export type SelectVariants = 'outlined' | 'standard' | 'filled';
173
173
  export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<Value>) | (StandardSelectProps & BaseSelectProps<Value>) | (OutlinedSelectProps & BaseSelectProps<Value>);
@@ -176,12 +176,12 @@ export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<
176
176
  *
177
177
  * Demos:
178
178
  *
179
- * - [Select](https://mui.com/material-ui/react-select/)
179
+ * - [Select](https://v7.mui.com/material-ui/react-select/)
180
180
  *
181
181
  * API:
182
182
  *
183
- * - [Select API](https://mui.com/material-ui/api/select/)
184
- * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
183
+ * - [Select API](https://v7.mui.com/material-ui/api/select/)
184
+ * - inherits [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
185
185
  */
186
186
  declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
187
187
  muiName: string;
@@ -23,35 +23,35 @@ export type SelectChangeEvent<Value = string> = Value extends (string & {}) | nu
23
23
  };
24
24
  });
25
25
  export interface SelectInputProps<Value = unknown> {
26
- autoFocus?: boolean;
26
+ autoFocus?: boolean | undefined;
27
27
  autoWidth: boolean;
28
- defaultOpen?: boolean;
29
- disabled?: boolean;
30
- error?: boolean;
31
- IconComponent?: React.ElementType;
32
- inputRef?: (ref: HTMLSelectElement | {
28
+ defaultOpen?: boolean | undefined;
29
+ disabled?: boolean | undefined;
30
+ error?: boolean | undefined;
31
+ IconComponent?: React.ElementType | undefined;
32
+ inputRef?: ((ref: HTMLSelectElement | {
33
33
  node: HTMLInputElement;
34
34
  value: SelectInputProps<Value>['value'];
35
- }) => void;
36
- MenuProps?: Partial<MenuProps>;
35
+ }) => void) | undefined;
36
+ MenuProps?: Partial<MenuProps> | undefined;
37
37
  multiple: boolean;
38
- name?: string;
38
+ name?: string | undefined;
39
39
  native: boolean;
40
- onBlur?: React.FocusEventHandler<any>;
41
- onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
42
- onClose?: (event: React.SyntheticEvent) => void;
43
- onFocus?: React.FocusEventHandler<any>;
44
- onKeyDown?: React.KeyboardEventHandler;
45
- onMouseDown?: React.MouseEventHandler;
46
- onOpen?: (event: React.SyntheticEvent) => void;
47
- open?: boolean;
48
- readOnly?: boolean;
49
- renderValue?: (value: SelectInputProps<Value>['value']) => React.ReactNode;
50
- SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement>;
51
- sx?: SxProps<Theme>;
52
- tabIndex?: number;
53
- value?: Value;
54
- variant?: 'standard' | 'outlined' | 'filled';
40
+ onBlur?: React.FocusEventHandler<any> | undefined;
41
+ onChange?: ((event: SelectChangeEvent<Value>, child: React.ReactNode) => void) | undefined;
42
+ onClose?: ((event: React.SyntheticEvent) => void) | undefined;
43
+ onFocus?: React.FocusEventHandler<any> | undefined;
44
+ onKeyDown?: React.KeyboardEventHandler | undefined;
45
+ onMouseDown?: React.MouseEventHandler | undefined;
46
+ onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
47
+ open?: boolean | undefined;
48
+ readOnly?: boolean | undefined;
49
+ renderValue?: ((value: SelectInputProps<Value>['value']) => React.ReactNode) | undefined;
50
+ SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
51
+ sx?: SxProps<Theme> | undefined;
52
+ tabIndex?: number | undefined;
53
+ value?: Value | undefined;
54
+ variant?: 'standard' | 'outlined' | 'filled' | undefined;
55
55
  }
56
56
  declare const SelectInput: React.JSXElementConstructor<SelectInputProps>;
57
57
  export default SelectInput;
@@ -25,6 +25,8 @@ var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShoul
25
25
  var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
26
26
  var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
27
27
  var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
28
+ var _utils2 = require("./utils");
29
+ var _SelectFocusSourceContext = require("./utils/SelectFocusSourceContext");
28
30
  var _jsxRuntime = require("react/jsx-runtime");
29
31
  var _span;
30
32
  const SelectSelect = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectSelect, {
@@ -81,17 +83,6 @@ const SelectNativeInput = (0, _zeroStyled.styled)('input', {
81
83
  width: '100%',
82
84
  boxSizing: 'border-box'
83
85
  });
84
- function areEqualValues(a, b) {
85
- if (typeof b === 'object' && b !== null) {
86
- return a === b;
87
- }
88
-
89
- // The value could be a number, the DOM will stringify it anyway.
90
- return String(a) === String(b);
91
- }
92
- function isEmpty(display) {
93
- return display == null || typeof display === 'string' && !display.trim();
94
- }
95
86
  const useUtilityClasses = ownerState => {
96
87
  const {
97
88
  classes,
@@ -169,6 +160,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
169
160
  current: isOpenControlled
170
161
  } = React.useRef(openProp != null);
171
162
  const [menuMinWidthState, setMenuMinWidthState] = React.useState();
163
+ const [openInteractionType, setOpenInteractionType] = React.useState(null);
172
164
  const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
173
165
  const handleDisplayRef = React.useCallback(node => {
174
166
  displayRef.current = node;
@@ -237,11 +229,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
237
229
  }, [labelId]);
238
230
  const update = (openParam, event) => {
239
231
  if (openParam) {
232
+ setOpenInteractionType((0, _utils2.getOpenInteractionType)(event));
240
233
  if (onOpen) {
241
234
  onOpen(event);
242
235
  }
243
- } else if (onClose) {
244
- onClose(event);
236
+ } else {
237
+ setOpenInteractionType(null);
238
+ if (onClose) {
239
+ onClose(event);
240
+ }
245
241
  }
246
242
  if (!isOpenControlled) {
247
243
  setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
@@ -377,12 +373,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
377
373
  if (!Array.isArray(value)) {
378
374
  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : (0, _formatMuiErrorMessage.default)(2));
379
375
  }
380
- selected = value.some(v => areEqualValues(v, child.props.value));
376
+ selected = value.some(v => (0, _utils2.areEqualValues)(v, child.props.value));
381
377
  if (selected && computeDisplay) {
382
378
  displayMultiple.push(child.props.children);
383
379
  }
384
380
  } else {
385
- selected = areEqualValues(value, child.props.value);
381
+ selected = (0, _utils2.areEqualValues)(value, child.props.value);
386
382
  if (selected && computeDisplay) {
387
383
  displaySingle = child.props.children;
388
384
  }
@@ -493,7 +489,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
493
489
  // The id is required for proper a11y
494
490
  ,
495
491
  id: buttonId,
496
- children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
492
+ children: (0, _utils2.isEmpty)(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
497
493
  _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
498
494
  className: "notranslate",
499
495
  "aria-hidden": true,
@@ -517,39 +513,42 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
517
513
  as: IconComponent,
518
514
  className: classes.icon,
519
515
  ownerState: ownerState
520
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
521
- id: `menu-${name || ''}`,
522
- anchorEl: anchorElement,
523
- open: open,
524
- onClose: handleClose,
525
- anchorOrigin: {
526
- vertical: 'bottom',
527
- horizontal: 'center'
528
- },
529
- transformOrigin: {
530
- vertical: 'top',
531
- horizontal: 'center'
532
- },
533
- ...MenuProps,
534
- slotProps: {
535
- ...MenuProps.slotProps,
536
- list: {
537
- 'aria-labelledby': labelId,
538
- role: 'listbox',
539
- 'aria-multiselectable': multiple ? 'true' : undefined,
540
- disableListWrap: true,
541
- id: listboxId,
542
- ...listProps
516
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectFocusSourceContext.SelectFocusSourceProvider, {
517
+ value: openInteractionType,
518
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
519
+ id: `menu-${name || ''}`,
520
+ anchorEl: anchorElement,
521
+ open: open,
522
+ onClose: handleClose,
523
+ anchorOrigin: {
524
+ vertical: 'bottom',
525
+ horizontal: 'center'
526
+ },
527
+ transformOrigin: {
528
+ vertical: 'top',
529
+ horizontal: 'center'
543
530
  },
544
- paper: {
545
- ...paperProps,
546
- style: {
547
- minWidth: menuMinWidth,
548
- ...(paperProps != null ? paperProps.style : null)
531
+ ...MenuProps,
532
+ slotProps: {
533
+ ...MenuProps.slotProps,
534
+ list: {
535
+ 'aria-labelledby': labelId,
536
+ role: 'listbox',
537
+ 'aria-multiselectable': multiple ? 'true' : undefined,
538
+ disableListWrap: true,
539
+ id: listboxId,
540
+ ...listProps
541
+ },
542
+ paper: {
543
+ ...paperProps,
544
+ style: {
545
+ minWidth: menuMinWidth,
546
+ ...(paperProps != null ? paperProps.style : null)
547
+ }
549
548
  }
550
- }
551
- },
552
- children: items
549
+ },
550
+ children: items
551
+ })
553
552
  })]
554
553
  });
555
554
  });
package/Select/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { default } from "./Select.js";
2
2
  export * from "./Select.js";
3
+ export * from "./utils/index.js";
3
4
  export { default as selectClasses } from "./selectClasses.js";
4
5
  export * from "./selectClasses.js";
package/Select/index.js CHANGED
@@ -21,6 +21,18 @@ Object.defineProperty(exports, "selectClasses", {
21
21
  }
22
22
  });
23
23
  var _Select = _interopRequireDefault(require("./Select"));
24
+ var _utils = require("./utils");
25
+ Object.keys(_utils).forEach(function (key) {
26
+ if (key === "default" || key === "__esModule") return;
27
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
28
+ if (key in exports && exports[key] === _utils[key]) return;
29
+ Object.defineProperty(exports, key, {
30
+ enumerable: true,
31
+ get: function () {
32
+ return _utils[key];
33
+ }
34
+ });
35
+ });
24
36
  var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
25
37
  Object.keys(_selectClasses).forEach(function (key) {
26
38
  if (key === "default" || key === "__esModule") return;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ declare function useSelectFocusSource(): "touch" | "mouse" | "keyboard" | null;
3
+ declare const SelectFocusSourceProvider: React.Provider<"touch" | "mouse" | "keyboard" | null>;
4
+ export { useSelectFocusSource, SelectFocusSourceProvider };
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.SelectFocusSourceProvider = void 0;
9
+ exports.useSelectFocusSource = useSelectFocusSource;
10
+ var React = _interopRequireWildcard(require("react"));
11
+ const SelectFocusSourceContext = /*#__PURE__*/React.createContext(null);
12
+ if (process.env.NODE_ENV !== 'production') {
13
+ SelectFocusSourceContext.displayName = 'SelectFocusSourceContext';
14
+ }
15
+ function useSelectFocusSource() {
16
+ const context = React.useContext(SelectFocusSourceContext);
17
+ return context;
18
+ }
19
+ const SelectFocusSourceProvider = exports.SelectFocusSourceProvider = SelectFocusSourceContext.Provider;
@@ -0,0 +1 @@
1
+ export default function areEqualValues(a: unknown, b: unknown): boolean;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = areEqualValues;
7
+ function areEqualValues(a, b) {
8
+ if (typeof b === 'object' && b !== null) {
9
+ return a === b;
10
+ }
11
+
12
+ // The value could be a number, the DOM will stringify it anyway.
13
+ return String(a) === String(b);
14
+ }
@@ -0,0 +1 @@
1
+ export default function getOpenInteractionType(event: MouseEvent | KeyboardEvent | TouchEvent | PointerEvent | null): 'keyboard' | 'pointer' | null;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = getOpenInteractionType;
7
+ function getOpenInteractionType(event) {
8
+ if (!event) {
9
+ return null;
10
+ }
11
+ if (event.type === 'mousedown' || event.type === 'pointerdown' || event.type === 'touchstart') {
12
+ return 'pointer';
13
+ }
14
+ if (event.type === 'keydown' || event.type === 'click' && event.detail === 0) {
15
+ return 'keyboard';
16
+ }
17
+ return null;
18
+ }
@@ -0,0 +1,4 @@
1
+ export { default as getOpenInteractionType } from "./getOpenInteractionType.js";
2
+ export { default as isEmpty } from "./isEmpty.js";
3
+ export { default as areEqualValues } from "./areEqualValues.js";
4
+ export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.js";