@mui/material 7.3.4 → 7.3.6

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 (202) hide show
  1. package/Accordion/Accordion.d.ts +56 -55
  2. package/AccordionSummary/accordionSummaryClasses.d.ts +1 -1
  3. package/Alert/alertClasses.d.ts +24 -24
  4. package/AppBar/AppBar.d.ts +13 -2
  5. package/AppBar/AppBar.js +12 -1
  6. package/Breadcrumbs/BreadcrumbCollapsed.js +0 -2
  7. package/Button/Button.d.ts +1 -0
  8. package/Button/buttonClasses.d.ts +33 -33
  9. package/ButtonBase/ButtonBase.js +8 -1
  10. package/ButtonBase/TouchRipple.js +1 -1
  11. package/ButtonGroup/buttonGroupClasses.d.ts +17 -17
  12. package/CHANGELOG.md +142 -0
  13. package/Chip/Chip.js +1 -1
  14. package/Chip/chipClasses.d.ts +26 -26
  15. package/CircularProgress/circularProgressClasses.d.ts +2 -2
  16. package/Collapse/Collapse.d.ts +31 -1
  17. package/Collapse/Collapse.js +73 -30
  18. package/CssBaseline/CssBaseline.d.ts +1 -1
  19. package/CssBaseline/CssBaseline.js +1 -1
  20. package/DefaultPropsProvider/DefaultPropsProvider.d.ts +1 -1
  21. package/Dialog/dialogClasses.d.ts +2 -2
  22. package/Divider/dividerClasses.d.ts +1 -1
  23. package/Drawer/drawerClasses.d.ts +8 -8
  24. package/FormControl/FormControl.d.ts +1 -0
  25. package/FormHelperText/FormHelperText.d.ts +1 -0
  26. package/FormLabel/FormLabel.d.ts +1 -0
  27. package/GlobalStyles/GlobalStyles.js +0 -2
  28. package/IconButton/IconButton.d.ts +1 -0
  29. package/ImageListItemBar/imageListItemBarClasses.d.ts +4 -4
  30. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +1 -2
  31. package/InitColorSchemeScript/InitColorSchemeScript.js +0 -2
  32. package/Input/inputClasses.d.ts +4 -4
  33. package/InputBase/inputBaseClasses.d.ts +5 -5
  34. package/InputLabel/InputLabel.d.ts +1 -0
  35. package/LinearProgress/linearProgressClasses.d.ts +9 -9
  36. package/ListItem/ListItem.d.ts +5 -0
  37. package/ListItem/ListItem.js +19 -4
  38. package/MenuList/MenuList.js +2 -1
  39. package/OutlinedInput/NotchedOutline.js +0 -2
  40. package/OutlinedInput/OutlinedInput.d.ts +1 -0
  41. package/OutlinedInput/outlinedInputClasses.d.ts +4 -4
  42. package/PaginationItem/paginationItemClasses.d.ts +4 -4
  43. package/Radio/RadioButtonIcon.js +0 -2
  44. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  45. package/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  46. package/Select/SelectInput.d.ts +2 -0
  47. package/Select/SelectInput.js +6 -0
  48. package/Select/selectClasses.d.ts +3 -3
  49. package/Slider/Slider.d.ts +1 -1
  50. package/Slider/sliderClasses.d.ts +7 -7
  51. package/Slider/useSlider.types.d.ts +1 -1
  52. package/Snackbar/Snackbar.js +1 -3
  53. package/StepConnector/stepConnectorClasses.d.ts +2 -2
  54. package/TableSortLabel/tableSortLabelClasses.d.ts +2 -2
  55. package/Tabs/Tabs.js +3 -2
  56. package/TextField/TextField.d.ts +10 -5
  57. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +2 -2
  58. package/Unstable_TrapFocus/FocusTrap.js +13 -8
  59. package/Zoom/Zoom.d.ts +1 -1
  60. package/Zoom/Zoom.js +1 -1
  61. package/esm/Accordion/Accordion.d.ts +56 -55
  62. package/esm/AccordionSummary/accordionSummaryClasses.d.ts +1 -1
  63. package/esm/Alert/alertClasses.d.ts +24 -24
  64. package/esm/AppBar/AppBar.d.ts +13 -2
  65. package/esm/AppBar/AppBar.js +12 -1
  66. package/esm/Breadcrumbs/BreadcrumbCollapsed.js +0 -1
  67. package/esm/Button/Button.d.ts +1 -0
  68. package/esm/Button/buttonClasses.d.ts +33 -33
  69. package/esm/ButtonBase/ButtonBase.js +8 -1
  70. package/esm/ButtonBase/TouchRipple.js +1 -1
  71. package/esm/ButtonGroup/buttonGroupClasses.d.ts +17 -17
  72. package/esm/Chip/Chip.js +1 -1
  73. package/esm/Chip/chipClasses.d.ts +26 -26
  74. package/esm/CircularProgress/circularProgressClasses.d.ts +2 -2
  75. package/esm/Collapse/Collapse.d.ts +31 -1
  76. package/esm/Collapse/Collapse.js +73 -30
  77. package/esm/CssBaseline/CssBaseline.d.ts +1 -1
  78. package/esm/CssBaseline/CssBaseline.js +1 -1
  79. package/esm/DefaultPropsProvider/DefaultPropsProvider.d.ts +1 -1
  80. package/esm/Dialog/dialogClasses.d.ts +2 -2
  81. package/esm/Divider/dividerClasses.d.ts +1 -1
  82. package/esm/Drawer/drawerClasses.d.ts +8 -8
  83. package/esm/FormControl/FormControl.d.ts +1 -0
  84. package/esm/FormHelperText/FormHelperText.d.ts +1 -0
  85. package/esm/FormLabel/FormLabel.d.ts +1 -0
  86. package/esm/GlobalStyles/GlobalStyles.js +0 -1
  87. package/esm/IconButton/IconButton.d.ts +1 -0
  88. package/esm/ImageListItemBar/imageListItemBarClasses.d.ts +4 -4
  89. package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +1 -2
  90. package/esm/InitColorSchemeScript/InitColorSchemeScript.js +0 -1
  91. package/esm/Input/inputClasses.d.ts +4 -4
  92. package/esm/InputBase/inputBaseClasses.d.ts +5 -5
  93. package/esm/InputLabel/InputLabel.d.ts +1 -0
  94. package/esm/LinearProgress/linearProgressClasses.d.ts +9 -9
  95. package/esm/ListItem/ListItem.d.ts +5 -0
  96. package/esm/ListItem/ListItem.js +19 -4
  97. package/esm/MenuList/MenuList.js +2 -1
  98. package/esm/OutlinedInput/NotchedOutline.js +0 -1
  99. package/esm/OutlinedInput/OutlinedInput.d.ts +1 -0
  100. package/esm/OutlinedInput/outlinedInputClasses.d.ts +4 -4
  101. package/esm/PaginationItem/paginationItemClasses.d.ts +4 -4
  102. package/esm/Radio/RadioButtonIcon.js +0 -1
  103. package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +1 -1
  104. package/esm/ScopedCssBaseline/ScopedCssBaseline.js +1 -1
  105. package/esm/Select/SelectInput.d.ts +2 -0
  106. package/esm/Select/SelectInput.js +6 -0
  107. package/esm/Select/selectClasses.d.ts +3 -3
  108. package/esm/Slider/Slider.d.ts +1 -1
  109. package/esm/Slider/sliderClasses.d.ts +7 -7
  110. package/esm/Slider/useSlider.types.d.ts +1 -1
  111. package/esm/Snackbar/Snackbar.js +1 -3
  112. package/esm/StepConnector/stepConnectorClasses.d.ts +2 -2
  113. package/esm/TableSortLabel/tableSortLabelClasses.d.ts +2 -2
  114. package/esm/Tabs/Tabs.js +3 -2
  115. package/esm/TextField/TextField.d.ts +10 -5
  116. package/esm/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +2 -2
  117. package/esm/Unstable_TrapFocus/FocusTrap.js +13 -8
  118. package/esm/Zoom/Zoom.d.ts +1 -1
  119. package/esm/Zoom/Zoom.js +1 -1
  120. package/esm/index.js +1 -1
  121. package/esm/internal/svg-icons/Add.js +0 -1
  122. package/esm/internal/svg-icons/ArrowDownward.js +0 -1
  123. package/esm/internal/svg-icons/ArrowDropDown.js +0 -1
  124. package/esm/internal/svg-icons/Cancel.js +0 -1
  125. package/esm/internal/svg-icons/CheckBox.js +0 -1
  126. package/esm/internal/svg-icons/CheckBoxOutlineBlank.js +0 -1
  127. package/esm/internal/svg-icons/CheckCircle.js +0 -1
  128. package/esm/internal/svg-icons/Close.js +0 -1
  129. package/esm/internal/svg-icons/ErrorOutline.js +0 -1
  130. package/esm/internal/svg-icons/FirstPage.js +0 -1
  131. package/esm/internal/svg-icons/IndeterminateCheckBox.js +0 -1
  132. package/esm/internal/svg-icons/InfoOutlined.js +0 -1
  133. package/esm/internal/svg-icons/KeyboardArrowLeft.js +0 -1
  134. package/esm/internal/svg-icons/KeyboardArrowRight.js +0 -1
  135. package/esm/internal/svg-icons/LastPage.js +0 -1
  136. package/esm/internal/svg-icons/MoreHoriz.js +0 -1
  137. package/esm/internal/svg-icons/NavigateBefore.js +0 -1
  138. package/esm/internal/svg-icons/NavigateNext.js +0 -1
  139. package/esm/internal/svg-icons/Person.js +0 -1
  140. package/esm/internal/svg-icons/RadioButtonChecked.js +0 -1
  141. package/esm/internal/svg-icons/RadioButtonUnchecked.js +0 -1
  142. package/esm/internal/svg-icons/ReportProblemOutlined.js +0 -1
  143. package/esm/internal/svg-icons/Star.js +0 -1
  144. package/esm/internal/svg-icons/StarBorder.js +0 -1
  145. package/esm/internal/svg-icons/SuccessOutlined.js +0 -1
  146. package/esm/internal/svg-icons/Warning.js +0 -1
  147. package/esm/locale/caES.js +45 -42
  148. package/esm/styles/ThemeProvider.d.ts +1 -1
  149. package/esm/styles/ThemeProviderWithVars.d.ts +2 -3
  150. package/esm/styles/ThemeProviderWithVars.js +0 -1
  151. package/esm/styles/createThemeFoundation.d.ts +5 -3
  152. package/esm/styles/createThemeNoVars.d.ts +6 -3
  153. package/esm/styles/createThemeWithVars.d.ts +4 -4
  154. package/esm/styles/index.d.ts +1 -1
  155. package/esm/useAutocomplete/useAutocomplete.js +15 -2
  156. package/esm/utils/getActiveElement.d.ts +2 -0
  157. package/esm/utils/getActiveElement.js +2 -0
  158. package/esm/version/index.js +2 -2
  159. package/esm/zero-styled/index.d.ts +1 -2
  160. package/esm/zero-styled/index.js +0 -1
  161. package/index.js +1 -1
  162. package/internal/svg-icons/Add.js +0 -2
  163. package/internal/svg-icons/ArrowDownward.js +0 -2
  164. package/internal/svg-icons/ArrowDropDown.js +0 -2
  165. package/internal/svg-icons/Cancel.js +0 -2
  166. package/internal/svg-icons/CheckBox.js +0 -2
  167. package/internal/svg-icons/CheckBoxOutlineBlank.js +0 -2
  168. package/internal/svg-icons/CheckCircle.js +0 -2
  169. package/internal/svg-icons/Close.js +0 -2
  170. package/internal/svg-icons/ErrorOutline.js +0 -2
  171. package/internal/svg-icons/FirstPage.js +0 -2
  172. package/internal/svg-icons/IndeterminateCheckBox.js +0 -2
  173. package/internal/svg-icons/InfoOutlined.js +0 -2
  174. package/internal/svg-icons/KeyboardArrowLeft.js +0 -2
  175. package/internal/svg-icons/KeyboardArrowRight.js +0 -2
  176. package/internal/svg-icons/LastPage.js +0 -2
  177. package/internal/svg-icons/MoreHoriz.js +0 -2
  178. package/internal/svg-icons/NavigateBefore.js +0 -2
  179. package/internal/svg-icons/NavigateNext.js +0 -2
  180. package/internal/svg-icons/Person.js +0 -2
  181. package/internal/svg-icons/RadioButtonChecked.js +0 -2
  182. package/internal/svg-icons/RadioButtonUnchecked.js +0 -2
  183. package/internal/svg-icons/ReportProblemOutlined.js +0 -2
  184. package/internal/svg-icons/Star.js +0 -2
  185. package/internal/svg-icons/StarBorder.js +0 -2
  186. package/internal/svg-icons/SuccessOutlined.js +0 -2
  187. package/internal/svg-icons/Warning.js +0 -2
  188. package/locale/caES.js +45 -42
  189. package/package.json +7 -7
  190. package/styles/ThemeProvider.d.ts +1 -1
  191. package/styles/ThemeProviderWithVars.d.ts +2 -3
  192. package/styles/ThemeProviderWithVars.js +0 -2
  193. package/styles/createThemeFoundation.d.ts +5 -3
  194. package/styles/createThemeNoVars.d.ts +6 -3
  195. package/styles/createThemeWithVars.d.ts +4 -4
  196. package/styles/index.d.ts +1 -1
  197. package/useAutocomplete/useAutocomplete.js +15 -2
  198. package/utils/getActiveElement.d.ts +2 -0
  199. package/utils/getActiveElement.js +9 -0
  200. package/version/index.js +2 -2
  201. package/zero-styled/index.d.ts +1 -2
  202. package/zero-styled/index.js +0 -2
