@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
@@ -20,6 +20,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
20
20
  var _createTransitions = require("../styles/createTransitions");
21
21
  var _utils = require("../transitions/utils");
22
22
  var _utils2 = require("../utils");
23
+ var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
23
24
  var _collapseClasses = require("./collapseClasses");
24
25
  var _jsxRuntime = require("react/jsx-runtime");
25
26
  const useUtilityClasses = ownerState => {
@@ -143,6 +144,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
143
144
  onExited,
144
145
  onExiting,
145
146
  orientation = 'vertical',
147
+ slots = {},
148
+ slotProps = {},
146
149
  style,
147
150
  timeout = _createTransitions.duration.standard,
148
151
  // eslint-disable-next-line react/prop-types
@@ -265,6 +268,37 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
265
268
  addEndListener(nodeRef.current, next);
266
269
  }
267
270
  };
271
+ const externalForwardedProps = {
272
+ slots,
273
+ slotProps,
274
+ component
275
+ };
276
+ const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
277
+ ref: handleRef,
278
+ className: (0, _clsx.default)(classes.root, className),
279
+ elementType: CollapseRoot,
280
+ externalForwardedProps,
281
+ ownerState,
282
+ additionalProps: {
283
+ style: {
284
+ [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
285
+ ...style
286
+ }
287
+ }
288
+ });
289
+ const [WrapperSlot, wrapperSlotProps] = (0, _useSlot.default)('wrapper', {
290
+ ref: wrapperRef,
291
+ className: classes.wrapper,
292
+ elementType: CollapseWrapper,
293
+ externalForwardedProps,
294
+ ownerState
295
+ });
296
+ const [WrapperInnerSlot, wrapperInnerSlotProps] = (0, _useSlot.default)('wrapperInner', {
297
+ className: classes.wrapperInner,
298
+ elementType: CollapseWrapperInner,
299
+ externalForwardedProps,
300
+ ownerState
301
+ });
268
302
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
269
303
  in: inProp,
270
304
  onEnter: handleEnter,
@@ -280,39 +314,30 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
280
314
  children: (state, {
281
315
  ownerState: incomingOwnerState,
282
316
  ...restChildProps
283
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseRoot, {
284
- as: component,
285
- className: (0, _clsx.default)(classes.root, className, {
286
- 'entered': classes.entered,
287
- 'exited': !inProp && collapsedSize === '0px' && classes.hidden
288
- }[state]),
289
- style: {
290
- [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
291
- ...style
292
- },
293
- ref: handleRef,
294
- ownerState: {
317
+ }) => {
318
+ const stateOwnerState = {
295
319
  ...ownerState,
296
320
  state
297
- },
298
- ...restChildProps,
299
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapper, {
300
- ownerState: {
301
- ...ownerState,
302
- state
303
- },
304
- className: classes.wrapper,
305
- ref: wrapperRef,
306
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapseWrapperInner, {
307
- ownerState: {
308
- ...ownerState,
309
- state
310
- },
311
- className: classes.wrapperInner,
312
- children: children
321
+ };
322
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
323
+ ...rootSlotProps,
324
+ className: (0, _clsx.default)(rootSlotProps.className, {
325
+ 'entered': classes.entered,
326
+ 'exited': !inProp && collapsedSize === '0px' && classes.hidden
327
+ }[state]),
328
+ ownerState: stateOwnerState,
329
+ ...restChildProps,
330
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperSlot, {
331
+ ...wrapperSlotProps,
332
+ ownerState: stateOwnerState,
333
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperInnerSlot, {
334
+ ...wrapperInnerSlotProps,
335
+ ownerState: stateOwnerState,
336
+ children: children
337
+ })
313
338
  })
314
- })
315
- })
339
+ });
340
+ }
316
341
  });
317
342
  });
318
343
  process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes */ = {
@@ -389,6 +414,24 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes *
389
414
  * @default 'vertical'
390
415
  */
391
416
  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
417
+ /**
418
+ * The props used for each slot inside.
419
+ * @default {}
420
+ */
421
+ slotProps: _propTypes.default.shape({
422
+ root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
423
+ wrapper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
424
+ wrapperInner: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
425
+ }),
426
+ /**
427
+ * The components used for each slot inside.
428
+ * @default {}
429
+ */
430
+ slots: _propTypes.default.shape({
431
+ root: _propTypes.default.elementType,
432
+ wrapper: _propTypes.default.elementType,
433
+ wrapperInner: _propTypes.default.elementType
434
+ }),
392
435
  /**
393
436
  * @ignore
394
437
  */
@@ -7,7 +7,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
7
7
  children?: React.ReactNode;
8
8
  /**
9
9
  * Enable `color-scheme` CSS property to use `theme.palette.mode`.
10
- * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
10
+ * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
11
11
  * For browser support, check out https://caniuse.com/?search=color-scheme
12
12
  * @default false
13
13
  */
@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? CssBaseline.propTypes /* remove-proptype
161
161
  children: _propTypes.default.node,
162
162
  /**
163
163
  * Enable `color-scheme` CSS property to use `theme.palette.mode`.
164
- * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
164
+ * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
165
165
  * For browser support, check out https://caniuse.com/?search=color-scheme
166
166
  * @default false
167
167
  */
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import type { ComponentsPropsList } from "../styles/props.js";
3
3
  declare function DefaultPropsProvider(props: React.PropsWithChildren<{
4
4
  value: { [P in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[P]> };
5
- }>): React.JSX.Element;
5
+ }>): import("react/jsx-runtime").JSX.Element;
6
6
  declare namespace DefaultPropsProvider {
7
7
  var propTypes: any;
8
8
  }
