@mui/material 9.0.0-beta.1 → 9.0.1

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 (419) hide show
  1. package/Accordion/Accordion.d.mts +3 -3
  2. package/Accordion/Accordion.d.ts +3 -3
  3. package/AccordionActions/AccordionActions.d.mts +2 -2
  4. package/AccordionActions/AccordionActions.d.ts +2 -2
  5. package/AccordionDetails/AccordionDetails.d.mts +2 -2
  6. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  7. package/AccordionSummary/AccordionSummary.d.mts +3 -3
  8. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  9. package/Alert/Alert.d.mts +3 -3
  10. package/Alert/Alert.d.ts +3 -3
  11. package/AlertTitle/AlertTitle.d.mts +3 -3
  12. package/AlertTitle/AlertTitle.d.ts +3 -3
  13. package/AppBar/AppBar.d.mts +3 -3
  14. package/AppBar/AppBar.d.ts +3 -3
  15. package/Autocomplete/Autocomplete.d.mts +2 -2
  16. package/Autocomplete/Autocomplete.d.ts +2 -2
  17. package/Autocomplete/Autocomplete.js +65 -11
  18. package/Autocomplete/Autocomplete.mjs +65 -11
  19. package/Avatar/Avatar.d.mts +2 -2
  20. package/Avatar/Avatar.d.ts +2 -2
  21. package/Avatar/Avatar.js +4 -0
  22. package/Avatar/Avatar.mjs +4 -0
  23. package/AvatarGroup/AvatarGroup.d.mts +2 -2
  24. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  25. package/Backdrop/Backdrop.d.mts +3 -3
  26. package/Backdrop/Backdrop.d.ts +3 -3
  27. package/Badge/Badge.d.mts +3 -3
  28. package/Badge/Badge.d.ts +3 -3
  29. package/Badge/Badge.js +3 -0
  30. package/Badge/Badge.mjs +3 -0
  31. package/BottomNavigation/BottomNavigation.d.mts +2 -2
  32. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  33. package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
  34. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  35. package/Box/Box.d.mts +3 -3
  36. package/Box/Box.d.ts +3 -3
  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 +19 -2
  42. package/Button/Button.mjs +19 -2
  43. package/ButtonBase/ButtonBase.d.mts +9 -2
  44. package/ButtonBase/ButtonBase.d.ts +9 -2
  45. package/ButtonBase/ButtonBase.js +5 -2
  46. package/ButtonBase/ButtonBase.mjs +5 -2
  47. package/ButtonGroup/ButtonGroup.d.mts +2 -2
  48. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  49. package/CHANGELOG.md +160 -1245
  50. package/Card/Card.d.mts +3 -3
  51. package/Card/Card.d.ts +3 -3
  52. package/CardActionArea/CardActionArea.d.mts +3 -3
  53. package/CardActionArea/CardActionArea.d.ts +3 -3
  54. package/CardActions/CardActions.d.mts +2 -2
  55. package/CardActions/CardActions.d.ts +2 -2
  56. package/CardContent/CardContent.d.mts +2 -2
  57. package/CardContent/CardContent.d.ts +2 -2
  58. package/CardHeader/CardHeader.d.mts +2 -2
  59. package/CardHeader/CardHeader.d.ts +2 -2
  60. package/CardMedia/CardMedia.d.mts +2 -2
  61. package/CardMedia/CardMedia.d.ts +2 -2
  62. package/Checkbox/Checkbox.d.mts +4 -4
  63. package/Checkbox/Checkbox.d.ts +4 -4
  64. package/Checkbox/Checkbox.js +2 -1
  65. package/Checkbox/Checkbox.mjs +2 -1
  66. package/Chip/Chip.d.mts +2 -2
  67. package/Chip/Chip.d.ts +2 -2
  68. package/CircularProgress/CircularProgress.d.mts +14 -4
  69. package/CircularProgress/CircularProgress.d.ts +14 -4
  70. package/CircularProgress/CircularProgress.js +33 -6
  71. package/CircularProgress/CircularProgress.mjs +33 -6
  72. package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
  73. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  74. package/ClickAwayListener/ClickAwayListener.js +6 -9
  75. package/ClickAwayListener/ClickAwayListener.mjs +6 -9
  76. package/Collapse/Collapse.d.mts +5 -5
  77. package/Collapse/Collapse.d.ts +5 -5
  78. package/Collapse/Collapse.js +6 -18
  79. package/Collapse/Collapse.mjs +7 -19
  80. package/Container/Container.d.mts +2 -2
  81. package/Container/Container.d.ts +2 -2
  82. package/CssBaseline/CssBaseline.d.mts +2 -2
  83. package/CssBaseline/CssBaseline.d.ts +2 -2
  84. package/Dialog/Dialog.d.mts +3 -3
  85. package/Dialog/Dialog.d.ts +3 -3
  86. package/Dialog/Dialog.js +11 -6
  87. package/Dialog/Dialog.mjs +11 -6
  88. package/DialogActions/DialogActions.d.mts +2 -2
  89. package/DialogActions/DialogActions.d.ts +2 -2
  90. package/DialogContent/DialogContent.d.mts +2 -2
  91. package/DialogContent/DialogContent.d.ts +2 -2
  92. package/DialogContentText/DialogContentText.d.mts +3 -3
  93. package/DialogContentText/DialogContentText.d.ts +3 -3
  94. package/DialogTitle/DialogTitle.d.mts +3 -3
  95. package/DialogTitle/DialogTitle.d.ts +3 -3
  96. package/Divider/Divider.d.mts +4 -4
  97. package/Divider/Divider.d.ts +4 -4
  98. package/Drawer/Drawer.d.mts +3 -3
  99. package/Drawer/Drawer.d.ts +3 -3
  100. package/Drawer/Drawer.js +19 -8
  101. package/Drawer/Drawer.mjs +19 -8
  102. package/Fab/Fab.d.mts +3 -3
  103. package/Fab/Fab.d.ts +3 -3
  104. package/Fab/Fab.js +7 -1
  105. package/Fab/Fab.mjs +7 -1
  106. package/Fade/Fade.d.mts +3 -3
  107. package/Fade/Fade.d.ts +3 -3
  108. package/Fade/Fade.js +28 -32
  109. package/Fade/Fade.mjs +29 -33
  110. package/FilledInput/FilledInput.d.mts +7 -3
  111. package/FilledInput/FilledInput.d.ts +7 -3
  112. package/FilledInput/FilledInput.js +18 -20
  113. package/FilledInput/FilledInput.mjs +18 -20
  114. package/FormControl/FormControl.d.mts +7 -7
  115. package/FormControl/FormControl.d.ts +7 -7
  116. package/FormControl/useFormControl.d.mts +12 -2
  117. package/FormControl/useFormControl.d.ts +12 -2
  118. package/FormControl/useFormControl.js +13 -0
  119. package/FormControl/useFormControl.mjs +12 -0
  120. package/FormControlLabel/FormControlLabel.d.mts +4 -4
  121. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  122. package/FormControlLabel/FormControlLabel.js +5 -8
  123. package/FormControlLabel/FormControlLabel.mjs +5 -8
  124. package/FormGroup/FormGroup.d.mts +3 -3
  125. package/FormGroup/FormGroup.d.ts +3 -3
  126. package/FormGroup/FormGroup.js +2 -5
  127. package/FormGroup/FormGroup.mjs +2 -5
  128. package/FormHelperText/FormHelperText.d.mts +3 -3
  129. package/FormHelperText/FormHelperText.d.ts +3 -3
  130. package/FormHelperText/FormHelperText.js +2 -5
  131. package/FormHelperText/FormHelperText.mjs +2 -5
  132. package/FormLabel/FormLabel.d.mts +5 -5
  133. package/FormLabel/FormLabel.d.ts +5 -5
  134. package/FormLabel/FormLabel.js +2 -5
  135. package/FormLabel/FormLabel.mjs +2 -5
  136. package/GlobalStyles/GlobalStyles.d.mts +2 -2
  137. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  138. package/Grid/Grid.d.mts +2 -2
  139. package/Grid/Grid.d.ts +2 -2
  140. package/Grid/Grid.js +2 -2
  141. package/Grid/Grid.mjs +2 -2
  142. package/Grow/Grow.d.mts +5 -5
  143. package/Grow/Grow.d.ts +5 -5
  144. package/Grow/Grow.js +30 -38
  145. package/Grow/Grow.mjs +31 -39
  146. package/Icon/Icon.d.mts +3 -3
  147. package/Icon/Icon.d.ts +3 -3
  148. package/IconButton/IconButton.d.mts +5 -5
  149. package/IconButton/IconButton.d.ts +5 -5
  150. package/IconButton/IconButton.js +1 -8
  151. package/IconButton/IconButton.mjs +1 -8
  152. package/ImageList/ImageList.d.mts +2 -2
  153. package/ImageList/ImageList.d.ts +2 -2
  154. package/ImageListItem/ImageListItem.d.mts +2 -2
  155. package/ImageListItem/ImageListItem.d.ts +2 -2
  156. package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
  157. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  158. package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
  159. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
  160. package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
  161. package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
  162. package/Input/Input.d.mts +7 -3
  163. package/Input/Input.d.ts +7 -3
  164. package/Input/Input.js +6 -0
  165. package/Input/Input.mjs +6 -0
  166. package/InputAdornment/InputAdornment.d.mts +2 -2
  167. package/InputAdornment/InputAdornment.d.ts +2 -2
  168. package/InputBase/InputBase.d.mts +4 -3
  169. package/InputBase/InputBase.d.ts +4 -3
  170. package/InputBase/InputBase.js +50 -15
  171. package/InputBase/InputBase.mjs +50 -15
  172. package/InputLabel/InputLabel.d.mts +4 -4
  173. package/InputLabel/InputLabel.d.ts +4 -4
  174. package/InputLabel/InputLabel.js +5 -8
  175. package/InputLabel/InputLabel.mjs +5 -8
  176. package/LinearProgress/LinearProgress.d.mts +14 -4
  177. package/LinearProgress/LinearProgress.d.ts +14 -4
  178. package/LinearProgress/LinearProgress.js +42 -10
  179. package/LinearProgress/LinearProgress.mjs +42 -10
  180. package/Link/Link.d.mts +4 -4
  181. package/Link/Link.d.ts +4 -4
  182. package/List/List.d.mts +4 -4
  183. package/List/List.d.ts +4 -4
  184. package/List/List.js +2 -1
  185. package/List/List.mjs +2 -1
  186. package/ListItem/ListItem.d.mts +3 -3
  187. package/ListItem/ListItem.d.ts +3 -3
  188. package/ListItem/ListItem.js +1 -2
  189. package/ListItem/ListItem.mjs +1 -2
  190. package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
  191. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  192. package/ListItemButton/ListItemButton.d.mts +4 -4
  193. package/ListItemButton/ListItemButton.d.ts +4 -4
  194. package/ListItemButton/ListItemButton.js +7 -1
  195. package/ListItemButton/ListItemButton.mjs +7 -1
  196. package/ListItemIcon/ListItemIcon.d.mts +3 -3
  197. package/ListItemIcon/ListItemIcon.d.ts +3 -3
  198. package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
  199. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  200. package/ListItemText/ListItemText.d.mts +3 -3
  201. package/ListItemText/ListItemText.d.ts +3 -3
  202. package/ListSubheader/ListSubheader.d.mts +3 -3
  203. package/ListSubheader/ListSubheader.d.ts +3 -3
  204. package/Menu/Menu.d.mts +4 -4
  205. package/Menu/Menu.d.ts +4 -4
  206. package/MenuItem/MenuItem.d.mts +3 -3
  207. package/MenuItem/MenuItem.d.ts +3 -3
  208. package/MenuItem/MenuItem.js +7 -1
  209. package/MenuItem/MenuItem.mjs +7 -1
  210. package/MenuList/MenuList.d.mts +4 -4
  211. package/MenuList/MenuList.d.ts +4 -4
  212. package/MenuList/MenuList.js +2 -1
  213. package/MenuList/MenuList.mjs +2 -1
  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/NativeSelect/NativeSelect.js +2 -5
  221. package/NativeSelect/NativeSelect.mjs +2 -5
  222. package/NoSsr/NoSsr.d.mts +2 -2
  223. package/NoSsr/NoSsr.d.ts +2 -2
  224. package/NoSsr/NoSsr.js +2 -2
  225. package/NoSsr/NoSsr.mjs +2 -2
  226. package/OutlinedInput/OutlinedInput.d.mts +4 -4
  227. package/OutlinedInput/OutlinedInput.d.ts +4 -4
  228. package/OutlinedInput/OutlinedInput.js +13 -23
  229. package/OutlinedInput/OutlinedInput.mjs +13 -23
  230. package/Pagination/Pagination.d.mts +2 -2
  231. package/Pagination/Pagination.d.ts +2 -2
  232. package/PaginationItem/PaginationItem.d.mts +3 -3
  233. package/PaginationItem/PaginationItem.d.ts +3 -3
  234. package/Paper/Paper.d.mts +4 -4
  235. package/Paper/Paper.d.ts +4 -4
  236. package/PigmentContainer/PigmentContainer.d.mts +2 -2
  237. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  238. package/PigmentContainer/PigmentContainer.js +2 -3
  239. package/PigmentContainer/PigmentContainer.mjs +2 -3
  240. package/PigmentGrid/PigmentGrid.d.mts +2 -2
  241. package/PigmentGrid/PigmentGrid.d.ts +2 -2
  242. package/PigmentGrid/PigmentGrid.js +2 -2
  243. package/PigmentGrid/PigmentGrid.mjs +2 -2
  244. package/PigmentStack/PigmentStack.d.mts +2 -2
  245. package/PigmentStack/PigmentStack.d.ts +2 -2
  246. package/PigmentStack/PigmentStack.js +2 -2
  247. package/PigmentStack/PigmentStack.mjs +2 -2
  248. package/Popover/Popover.d.mts +4 -4
  249. package/Popover/Popover.d.ts +4 -4
  250. package/Popper/BasePopper.js +23 -1
  251. package/Popper/BasePopper.mjs +23 -1
  252. package/Popper/Popper.d.mts +4 -4
  253. package/Popper/Popper.d.ts +4 -4
  254. package/Popper/Popper.js +4 -4
  255. package/Popper/Popper.mjs +4 -4
  256. package/Portal/Portal.d.mts +2 -2
  257. package/Portal/Portal.d.ts +2 -2
  258. package/Portal/Portal.js +2 -2
  259. package/Portal/Portal.mjs +2 -2
  260. package/README.md +3 -3
  261. package/Radio/Radio.d.mts +3 -3
  262. package/Radio/Radio.d.ts +3 -3
  263. package/RadioGroup/RadioGroup.d.mts +3 -3
  264. package/RadioGroup/RadioGroup.d.ts +3 -3
  265. package/Rating/Rating.d.mts +2 -2
  266. package/Rating/Rating.d.ts +2 -2
  267. package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
  268. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  269. package/Select/Select.d.mts +3 -3
  270. package/Select/Select.d.ts +3 -3
  271. package/Select/Select.js +2 -5
  272. package/Select/Select.mjs +2 -5
  273. package/Select/SelectInput.js +164 -2
  274. package/Select/SelectInput.mjs +164 -2
  275. package/Skeleton/Skeleton.d.mts +2 -2
  276. package/Skeleton/Skeleton.d.ts +2 -2
  277. package/Slide/Slide.d.mts +4 -4
  278. package/Slide/Slide.d.ts +4 -4
  279. package/Slide/Slide.js +73 -50
  280. package/Slide/Slide.mjs +74 -52
  281. package/Slider/Slider.d.mts +4 -4
  282. package/Slider/Slider.d.ts +4 -4
  283. package/Slider/Slider.js +11 -2
  284. package/Slider/Slider.mjs +11 -2
  285. package/Slider/useSlider.d.mts +1 -1
  286. package/Slider/useSlider.d.ts +1 -1
  287. package/Slider/useSlider.js +236 -209
  288. package/Slider/useSlider.mjs +236 -209
  289. package/Slider/useSlider.types.d.mts +2 -2
  290. package/Slider/useSlider.types.d.ts +2 -2
  291. package/Snackbar/Snackbar.d.mts +2 -2
  292. package/Snackbar/Snackbar.d.ts +2 -2
  293. package/SnackbarContent/SnackbarContent.d.mts +3 -3
  294. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  295. package/SpeedDial/SpeedDial.d.mts +2 -2
  296. package/SpeedDial/SpeedDial.d.ts +2 -2
  297. package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
  298. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  299. package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
  300. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  301. package/Stack/Stack.d.mts +2 -2
  302. package/Stack/Stack.d.ts +2 -2
  303. package/Step/Step.d.mts +2 -2
  304. package/Step/Step.d.ts +2 -2
  305. package/StepButton/StepButton.d.mts +3 -3
  306. package/StepButton/StepButton.d.ts +3 -3
  307. package/StepConnector/StepConnector.d.mts +2 -2
  308. package/StepConnector/StepConnector.d.ts +2 -2
  309. package/StepConnector/StepConnector.js +1 -2
  310. package/StepConnector/StepConnector.mjs +1 -2
  311. package/StepContent/StepContent.d.mts +2 -2
  312. package/StepContent/StepContent.d.ts +2 -2
  313. package/StepIcon/StepIcon.d.mts +3 -3
  314. package/StepIcon/StepIcon.d.ts +3 -3
  315. package/StepLabel/StepLabel.d.mts +2 -2
  316. package/StepLabel/StepLabel.d.ts +2 -2
  317. package/Stepper/Stepper.d.mts +2 -2
  318. package/Stepper/Stepper.d.ts +2 -2
  319. package/SvgIcon/SvgIcon.d.mts +3 -3
  320. package/SvgIcon/SvgIcon.d.ts +3 -3
  321. package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
  322. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  323. package/SwipeableDrawer/SwipeableDrawer.js +7 -6
  324. package/SwipeableDrawer/SwipeableDrawer.mjs +7 -6
  325. package/Switch/Switch.d.mts +4 -4
  326. package/Switch/Switch.d.ts +4 -4
  327. package/Switch/Switch.js +9 -4
  328. package/Switch/Switch.mjs +9 -4
  329. package/Tab/Tab.d.mts +3 -3
  330. package/Tab/Tab.d.ts +3 -3
  331. package/TabScrollButton/TabScrollButton.d.mts +2 -2
  332. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  333. package/Table/Table.d.mts +2 -2
  334. package/Table/Table.d.ts +2 -2
  335. package/TableBody/TableBody.d.mts +2 -2
  336. package/TableBody/TableBody.d.ts +2 -2
  337. package/TableCell/TableCell.d.mts +2 -2
  338. package/TableCell/TableCell.d.ts +2 -2
  339. package/TableContainer/TableContainer.d.mts +2 -2
  340. package/TableContainer/TableContainer.d.ts +2 -2
  341. package/TableFooter/TableFooter.d.mts +2 -2
  342. package/TableFooter/TableFooter.d.ts +2 -2
  343. package/TableHead/TableHead.d.mts +2 -2
  344. package/TableHead/TableHead.d.ts +2 -2
  345. package/TablePagination/TablePagination.d.mts +4 -4
  346. package/TablePagination/TablePagination.d.ts +4 -4
  347. package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
  348. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  349. package/TableRow/TableRow.d.mts +2 -2
  350. package/TableRow/TableRow.d.ts +2 -2
  351. package/TableSortLabel/TableSortLabel.d.mts +3 -3
  352. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  353. package/TableSortLabel/TableSortLabel.js +1 -2
  354. package/TableSortLabel/TableSortLabel.mjs +1 -2
  355. package/Tabs/ScrollbarSize.js +2 -1
  356. package/Tabs/ScrollbarSize.mjs +2 -1
  357. package/Tabs/Tabs.d.mts +2 -2
  358. package/Tabs/Tabs.d.ts +2 -2
  359. package/Tabs/Tabs.js +2 -1
  360. package/Tabs/Tabs.mjs +2 -1
  361. package/TextField/TextField.d.mts +10 -10
  362. package/TextField/TextField.d.ts +10 -10
  363. package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
  364. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  365. package/TextareaAutosize/TextareaAutosize.js +2 -2
  366. package/TextareaAutosize/TextareaAutosize.mjs +2 -2
  367. package/ToggleButton/ToggleButton.d.mts +3 -3
  368. package/ToggleButton/ToggleButton.d.ts +3 -3
  369. package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
  370. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  371. package/Toolbar/Toolbar.d.mts +2 -2
  372. package/Toolbar/Toolbar.d.ts +2 -2
  373. package/Tooltip/Tooltip.d.mts +2 -2
  374. package/Tooltip/Tooltip.d.ts +2 -2
  375. package/Tooltip/Tooltip.js +26 -108
  376. package/Tooltip/Tooltip.mjs +26 -108
  377. package/Typography/Typography.d.mts +4 -4
  378. package/Typography/Typography.d.ts +4 -4
  379. package/Unstable_TrapFocus/FocusTrap.js +18 -14
  380. package/Unstable_TrapFocus/FocusTrap.mjs +18 -14
  381. package/Zoom/Zoom.d.mts +3 -3
  382. package/Zoom/Zoom.d.ts +3 -3
  383. package/Zoom/Zoom.js +24 -30
  384. package/Zoom/Zoom.mjs +25 -31
  385. package/index.js +1 -1
  386. package/index.mjs +1 -1
  387. package/package.json +7 -7
  388. package/styles/createThemeNoVars.js +1 -1
  389. package/styles/createThemeNoVars.mjs +1 -1
  390. package/styles/responsiveFontSizes.js +19 -8
  391. package/styles/responsiveFontSizes.mjs +19 -8
  392. package/styles/useThemeProps.d.mts +3 -3
  393. package/styles/useThemeProps.d.ts +3 -3
  394. package/transitions/utils.d.mts +24 -0
  395. package/transitions/utils.d.ts +24 -0
  396. package/transitions/utils.js +91 -0
  397. package/transitions/utils.mjs +88 -0
  398. package/useAutocomplete/useAutocomplete.d.mts +4 -5
  399. package/useAutocomplete/useAutocomplete.d.ts +4 -5
  400. package/useAutocomplete/useAutocomplete.js +166 -53
  401. package/useAutocomplete/useAutocomplete.mjs +166 -53
  402. package/utils/contains.d.mts +2 -0
  403. package/utils/contains.d.ts +2 -0
  404. package/utils/contains.js +9 -0
  405. package/utils/contains.mjs +2 -0
  406. package/utils/focusable.d.mts +7 -0
  407. package/utils/focusable.d.ts +7 -0
  408. package/utils/focusable.js +20 -0
  409. package/utils/focusable.mjs +13 -0
  410. package/utils/getEventTarget.d.mts +2 -0
  411. package/utils/getEventTarget.d.ts +2 -0
  412. package/utils/getEventTarget.js +9 -0
  413. package/utils/getEventTarget.mjs +2 -0
  414. package/utils/mergeSlotProps.js +2 -8
  415. package/utils/mergeSlotProps.mjs +1 -8
  416. package/version/index.js +3 -3
  417. package/version/index.mjs +3 -3
  418. package/FormControl/formControlState.js +0 -21
  419. package/FormControl/formControlState.mjs +0 -15