@@ -28,24 +28,24 @@ export interface InputBaseClasses {
28
28
  /** Styles applied to the input element. */
29
29
  input: string;
30
30
  /** Styles applied to the input element if `size="small"`.
31
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#inputbase-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
31
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
32
32
  */
33
33
  inputSizeSmall: string;
34
34
  /** Styles applied to the input element if `multiline={true}`.
35
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#inputbase-classes-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
35
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
36
36
  */
37
37
  inputMultiline: string;
38
38
  inputTypeSearch: string;
39
39
  /** Styles applied to the input element if `startAdornment` is provided.
40
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#inputbase-classes-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
40
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
41
41
  */
42
42
  inputAdornedStart: string;
43
43
  /** Styles applied to the input element if `endAdornment` is provided.
44
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#inputbase-classes-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
44
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
45
45
  */
46
46
  inputAdornedEnd: string;
47
47
  /** Styles applied to the input element if `hiddenLabel={true}`.
48
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#inputbase-classes-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
48
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-hiddenLabel](/material-ui/api/input-base/#input-base-classes-MuiInputBase-hiddenLabel) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
49
49
  */
50
50
  inputHiddenLabel: string;
51
51
  }
@@ -65,6 +65,7 @@ export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.
65
65
  *
66
66
  * Demos:
67
67
  *
68
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
68
69
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
69
70
  *
70
71
  * API:
@@ -16,11 +16,11 @@ export interface LinearProgressClasses {
16
16
  /** Styles applied to the additional bar element if `variant="buffer"`. */
17
17
  dashed: string;
18
18
  /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`.
19
- * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
19
+ * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-dashed) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
20
20
  */
21
21
  dashedColorPrimary: string;
22
22
  /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`.
23
- * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
23
+ * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-dashed) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
24
24
  */
25
25
  dashedColorSecondary: string;
26
26
  /** Styles applied to the layered bar1 and bar2 elements. */
@@ -30,31 +30,31 @@ export interface LinearProgressClasses {
30
30
  /** Styles applied to the bar2 element. */
31
31
  bar2: string;
32
32
  /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer".
33
- * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
33
+ * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
34
34
  */
35
35
  barColorPrimary: string;
36
36
  /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer".
37
- * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
37
+ * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
38
38
  */
39
39
  barColorSecondary: string;
40
40
  /** Styles applied to the bar1 element if `variant="indeterminate or query"`.
41
- * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
41
+ * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
42
42
  */
43
43
  bar1Indeterminate: string;
44
44
  /** Styles applied to the bar1 element if `variant="determinate"`.
45
- * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-determinate](/material-ui/api/linear-progress/#linear-progress-classes-determinate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
45
+ * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-determinate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-determinate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
46
46
  */
47
47
  bar1Determinate: string;
48
48
  /** Styles applied to the bar1 element if `variant="buffer"`.
49
- * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
49
+ * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar1) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
50
50
  */
51
51
  bar1Buffer: string;
52
52
  /** Styles applied to the bar2 element if `variant="indeterminate or query"`.
53
- * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
53
+ * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar2) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
54
54
  */
55
55
  bar2Indeterminate: string;
56
56
  /** Styles applied to the bar2 element if `variant="buffer"`.
57
- * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
57
+ * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-bar2) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-MuiLinearProgress-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
58
58
  */
59
59
  bar2Buffer: string;
60
60
  }