@@ -10,11 +10,11 @@ export interface DialogClasses {
10
10
  /** Styles applied to the Paper component. */
11
11
  paper: string;
12
12
  /** Styles applied to the Paper component if `scroll="paper"`.
13
- * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#dialog-classes-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
13
+ * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
14
14
  */
15
15
  paperScrollPaper: string;
16
16
  /** Styles applied to the Paper component if `scroll="body"`.
17
- * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#dialog-classes-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
17
+ * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
18
18
  */
19
19
  paperScrollBody: string;
20
20
  /** Styles applied to the Paper component if `maxWidth=false`. */
@@ -20,7 +20,7 @@ export interface DividerClasses {
20
20
  /** Styles applied to the root element if divider have text. */
21
21
  withChildren: string;
22
22
  /** Styles applied to the root element if divider have text and `orientation="vertical"`.
23
- * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-vertical) classes instead.
23
+ * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
24
24
  */
25
25
  withChildrenVertical: string;
26
26
  /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
@@ -14,35 +14,35 @@ export interface DrawerClasses {
14
14
  /** Styles applied to the root element if `anchor="bottom"`. */
15
15
  anchorBottom: string;
16
16
  /** Styles applied to the Paper component if `anchor="left"`.
17
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
17
+ * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
18
18
  */
19
19
  paperAnchorLeft: string;
20
20
  /** Styles applied to the Paper component if `anchor="right"`.
21
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
21
+ * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
22
22
  */
23
23
  paperAnchorRight: string;
24
24
  /** Styles applied to the Paper component if `anchor="top"`.
25
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
25
+ * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
26
26
  */
27
27
  paperAnchorTop: string;
28
28
  /** Styles applied to the Paper component if `anchor="bottom"`.
29
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
29
+ * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
30
30
  */
31
31
  paperAnchorBottom: string;
32
32
  /** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
33
- * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#drawer-classes-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
33
+ * @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
34
34
  */
35
35
  paperAnchorDockedLeft: string;
36
36
  /** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
37
- * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#drawer-classes-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
37
+ * @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
38
38
  */
39
39
  paperAnchorDockedTop: string;
40
40
  /** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
41
- * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#drawer-classes-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
41
+ * @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
42
42
  */
43
43
  paperAnchorDockedRight: string;
44
44
  /** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
45
- * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#drawer-classes-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#drawer-classes-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
45
+ * @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
46
46
  */
47
47
  paperAnchorDockedBottom: string;
48
48
  /** Styles applied to the Modal component. */
@@ -105,6 +105,7 @@ export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends
105
105
  * Demos:
106
106
  *
107
107
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
108
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
108
109
  * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
109
110
  * - [Switch](https://mui.com/material-ui/react-switch/)
110
111
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
@@ -58,6 +58,7 @@ export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent exten
58
58
  *
59
59
  * Demos:
60
60
  *
61
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
61
62
  * - [Text Field](https://mui.com/material-ui/react-text-field/)
62
63
  *
63
64
  * API:
@@ -60,6 +60,7 @@ export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
60
60
  * Demos:
61
61
  *
62
62
  * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
63
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
63
64
  * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
64
65
  * - [Switch](https://mui.com/material-ui/react-switch/)
65
66
  *
@@ -2,12 +2,10 @@
2
2
  'use client';
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
5
  Object.defineProperty(exports, "__esModule", {
7
6
  value: true
8
7
  });
9
8
  exports.default = void 0;
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _system = require("@mui/system");
13
11
  var _defaultTheme = _interopRequireDefault(require("../styles/defaultTheme"));
@@ -77,6 +77,7 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
77
77
  * Demos:
78
78
  *
79
79
  * - [Button](https://mui.com/material-ui/react-button/)
80
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
80
81
  *
81
82
  * API:
82
83
  *
@@ -14,15 +14,15 @@ export interface ImageListItemBarClasses {
14
14
  /** Styles applied to the title and subtitle container element. */
15
15
  titleWrap: string;
16
16
  /** Styles applied to the title and subtitle container element if `position="below"`.
17
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
17
+ * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
18
18
  */
19
19
  titleWrapBelow: string;
20
20
  /** Styles applied to the container element if `actionPosition="left"`.
21
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
21
+ * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
22
22
  */
23
23
  titleWrapActionPosLeft: string;
24
24
  /** Styles applied to the container element if `actionPosition="right"`.
25
- * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
25
+ * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
26
26
  */
27
27
  titleWrapActionPosRight: string;
28
28
  /** Styles applied to the title container element. */
@@ -32,7 +32,7 @@ export interface ImageListItemBarClasses {
32
32
  /** Styles applied to the actionIcon if supplied. */
33
33
  actionIcon: string;
34
34
  /** Styles applied to the actionIcon if `actionPosition="left"`.
35
- * @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
35
+ * @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
36
36
  */
37
37
  actionIconActionPosLeft: string;
38
38
  }
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  export declare const defaultConfig: {
3
2
  readonly attribute: "data-mui-color-scheme";
4
3
  readonly colorSchemeStorageKey: "mui-color-scheme";
@@ -59,7 +58,7 @@ export interface InitColorSchemeScriptProps {
59
58
  *
60
59
  * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
61
60
  */
62
- declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): React.JSX.Element;
61
+ declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;
63
62
  declare namespace InitColorSchemeScript {
64
63
  var propTypes: any;
65
64
  }
@@ -1,12 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.defaultConfig = exports.default = void 0;
9
- var React = _interopRequireWildcard(require("react"));
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
9
  var _InitColorSchemeScript = _interopRequireDefault(require("@mui/system/InitColorSchemeScript"));
12
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -22,19 +22,19 @@ export interface InputClasses {
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"`. */
@@ -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> {
@@ -19,6 +19,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
19
19
  var _DefaultPropsProvider = require("../DefaultPropsProvider");
20
20
  var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
21
21
  var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
22
+ var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
22
23
  var _ListContext = _interopRequireDefault(require("../List/ListContext"));
23
24
  var _listItemClasses = require("./listItemClasses");
24
25
  var _ListItemButton = require("../ListItemButton");
@@ -43,7 +44,8 @@ const useUtilityClasses = ownerState => {
43
44
  } = ownerState;
44
45
  const slots = {
45
46
  root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction'],
46
- container: ['container']
47
+ container: ['container'],
48
+ secondaryAction: ['secondaryAction']
47
49
  };
48
50
  return (0, _composeClasses.default)(slots, _listItemClasses.getListItemUtilityClass, classes);
49
51
  };
@@ -205,6 +207,16 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
205
207
  };
206
208
  const classes = useUtilityClasses(ownerState);
207
209
  const handleRef = (0, _useForkRef.default)(listItemRef, ref);
210
+ const externalForwardedProps = {
211
+ slots,
212
+ slotProps
213
+ };
214
+ const [SecondaryActionSlot, secondaryActionSlotProps] = (0, _useSlot.default)('secondaryAction', {
215
+ elementType: _ListItemSecondaryAction.default,
216
+ externalForwardedProps,
217
+ ownerState,
218
+ className: classes.secondaryAction
219
+ });
208
220
  const Root = slots.root || components.Root || ListItemRoot;
209
221
  const rootProps = slotProps.root || componentsProps.root || {};
210
222
  const componentProps = {
@@ -262,7 +274,8 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
262
274
  }
263
275
  }),
264
276
  ...componentProps,
265
- children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemSecondaryAction.default, {
277
+ children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryActionSlot, {
278
+ ...secondaryActionSlotProps,
266
279
  children: secondaryAction
267
280
  })]
268
281
  })
@@ -377,7 +390,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
377
390
  * @default {}
378
391
  */
379
392
  slotProps: _propTypes.default.shape({
380
- root: _propTypes.default.object
393
+ root: _propTypes.default.object,
394
+ secondaryAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
381
395
  }),
382
396
  /**
383
397
  * The components used for each slot inside.
@@ -385,7 +399,8 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
385
399
  * @default {}
386
400
  */
387
401
  slots: _propTypes.default.shape({
388
- root: _propTypes.default.elementType
402
+ root: _propTypes.default.elementType,
403
+ secondaryAction: _propTypes.default.elementType
389
404
  }),
390
405
  /**
391
406
  * The system prop that allows defining system overrides as well as additional CSS styles.
@@ -12,6 +12,7 @@ var _reactIs = require("react-is");
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
  var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
14
14
  var _List = _interopRequireDefault(require("../List"));
15
+ var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
15
16
  var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSize"));
16
17
  var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
17
18
  var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
@@ -143,7 +144,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
143
144
  * or document.body or document.documentElement. Only the first case will
144
145
  * trigger this specific handler.
145
146
  */
146
- const currentFocus = (0, _ownerDocument.default)(list).activeElement;
147
+ const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(list));
147
148
  if (key === 'ArrowDown') {
148
149
  // Prevent scroll of the page
149
150
  event.preventDefault();