package/Tabs/Tabs.d.ts CHANGED
@@ -225,11 +225,11 @@ export interface TabsTypeMap<AdditionalProps = {}, RootComponent extends React.E
225
225
  *
226
226
  * Demos:
227
227
  *
228
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
228
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
229
229
  *
230
230
  * API:
231
231
  *
232
- * - [Tabs API](https://next.mui.com/material-ui/api/tabs/)
232
+ * - [Tabs API](https://mui.com/material-ui/api/tabs/)
233
233
  */
234
234
  declare const Tabs: OverridableComponent<TabsTypeMap>;
235
235
  export interface TabsActions {
package/Tabs/Tabs.js CHANGED
@@ -27,6 +27,7 @@ var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
27
27
  var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
28
28
  var _isLayoutSupported = _interopRequireDefault(require("../utils/isLayoutSupported"));
29
29
  var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
30
+ var _contains = _interopRequireDefault(require("../utils/contains"));
30
31
  var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
31
32
  var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
32
33
  var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
@@ -710,7 +711,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
710
711
  getSlotProps: handlers => ({
711
712
  ...handlers,
712
713
  onBlur: event => {
713
- if (!event.currentTarget.contains(event.relatedTarget)) {
714
+ if (!(0, _contains.default)(event.currentTarget, event.relatedTarget)) {
714
715
  setIsFocusWithinList(false);
715
716
  }
716
717
  handlers.onBlur?.(event);
package/Tabs/Tabs.mjs CHANGED
@@ -20,6 +20,7 @@ import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.mjs";
20
20
  import ownerWindow from "../utils/ownerWindow.mjs";
21
21
  import isLayoutSupported from "../utils/isLayoutSupported.mjs";
22
22
  import useSlot from "../utils/useSlot.mjs";
23
+ import contains from "../utils/contains.mjs";
23
24
  import getActiveElement from "../utils/getActiveElement.mjs";
24
25
  import ownerDocument from "../utils/ownerDocument.mjs";
25
26
  import useForkRef from "../utils/useForkRef.mjs";
@@ -703,7 +704,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
703
704
  getSlotProps: handlers => ({
704
705
  ...handlers,
705
706
  onBlur: event => {
706
- if (!event.currentTarget.contains(event.relatedTarget)) {
707
+ if (!contains(event.currentTarget, event.relatedTarget)) {
707
708
  setIsFocusWithinList(false);
708
709
  }
709
710
  handlers.onBlur?.(event);
@@ -260,12 +260,12 @@ export type TextFieldOwnerState = BaseTextFieldProps;
260
260
  * It's important to understand that the text field is a simple abstraction
261
261
  * on top of the following components:
262
262
  *
263
- * * [FormControl](https://next.mui.com/material-ui/api/form-control/)
264
- * * [InputLabel](https://next.mui.com/material-ui/api/input-label/)
265
- * * [FilledInput](https://next.mui.com/material-ui/api/filled-input/)
266
- * * [OutlinedInput](https://next.mui.com/material-ui/api/outlined-input/)
267
- * * [Input](https://next.mui.com/material-ui/api/input/)
268
- * * [FormHelperText](https://next.mui.com/material-ui/api/form-helper-text/)
263
+ * * [FormControl](https://mui.com/material-ui/api/form-control/)
264
+ * * [InputLabel](https://mui.com/material-ui/api/input-label/)
265
+ * * [FilledInput](https://mui.com/material-ui/api/filled-input/)
266
+ * * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
267
+ * * [Input](https://mui.com/material-ui/api/input/)
268
+ * * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
269
269
  *
270
270
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
271
271
  *
@@ -287,13 +287,13 @@ export type TextFieldOwnerState = BaseTextFieldProps;
287
287
  *
288
288
  * Demos:
289
289
  *
290
- * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
291
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
290
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
291
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
292
292
  *
293
293
  * API:
294
294
  *
295
- * - [TextField API](https://next.mui.com/material-ui/api/text-field/)
296
- * - inherits [FormControl API](https://next.mui.com/material-ui/api/form-control/)
295
+ * - [TextField API](https://mui.com/material-ui/api/text-field/)
296
+ * - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
297
297
  */
298
298
  export default function TextField<Variant extends TextFieldVariants>(props: {
299
299
  /**
@@ -260,12 +260,12 @@ export type TextFieldOwnerState = BaseTextFieldProps;
260
260
  * It's important to understand that the text field is a simple abstraction
261
261
  * on top of the following components:
262
262
  *
263
- * * [FormControl](https://next.mui.com/material-ui/api/form-control/)
264
- * * [InputLabel](https://next.mui.com/material-ui/api/input-label/)
265
- * * [FilledInput](https://next.mui.com/material-ui/api/filled-input/)
266
- * * [OutlinedInput](https://next.mui.com/material-ui/api/outlined-input/)
267
- * * [Input](https://next.mui.com/material-ui/api/input/)
268
- * * [FormHelperText](https://next.mui.com/material-ui/api/form-helper-text/)
263
+ * * [FormControl](https://mui.com/material-ui/api/form-control/)
264
+ * * [InputLabel](https://mui.com/material-ui/api/input-label/)
265
+ * * [FilledInput](https://mui.com/material-ui/api/filled-input/)
266
+ * * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
267
+ * * [Input](https://mui.com/material-ui/api/input/)
268
+ * * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
269
269
  *
270
270
  * If you wish to alter the props applied to the `input` element, you can do so as follows:
271
271
  *
@@ -287,13 +287,13 @@ export type TextFieldOwnerState = BaseTextFieldProps;
287
287
  *
288
288
  * Demos:
289
289
  *
290
- * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
291
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
290
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
291
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
292
292
  *
293
293
  * API:
294
294
  *
295
- * - [TextField API](https://next.mui.com/material-ui/api/text-field/)
296
- * - inherits [FormControl API](https://next.mui.com/material-ui/api/form-control/)
295
+ * - [TextField API](https://mui.com/material-ui/api/text-field/)
296
+ * - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
297
297
  */
298
298
  export default function TextField<Variant extends TextFieldVariants>(props: {
299
299
  /**
@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from "./TextareaAutosize.types.mjs";
4
4
  *
5
5
  * Demos:
6
6
  *
7
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
7
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
8
8
  *
9
9
  * API:
10
10
  *
11
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
11
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
12
12
  */
13
13
  declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
14
14
  export default TextareaAutosize;
@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from "./TextareaAutosize.types.js";
4
4
  *
5
5
  * Demos:
6
6
  *
7
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
7
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
8
8
  *
9
9
  * API:
10
10
  *
11
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
11
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
12
12
  */
13
13
  declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
14
14
  export default TextareaAutosize;
@@ -48,11 +48,11 @@ function isEmpty(obj) {
48
48
  *
49
49
  * Demos:
50
50
  *
51
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
51
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
52
52
  *
53
53
  * API:
54
54
  *
55
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
55
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
56
56
  */
57
57
  const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
58
58
  const {
@@ -41,11 +41,11 @@ function isEmpty(obj) {
41
41
  *
42
42
  * Demos:
43
43
  *
44
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
44
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
45
45
  *
46
46
  * API:
47
47
  *
48
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
48
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
49
49
  */
50
50
  const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
51
51
  const {
@@ -81,12 +81,12 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
81
81
  *
82
82
  * Demos:
83
83
  *
84
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
84
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
85
85
  *
86
86
  * API:
87
87
  *
88
- * - [ToggleButton API](https://next.mui.com/material-ui/api/toggle-button/)
89
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
88
+ * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
89
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
90
90
  */
91
91
  declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
92
92
  export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -81,12 +81,12 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
81
81
  *
82
82
  * Demos:
83
83
  *
84
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
84
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
85
85
  *
86
86
  * API:
87
87
  *
88
- * - [ToggleButton API](https://next.mui.com/material-ui/api/toggle-button/)
89
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
88
+ * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
89
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
90
90
  */
91
91
  declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
92
92
  export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
73
73
  *
74
74
  * Demos:
75
75
  *
76
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
76
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
77
77
  *
78
78
  * API:
79
79
  *
80
- * - [ToggleButtonGroup API](https://next.mui.com/material-ui/api/toggle-button-group/)
80
+ * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
81
81
  */
82
82
  export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;
@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
73
73
  *
74
74
  * Demos:
75
75
  *
76
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
76
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
77
77
  *
78
78
  * API:
79
79
  *
80
- * - [ToggleButtonGroup API](https://next.mui.com/material-ui/api/toggle-button-group/)
80
+ * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
81
81
  */
82
82
  export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;
@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
41
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [Toolbar API](https://next.mui.com/material-ui/api/toolbar/)
45
+ * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
46
46
  */
47
47
  declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
48
48
  export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
38
38
  *
39
39
  * Demos:
40
40
  *
41
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
41
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
42
42
  *
43
43
  * API:
44
44
  *
45
- * - [Toolbar API](https://next.mui.com/material-ui/api/toolbar/)
45
+ * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
46
46
  */
47
47
  declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
48
48
  export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
167
167
  *
168
168
  * Demos:
169
169
  *
170
- * - [Tooltip](https://next.mui.com/material-ui/react-tooltip/)
170
+ * - [Tooltip](https://mui.com/material-ui/react-tooltip/)
171
171
  *
172
172
  * API:
173
173
  *
174
- * - [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
174
+ * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
175
175
  */
176
176
  export default function Tooltip(props: TooltipProps): React.JSX.Element;
@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
167
167
  *
168
168
  * Demos:
169
169
  *
170
- * - [Tooltip](https://next.mui.com/material-ui/react-tooltip/)
170
+ * - [Tooltip](https://mui.com/material-ui/react-tooltip/)
171
171
  *
172
172
  * API:
173
173
  *
174
- * - [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
174
+ * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
175
175
  */
176
176
  export default function Tooltip(props: TooltipProps): React.JSX.Element;
@@ -14,7 +14,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
14
14
  var _useTimeout = _interopRequireWildcard(require("@mui/utils/useTimeout"));
15
15
  var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
16
16
  var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
17
- var _RtlProvider = require("@mui/system/RtlProvider");
18
17
  var _isFocusVisible = _interopRequireDefault(require("@mui/utils/isFocusVisible"));
19
18
  var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
20
19
  var _zeroStyled = require("../zero-styled");
@@ -64,17 +63,11 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
64
63
  pointerEvents: 'none',
65
64
  variants: [{
66
65
  props: ({
67
- ownerState
68
- }) => !ownerState.disableInteractive,
69
- style: {
70
- pointerEvents: 'auto'
71
- }
72
- }, {
73
- props: ({
66
+ ownerState,
74
67
  open
75
- }) => !open,
68
+ }) => open && !ownerState.disableInteractive,
76
69
  style: {
77
- pointerEvents: 'none'
70
+ pointerEvents: 'auto'
78
71
  }
79
72
  }, {
80
73
  props: ({
@@ -98,6 +91,8 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
98
91
  [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
99
92
  height: '1em',
100
93
  width: '0.71em',
94
+ insetInlineStart: 0,
95
+ marginInlineStart: '-0.71em',
101
96
  '&::before': {
102
97
  transformOrigin: '100% 100%'
103
98
  }
@@ -105,51 +100,13 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
105
100
  [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
106
101
  height: '1em',
107
102
  width: '0.71em',
103
+ insetInlineEnd: 0,
104
+ marginInlineEnd: '-0.71em',
108
105
  '&::before': {
109
106
  transformOrigin: '0 0'
110
107
  }
111
108
  }
112
109
  }
113
- }, {
114
- props: ({
115
- ownerState
116
- }) => ownerState.arrow && !ownerState.isRtl,
117
- style: {
118
- [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
119
- left: 0,
120
- marginLeft: '-0.71em'
121
- }
122
- }
123
- }, {
124
- props: ({
125
- ownerState
126
- }) => ownerState.arrow && !!ownerState.isRtl,
127
- style: {
128
- [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
129
- right: 0,
130
- marginRight: '-0.71em'
131
- }
132
- }
133
- }, {
134
- props: ({
135
- ownerState
136
- }) => ownerState.arrow && !ownerState.isRtl,
137
- style: {
138
- [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
139
- right: 0,
140
- marginRight: '-0.71em'
141
- }
142
- }
143
- }, {
144
- props: ({
145
- ownerState
146
- }) => ownerState.arrow && !!ownerState.isRtl,
147
- style: {
148
- [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
149
- left: 0,
150
- marginLeft: '-0.71em'
151
- }
152
- }
153
110
  }]
154
111
  })));
155
112
  const TooltipTooltip = (0, _zeroStyled.styled)('div', {
@@ -175,10 +132,12 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
175
132
  wordWrap: 'break-word',
176
133
  fontWeight: theme.typography.fontWeightMedium,
177
134
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
178
- transformOrigin: 'right center'
135
+ transformOrigin: 'right center',
136
+ marginInlineEnd: '14px'
179
137
  },
180
138
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
181
- transformOrigin: 'left center'
139
+ transformOrigin: 'left center',
140
+ marginInlineStart: '14px'
182
141
  },
183
142
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
184
143
  transformOrigin: 'center bottom',
@@ -194,7 +153,7 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
194
153
  }) => ownerState.arrow,
195
154
  style: {
196
155
  position: 'relative',
197
- margin: 0
156
+ marginBlock: 0
198
157
  }
199
158
  }, {
200
159
  props: ({
@@ -209,65 +168,17 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
209
168
  }, {
210
169
  props: ({
211
170
  ownerState
212
- }) => !ownerState.isRtl,
213
- style: {
214
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
215
- marginRight: '14px'
216
- },
217
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
218
- marginLeft: '14px'
219
- }
220
- }
221
- }, {
222
- props: ({
223
- ownerState
224
- }) => !ownerState.isRtl && ownerState.touch,
171
+ }) => ownerState.touch,
225
172
  style: {
226
173
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
227
- marginRight: '24px'
174
+ marginInlineEnd: '24px'
228
175
  },
229
176
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
230
- marginLeft: '24px'
231
- }
232
- }
233
- }, {
234
- props: ({
235
- ownerState
236
- }) => !!ownerState.isRtl,
237
- style: {
238
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
239
- marginLeft: '14px'
177
+ marginInlineStart: '24px'
240
178
  },
241
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
242
- marginRight: '14px'
243
- }
244
- }
245
- }, {
246
- props: ({
247
- ownerState
248
- }) => !!ownerState.isRtl && ownerState.touch,
249
- style: {
250
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
251
- marginLeft: '24px'
252
- },
253
- [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
254
- marginRight: '24px'
255
- }
256
- }
257
- }, {
258
- props: ({
259
- ownerState
260
- }) => ownerState.touch,
261
- style: {
262
179
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
263
180
  marginBottom: '24px'
264
- }
265
- }
266
- }, {
267
- props: ({
268
- ownerState
269
- }) => ownerState.touch,
270
- style: {
181
+ },
271
182
  [`.${_tooltipClasses.default.popper}[data-popper-placement*="bottom"] &`]: {
272
183
  marginTop: '24px'
273
184
  }
@@ -350,7 +261,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
350
261
  children: childrenProp
351
262
  });
352
263
  const theme = (0, _zeroStyled.useTheme)();
353
- const isRtl = (0, _RtlProvider.useRtl)();
354
264
  const [childNode, setChildNode] = React.useState();
355
265
  const [arrowRef, setArrowRef] = React.useState(null);
356
266
  const ignoreNonTouchEvents = React.useRef(false);
@@ -450,7 +360,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
450
360
  const handleBlur = event => {
451
361
  // Needed for https://github.com/mui/material-ui/issues/45373
452
362
  const target = event?.target ?? childNode;
453
- if (!target || !(0, _isFocusVisible.default)(target)) {
363
+ if (!target || target.disabled || !(0, _isFocusVisible.default)(target)) {
454
364
  setChildIsFocusVisible(false);
455
365
 
456
366
  // InputBase can call onBlur() without an event when the input becomes disabled.
@@ -478,6 +388,15 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
478
388
  setChildNode(event.currentTarget);
479
389
  }
480
390
  if ((0, _isFocusVisible.default)(event.target)) {
391
+ // Workaround for https://github.com/facebook/react/issues/9142.
392
+ // React does not fire blur when a focused element becomes disabled.
393
+ const handleNativeBlur = blurEvent => {
394
+ if (blurEvent.target.disabled) {
395
+ handleBlur(blurEvent);
396
+ }
397
+ blurEvent.target.removeEventListener('blur', handleNativeBlur);
398
+ };
399
+ event.target.addEventListener('blur', handleNativeBlur);
481
400
  setChildIsFocusVisible(true);
482
401
  handleMouseOver(event);
483
402
  }
@@ -609,7 +528,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
609
528
  }
610
529
  const ownerState = {
611
530
  ...props,
612
- isRtl,
613
531
  arrow,
614
532
  disableInteractive,
615
533
  placement,