@@ -3,7 +3,9 @@ import { SxProps } from '@mui/system';
3
3
  import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { ListItemClasses } from "./listItemClasses.js";
6
+ import { SlotProps } from "../utils/types.js";
6
7
  export interface ListItemComponentsPropsOverrides {}
8
+ export interface ListItemSecondaryActionSlotPropsOverrides {}
7
9
 
8
10
  /**
9
11
  * This type is kept for compatibility. Use `ListItemOwnProps` instead.
@@ -65,6 +67,7 @@ export interface ListItemBaseProps {
65
67
  */
66
68
  sx?: SxProps<Theme>;
67
69
  }
70
+ export interface ListItemOwnerState extends Omit<ListItemProps, 'slots' | 'slotProps'> {}
68
71
  export interface ListItemOwnProps extends ListItemBaseProps {
69
72
  /**
70
73
  * The components used for each slot inside.
@@ -93,6 +96,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
93
96
  */
94
97
  slotProps?: {
95
98
  root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
99
+ secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState>;
96
100
  };
97
101
  /**
98
102
  * The components used for each slot inside.
@@ -101,6 +105,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
101
105
  */
102
106
  slots?: {
103
107
  root?: React.ElementType;
108
+ secondaryAction?: React.ElementType;
104
109
  };
105
110
  }
106
111
  export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
@@ -12,6 +12,7 @@ import memoTheme from "../utils/memoTheme.js";
12
12
  import { useDefaultProps } from "../DefaultPropsProvider/index.js";
13
13
  import isMuiElement from "../utils/isMuiElement.js";
14
14
  import useForkRef from "../utils/useForkRef.js";
15
+ import useSlot from "../utils/useSlot.js";
15
16
  import ListContext from "../List/ListContext.js";
16
17
  import { getListItemUtilityClass } from "./listItemClasses.js";
17
18
  import { listItemButtonClasses } from "../ListItemButton/index.js";
@@ -35,7 +36,8 @@ const useUtilityClasses = ownerState => {
35
36
  } = ownerState;
36
37
  const slots = {
37
38
  root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction'],
38
- container: ['container']
39
+ container: ['container'],
40
+ secondaryAction: ['secondaryAction']
39
41
  };
40
42
  return composeClasses(slots, getListItemUtilityClass, classes);
41
43
  };
@@ -197,6 +199,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
197
199
  };
198
200
  const classes = useUtilityClasses(ownerState);
199
201
  const handleRef = useForkRef(listItemRef, ref);
202
+ const externalForwardedProps = {
203
+ slots,
204
+ slotProps
205
+ };
206
+ const [SecondaryActionSlot, secondaryActionSlotProps] = useSlot('secondaryAction', {
207
+ elementType: ListItemSecondaryAction,
208
+ externalForwardedProps,
209
+ ownerState,
210
+ className: classes.secondaryAction
211
+ });
200
212
  const Root = slots.root || components.Root || ListItemRoot;
201
213
  const rootProps = slotProps.root || componentsProps.root || {};
202
214
  const componentProps = {
@@ -254,7 +266,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
254
266
  }
255
267
  }),
256
268
  ...componentProps,
257
- children: [children, secondaryAction && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
269
+ children: [children, secondaryAction && /*#__PURE__*/_jsx(SecondaryActionSlot, {
270
+ ...secondaryActionSlotProps,
258
271
  children: secondaryAction
259
272
  })]
260
273
  })
@@ -369,7 +382,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
369
382
  * @default {}
370
383
  */
371
384
  slotProps: PropTypes.shape({
372
- root: PropTypes.object
385
+ root: PropTypes.object,
386
+ secondaryAction: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
373
387
  }),
374
388
  /**
375
389
  * The components used for each slot inside.
@@ -377,7 +391,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
377
391
  * @default {}
378
392
  */
379
393
  slots: PropTypes.shape({
380
- root: PropTypes.elementType
394
+ root: PropTypes.elementType,
395
+ secondaryAction: PropTypes.elementType
381
396
  }),
382
397
  /**
383
398
  * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -5,6 +5,7 @@ import { isFragment } from 'react-is';
5
5
  import PropTypes from 'prop-types';
6
6
  import ownerDocument from "../utils/ownerDocument.js";
7
7
  import List from "../List/index.js";
8
+ import getActiveElement from "../utils/getActiveElement.js";
8
9
  import getScrollbarSize from "../utils/getScrollbarSize.js";
9
10
  import useForkRef from "../utils/useForkRef.js";
10
11
  import useEnhancedEffect from "../utils/useEnhancedEffect.js";
@@ -136,7 +137,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
136
137
  * or document.body or document.documentElement. Only the first case will
137
138
  * trigger this specific handler.
138
139
  */
139
- const currentFocus = ownerDocument(list).activeElement;
140
+ const currentFocus = getActiveElement(ownerDocument(list));
140
141
  if (key === 'ArrowDown') {
141
142
  // Prevent scroll of the page
142
143
  event.preventDefault();
@@ -1,7 +1,6 @@
1
1
  'use client';
2
2
 
3
3
  var _span;
4
- import * as React from 'react';
5
4
  import PropTypes from 'prop-types';
6
5
  import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
7
6
  import { styled } from "../zero-styled/index.js";
@@ -43,6 +43,7 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
43
43
  *
44
44
  * Demos:
45
45
  *
46
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
46
47
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
47
48
  *
48
49
  * API:
@@ -22,19 +22,19 @@ export interface OutlinedInputClasses {
22
22
  /** Styles applied to the input element. */
23
23
  input: string;
24
24
  /** Styles applied to the input element if `size="small"`.
25
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#inputbase-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
25
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-sizeSmall](/material-ui/api/input-base/#input-base-classes-MuiInputBase-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
26
26
  */
27
27
  inputSizeSmall: string;
28
28
  /** Styles applied to the input element if `multiline={true}`.
29
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#inputbase-classes-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
29
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-multiline](/material-ui/api/input-base/#input-base-classes-MuiInputBase-multiline) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
30
30
  */
31
31
  inputMultiline: string;
32
32
  /** Styles applied to the input element if `startAdornment` is provided.
33
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#inputbase-classes-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
33
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedStart](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedStart) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
34
34
  */
35
35
  inputAdornedStart: string;
36
36
  /** Styles applied to the input element if `endAdornment` is provided.
37
- * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#inputbase-classes-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#inputbase-classes-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
37
+ * @deprecated Combine the [.MuiInputBase-input](/material-ui/api/input-base/#input-base-classes-MuiInputBase-input) and [.MuiInputBase-adornedEnd](/material-ui/api/input-base/#input-base-classes-MuiInputBase-adornedEnd) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
38
38
  */
39
39
  inputAdornedEnd: string;
40
40
  /** Styles applied to the input element if `type="search"`. */
@@ -10,21 +10,21 @@ export interface PaginationItemClasses {
10
10
  /** Styles applied to the root element if `variant="text"`. */
11
11
  text: string;
12
12
  /** Styles applied to the root element if `variant="text"` and `color="primary"`.
13
- * @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-text) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
13
+ * @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-text) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
14
14
  */
15
15
  textPrimary: string;
16
16
  /** Styles applied to the root element if `variant="text"` and `color="secondary"`.
17
- * @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-text) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
17
+ * @deprecated Combine the [.MuiPaginationItem-text](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-text) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
18
18
  */
19
19
  textSecondary: string;
20
20
  /** Styles applied to the root element if `variant="outlined"`. */
21
21
  outlined: string;
22
22
  /** Styles applied to the root element if `variant="outlined"` and `color="primary"`.
23
- * @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-outlined) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
23
+ * @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-outlined) and [.MuiPaginationItem-colorPrimary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
24
24
  */
25
25
  outlinedPrimary: string;
26
26
  /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`.
27
- * @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-outlined) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
27
+ * @deprecated Combine the [.MuiPaginationItem-outlined](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-outlined) and [.MuiPaginationItem-colorSecondary](/material-ui/api/pagination-item/#pagination-item-classes-MuiPaginationItem-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
28
28
  */
29
29
  outlinedSecondary: string;
30
30
  /** Styles applied to the root element if `rounded="true"`. */
@@ -1,6 +1,5 @@
1
1
  'use client';
2
2
 
3
- import * as React from 'react';
4
3
  import PropTypes from 'prop-types';
5
4
  import RadioButtonUncheckedIcon from "../internal/svg-icons/RadioButtonUnchecked.js";
6
5
  import RadioButtonCheckedIcon from "../internal/svg-icons/RadioButtonChecked.js";
@@ -14,7 +14,7 @@ export interface ScopedCssBaselineOwnProps {
14
14
  classes?: Partial<ScopedCssBaselineClasses>;
15
15
  /**
16
16
  * Enable `color-scheme` CSS property to use `theme.palette.mode`.
17
- * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
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
20
  enableColorScheme?: boolean;
@@ -107,7 +107,7 @@ process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes /* remove-pr
107
107
  component: PropTypes.elementType,
108
108
  /**
109
109
  * Enable `color-scheme` CSS property to use `theme.palette.mode`.
110
- * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
110
+ * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
111
111
  * For browser support, check out https://caniuse.com/?search=color-scheme
112
112
  */
113
113
  enableColorScheme: PropTypes.bool,
@@ -41,6 +41,8 @@ export interface SelectInputProps<Value = unknown> {
41
41
  onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
42
42
  onClose?: (event: React.SyntheticEvent) => void;
43
43
  onFocus?: React.FocusEventHandler<any>;
44
+ onKeyDown?: React.KeyboardEventHandler;
45
+ onMouseDown?: React.MouseEventHandler;
44
46
  onOpen?: (event: React.SyntheticEvent) => void;
45
47
  open?: boolean;
46
48
  readOnly?: boolean;
@@ -128,6 +128,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
128
128
  onChange,
129
129
  onClose,
130
130
  onFocus,
131
+ // eslint-disable-next-line react/prop-types
132
+ onKeyDown,
133
+ // eslint-disable-next-line react/prop-types
134
+ onMouseDown,
131
135
  onOpen,
132
136
  open: openProp,
133
137
  readOnly,
@@ -222,6 +226,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
222
226
  }
223
227
  };
224
228
  const handleMouseDown = event => {
229
+ onMouseDown?.(event);
225
230
  // Ignore everything but left-click
226
231
  if (event.button !== 0) {
227
232
  return;
@@ -301,6 +306,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
301
306
  event.preventDefault();
302
307
  update(true, event);
303
308
  }
309
+ onKeyDown?.(event);
304
310
  }
305
311
  };
306
312
  const open = displayNode !== null && openState;
@@ -20,15 +20,15 @@ export interface SelectClasses {
20
20
  /** Styles applied to the icon component if the popup is open. */
21
21
  iconOpen: string;
22
22
  /** Styles applied to the icon component if `variant="filled"`.
23
- * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
23
+ * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-filled](/material-ui/api/select/#select-classes-MuiSelect-filled) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
24
24
  */
25
25
  iconFilled: string;
26
26
  /** Styles applied to the icon component if `variant="outlined"`.
27
- * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
27
+ * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-outlined](/material-ui/api/select/#select-classes-MuiSelect-outlined) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
28
28
  */
29
29
  iconOutlined: string;
30
30
  /** Styles applied to the icon component if `variant="standard"`.
31
- * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
31
+ * @deprecated Combine the [.MuiSelect-icon](/material-ui/api/select/#select-classes-MuiSelect-icon) and [.MuiSelect-standard](/material-ui/api/select/#select-classes-MuiSelect-standard) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
32
32
  */
33
33
  iconStandard: string;
34
34
  /** Styles applied to the underlying native input component. */
@@ -113,7 +113,7 @@ export interface SliderOwnProps<Value extends number | number[]> {
113
113
  * If an array, it should contain objects with `value` and an optional `label` keys.
114
114
  * @default false
115
115
  */
116
- marks?: boolean | Mark[];
116
+ marks?: boolean | readonly Mark[];
117
117
  /**
118
118
  * The maximum allowed value of the slider.
119
119
  * Should not be equal to min.
@@ -46,31 +46,31 @@ export interface SliderClasses {
46
46
  /** Styles applied to the root element if `size="small"`. */
47
47
  sizeSmall: string;
48
48
  /** Styles applied to the thumb element if `color="primary"`.
49
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
49
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorPrimary](/material-ui/api/slider/#slider-classes-MuiSlider-colorPrimary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
50
50
  */
51
51
  thumbColorPrimary: string;
52
52
  /** Styles applied to the thumb element if `color="secondary"`.
53
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
53
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorSecondary](/material-ui/api/slider/#slider-classes-MuiSlider-colorSecondary) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
54
54
  */
55
55
  thumbColorSecondary: string;
56
56
  /** Styles applied to the thumb element if `color="error"`.
57
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
57
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorError](/material-ui/api/slider/#slider-classes-MuiSlider-colorError) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
58
58
  */
59
59
  thumbColorError: string;
60
60
  /** Styles applied to the thumb element if `color="info"`.
61
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
61
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorInfo](/material-ui/api/slider/#slider-classes-MuiSlider-colorInfo) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
62
62
  */
63
63
  thumbColorInfo: string;
64
64
  /** Styles applied to the thumb element if `color="success"`.
65
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
65
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorSuccess](/material-ui/api/slider/#slider-classes-MuiSlider-colorSuccess) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
66
66
  */
67
67
  thumbColorSuccess: string;
68
68
  /** Styles applied to the thumb element if `color="warning"`.
69
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
69
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-colorWarning](/material-ui/api/slider/#slider-classes-MuiSlider-colorWarning) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
70
70
  */
71
71
  thumbColorWarning: string;
72
72
  /** Styles applied to the thumb element if `size="small"`.
73
- * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
73
+ * @deprecated Combine the [.MuiSlider-thumb](/material-ui/api/slider/#slider-classes-MuiSlider-thumb) and [.MuiSlider-sizeSmall](/material-ui/api/slider/#slider-classes-MuiSlider-sizeSmall) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
74
74
  */
75
75
  thumbSizeSmall: string;
76
76
  /** Styles applied to the thumb label element. */
@@ -198,7 +198,7 @@ export interface UseSliderReturnValue {
198
198
  /**
199
199
  * The marks of the slider. Marks indicate predetermined values to which the user can move the slider.
200
200
  */
201
- marks: Mark[];
201
+ marks: readonly Mark[];
202
202
  /**
203
203
  * The thumb index for the current value when in hover state.
204
204
  */
@@ -157,9 +157,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
157
157
  const {
158
158
  getRootProps,
159
159
  onClickAway
160
- } = useSnackbar({
161
- ...ownerState
162
- });
160
+ } = useSnackbar(ownerState);
163
161
  const [exited, setExited] = React.useState(true);
164
162
  const handleExited = node => {
165
163
  setExited(true);
@@ -16,11 +16,11 @@ export interface StepConnectorClasses {
16
16
  /** Styles applied to the line element. */
17
17
  line: string;
18
18
  /** Styles applied to the line element if `orientation="horizontal"`.
19
- * @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
19
+ * @deprecated Combine the [.MuiStepConnector-horizontal](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-horizontal) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
20
20
  */
21
21
  lineHorizontal: string;
22
22
  /** Styles applied to the line element if `orientation="vertical"`.
23
- * @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
23
+ * @deprecated Combine the [.MuiStepConnector-vertical](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-vertical) and [.MuiStepConnector-line](/material-ui/api/step-connector/#step-connector-classes-MuiStepConnector-line) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
24
24
  */
25
25
  lineVertical: string;
26
26
  }
@@ -10,11 +10,11 @@ export interface TableSortLabelClasses {
10
10
  /** Styles applied to the icon component. */
11
11
  icon: string;
12
12
  /** Styles applied to the icon component if `direction="desc"`.
13
- * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#table-sort-label-classes-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-direction-desc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
13
+ * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionDesc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
14
14
  */
15
15
  iconDirectionDesc: string;
16
16
  /** Styles applied to the icon component if `direction="asc"`.
17
- * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#table-sort-label-classes-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-direction-asc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
17
+ * @deprecated Combine the [.MuiTableSortLabel-icon](/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon) and [.MuiTableSortLabel-directionAsc](/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
18
18
  */
19
19
  iconDirectionAsc: string;
20
20
  }
package/esm/Tabs/Tabs.js CHANGED
@@ -19,6 +19,7 @@ import useEventCallback from "../utils/useEventCallback.js";
19
19
  import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.js";
20
20
  import ownerDocument from "../utils/ownerDocument.js";
21
21
  import ownerWindow from "../utils/ownerWindow.js";
22
+ import getActiveElement from "../utils/getActiveElement.js";
22
23
  import useSlot from "../utils/useSlot.js";
23
24
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
25
  const nextItem = (list, item) => {
@@ -697,11 +698,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
697
698
  return;
698
699
  }
699
700
  const list = tabListRef.current;
700
- const currentFocus = ownerDocument(list).activeElement;
701
+ const currentFocus = getActiveElement(ownerDocument(list));
701
702
  // Keyboard navigation assumes that [role="tab"] are siblings
702
703
  // though we might warn in the future about nested, interactive elements
703
704
  // as a a11y violation
704
- const role = currentFocus.getAttribute('role');
705
+ const role = currentFocus?.getAttribute('role');
705
706
  if (role !== 'tab') {
706
707
  return;
707
708
  }
@@ -47,22 +47,27 @@ export interface TextFieldSlots {
47
47
  */
48
48
  select: React.ElementType;
49
49
  }
50
+ export interface TextFieldRootSlotPropsOverrides {}
51
+ export interface TextFieldInputSlotPropsOverrides {}
52
+ export interface TextFieldInputLabelSlotPropsOverrides {}
53
+ export interface TextFieldFormHelperTextSlotPropsOverrides {}
54
+ export interface TextFieldSelectSlotPropsOverrides {}
50
55
  export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps<TextFieldSlots, {
51
56
  /**
52
57
  * Props forwarded to the root slot.
53
58
  * By default, the available props are based on the [FormControl](https://mui.com/material-ui/api/form-control/#props) component.
54
59
  */
55
- root: SlotProps<React.ElementType<FormControlProps>, {}, TextFieldOwnerState>;
60
+ root: SlotProps<React.ElementType<FormControlProps>, TextFieldRootSlotPropsOverrides, TextFieldOwnerState>;
56
61
  /**
57
62
  * Props forwarded to the input slot.
58
63
  * By default, the available props are based on the [Input](https://mui.com/material-ui/api/input/#props) component.
59
64
  */
60
- input: SlotProps<React.ElementType<InputPropsType>, {}, TextFieldOwnerState>;
65
+ input: SlotProps<React.ElementType<InputPropsType>, TextFieldInputSlotPropsOverrides, TextFieldOwnerState>;
61
66
  /**
62
67
  * Props forwarded to the input label slot.
63
68
  * By default, the available props are based on the [InputLabel](https://mui.com/material-ui/api/input-label/#props) component.
64
69
  */
65
- inputLabel: SlotProps<React.ElementType<InputLabelProps>, {}, TextFieldOwnerState>;
70
+ inputLabel: SlotProps<React.ElementType<InputLabelProps>, TextFieldInputLabelSlotPropsOverrides, TextFieldOwnerState>;
66
71
  /**
67
72
  * Props forwarded to the html input slot.
68
73
  * By default, the available props are based on the html input element.
@@ -72,12 +77,12 @@ export type TextFieldSlotsAndSlotProps<InputPropsType> = CreateSlotsAndSlotProps
72
77
  * Props forwarded to the form helper text slot.
73
78
  * By default, the available props are based on the [FormHelperText](https://mui.com/material-ui/api/form-helper-text/#props) component.
74
79
  */
75
- formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, {}, TextFieldOwnerState>;
80
+ formHelperText: SlotProps<React.ElementType<FormHelperTextProps>, TextFieldFormHelperTextSlotPropsOverrides, TextFieldOwnerState>;
76
81
  /**
77
82
  * Props forwarded to the select slot.
78
83
  * By default, the available props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
79
84
  */
80
- select: SlotProps<React.ElementType<SelectProps>, {}, TextFieldOwnerState>;
85
+ select: SlotProps<React.ElementType<SelectProps>, TextFieldSelectSlotPropsOverrides, TextFieldOwnerState>;
81
86
  }>;
82
87
  export interface BaseTextFieldProps extends StandardProps<FormControlProps,
83
88
  // event handlers are declared on derived interfaces
@@ -12,11 +12,11 @@ export interface ToggleButtonGroupClasses {
12
12
  /** Styles applied to the children. */
13
13
  grouped: string;
14
14
  /** Styles applied to the children if `orientation="horizontal"`.
15
- * @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
15
+ * @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
16
16
  */
17
17
  groupedHorizontal: string;
18
18
  /** Styles applied to the children if `orientation="vertical"`.
19
- * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
19
+ * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
20
20
  */
21
21
  groupedVertical: string;
22
22
  /** Styles applied to the root element if `fullWidth={true}`. */