@mui/material 7.3.0 → 7.3.2

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 (98) hide show
  1. package/Accordion/Accordion.d.ts +3 -3
  2. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  3. package/Alert/Alert.d.ts +6 -6
  4. package/Avatar/Avatar.d.ts +3 -3
  5. package/Backdrop/Backdrop.d.ts +2 -2
  6. package/Badge/Badge.d.ts +2 -2
  7. package/BottomNavigationAction/BottomNavigationAction.d.ts +2 -2
  8. package/CHANGELOG.md +107 -4
  9. package/CardActionArea/CardActionArea.d.ts +2 -2
  10. package/CardHeader/CardHeader.d.ts +6 -6
  11. package/Checkbox/Checkbox.d.ts +2 -2
  12. package/Chip/Chip.d.ts +2 -2
  13. package/Chip/Chip.js +2 -2
  14. package/Dialog/Dialog.d.ts +5 -5
  15. package/Drawer/Drawer.d.ts +6 -6
  16. package/Drawer/Drawer.js +5 -1
  17. package/InputBase/InputBase.js +1 -1
  18. package/ListItem/ListItem.js +1 -1
  19. package/ListItemText/ListItemText.d.ts +2 -2
  20. package/Menu/Menu.d.ts +5 -5
  21. package/MobileStepper/MobileStepper.d.ts +4 -4
  22. package/OutlinedInput/OutlinedInput.js +1 -1
  23. package/PaginationItem/PaginationItem.d.ts +37 -4
  24. package/Popover/Popover.d.ts +5 -5
  25. package/Popover/Popover.js +2 -2
  26. package/Radio/Radio.d.ts +2 -2
  27. package/Rating/Rating.d.ts +5 -5
  28. package/Select/SelectInput.js +20 -65
  29. package/Slider/Slider.js +1 -1
  30. package/Snackbar/Snackbar.d.ts +3 -3
  31. package/SpeedDial/SpeedDial.d.ts +2 -2
  32. package/SpeedDialAction/SpeedDialAction.d.ts +4 -4
  33. package/StepContent/StepContent.d.ts +1 -1
  34. package/StepLabel/StepLabel.d.ts +3 -3
  35. package/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
  36. package/Switch/Switch.d.ts +5 -5
  37. package/TablePagination/TablePagination.d.ts +10 -10
  38. package/TablePagination/TablePagination.js +3 -3
  39. package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  40. package/TablePaginationActions/TablePaginationActions.js +2 -2
  41. package/Tabs/Tabs.d.ts +8 -8
  42. package/TextField/TextField.d.ts +6 -6
  43. package/Tooltip/Tooltip.d.ts +4 -4
  44. package/esm/Accordion/Accordion.d.ts +3 -3
  45. package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
  46. package/esm/Alert/Alert.d.ts +6 -6
  47. package/esm/Avatar/Avatar.d.ts +3 -3
  48. package/esm/Backdrop/Backdrop.d.ts +2 -2
  49. package/esm/Badge/Badge.d.ts +2 -2
  50. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +2 -2
  51. package/esm/CardActionArea/CardActionArea.d.ts +2 -2
  52. package/esm/CardHeader/CardHeader.d.ts +6 -6
  53. package/esm/Checkbox/Checkbox.d.ts +2 -2
  54. package/esm/Chip/Chip.d.ts +2 -2
  55. package/esm/Chip/Chip.js +2 -2
  56. package/esm/Dialog/Dialog.d.ts +5 -5
  57. package/esm/Drawer/Drawer.d.ts +6 -6
  58. package/esm/Drawer/Drawer.js +5 -1
  59. package/esm/InputBase/InputBase.js +1 -1
  60. package/esm/ListItem/ListItem.js +1 -1
  61. package/esm/ListItemText/ListItemText.d.ts +2 -2
  62. package/esm/Menu/Menu.d.ts +5 -5
  63. package/esm/MobileStepper/MobileStepper.d.ts +4 -4
  64. package/esm/OutlinedInput/OutlinedInput.js +1 -1
  65. package/esm/PaginationItem/PaginationItem.d.ts +37 -4
  66. package/esm/Popover/Popover.d.ts +5 -5
  67. package/esm/Popover/Popover.js +2 -2
  68. package/esm/Radio/Radio.d.ts +2 -2
  69. package/esm/Rating/Rating.d.ts +5 -5
  70. package/esm/Select/SelectInput.js +20 -65
  71. package/esm/Slider/Slider.js +1 -1
  72. package/esm/Snackbar/Snackbar.d.ts +3 -3
  73. package/esm/SpeedDial/SpeedDial.d.ts +2 -2
  74. package/esm/SpeedDialAction/SpeedDialAction.d.ts +4 -4
  75. package/esm/StepContent/StepContent.d.ts +1 -1
  76. package/esm/StepLabel/StepLabel.d.ts +3 -3
  77. package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
  78. package/esm/Switch/Switch.d.ts +5 -5
  79. package/esm/TablePagination/TablePagination.d.ts +10 -10
  80. package/esm/TablePagination/TablePagination.js +3 -3
  81. package/esm/TablePaginationActions/TablePaginationActions.d.ts +2 -2
  82. package/esm/TablePaginationActions/TablePaginationActions.js +2 -2
  83. package/esm/Tabs/Tabs.d.ts +8 -8
  84. package/esm/TextField/TextField.d.ts +6 -6
  85. package/esm/Tooltip/Tooltip.d.ts +4 -4
  86. package/esm/index.js +1 -1
  87. package/esm/internal/SwitchBase.d.ts +1 -1
  88. package/esm/utils/shouldSpreadAdditionalProps.js +1 -1
  89. package/esm/version/index.js +2 -2
  90. package/index.js +1 -1
  91. package/internal/SwitchBase.d.ts +1 -1
  92. package/package.json +35 -36
  93. package/utils/shouldSpreadAdditionalProps.js +1 -1
  94. package/version/index.js +2 -2
  95. package/esm/utils/isHostComponent.d.ts +0 -6
  96. package/esm/utils/isHostComponent.js +0 -7
  97. package/utils/isHostComponent.d.ts +0 -6
  98. package/utils/isHostComponent.js +0 -13
@@ -9,17 +9,49 @@ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
9
9
  export interface PaginationItemPropsVariantOverrides {}
10
10
  export interface PaginationItemPropsSizeOverrides {}
11
11
  export interface PaginationItemPropsColorOverrides {}
12
+ export interface PaginationItemFirstSlotPropsOverrides {}
13
+ export interface PaginationItemLastSlotPropsOverrides {}
14
+ export interface PaginationItemNextSlotPropsOverrides {}
15
+ export interface PaginationItemPreviousSlotPropsOverrides {}
12
16
  export interface PaginationItemSlots {
17
+ /**
18
+ * The component that renders the first page slot.
19
+ * @default FirstPageIcon
20
+ */
13
21
  first: React.ElementType;
22
+ /**
23
+ * The component that renders the last page slot.
24
+ * @default LastPageIcon
25
+ */
14
26
  last: React.ElementType;
27
+ /**
28
+ * The component that renders the next page slot.
29
+ * @default NavigateNextIcon
30
+ */
15
31
  next: React.ElementType;
32
+ /**
33
+ * The component that renders the previous page slot.
34
+ * @default NavigateBeforeIcon
35
+ */
16
36
  previous: React.ElementType;
17
37
  }
18
38
  export type PaginationItemSlotsAndSlotProps = CreateSlotsAndSlotProps<PaginationItemSlots, {
19
- first: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, {}, PaginationItemOwnerState>;
20
- last: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, {}, PaginationItemOwnerState>;
21
- next: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, {}, PaginationItemOwnerState>;
22
- previous: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, {}, PaginationItemOwnerState>;
39
+ /**
40
+ * Props forwarded to the first page slot.
41
+ */
42
+ first: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemFirstSlotPropsOverrides, PaginationItemOwnerState>;
43
+ /**
44
+ * Props forwarded to the last page slot.
45
+ */
46
+ last: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemLastSlotPropsOverrides, PaginationItemOwnerState>;
47
+ /**
48
+ * Props forwarded to the next page slot.
49
+ */
50
+ next: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemNextSlotPropsOverrides, PaginationItemOwnerState>;
51
+ /**
52
+ * Props forwarded to the previous page slot.
53
+ */
54
+ previous: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemPreviousSlotPropsOverrides, PaginationItemOwnerState>;
23
55
  }>;
24
56
  export interface PaginationItemOwnerState extends PaginationItemProps {}
25
57
  export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps {
@@ -102,6 +134,7 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
102
134
  * API:
103
135
  *
104
136
  * - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
137
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
105
138
  */
106
139
  declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
107
140
  export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -38,24 +38,24 @@ export interface PopoverBackdropSlotPropsOverrides {}
38
38
  export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
39
39
  /**
40
40
  * Props forwarded to the root slot.
41
- * By default, the avaible props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
41
+ * By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
42
42
  */
43
43
  root: SlotProps<typeof Modal, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
44
44
  /**
45
45
  * Props forwarded to the paper slot.
46
- * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
46
+ * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
47
47
  */
48
48
  paper: SlotProps<typeof Paper, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
49
49
  /**
50
50
  * Props forwarded to the transition slot.
51
- * By default, the avaible props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
51
+ * By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
52
52
  */
53
53
  transition: SlotComponentProps<
54
54
  // use SlotComponentProps because transition slot does not support `component` and `sx` prop
55
55
  React.ElementType, TransitionProps & PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
56
56
  /**
57
57
  * Props forwarded to the backdrop slot.
58
- * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
58
+ * By default, the available props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
59
59
  */
60
60
  backdrop: SlotProps<React.ElementType<BackdropProps>, PopoverBackdropSlotPropsOverrides, PopoverOwnerState>;
61
61
  }>;
@@ -163,7 +163,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
163
163
  /**
164
164
  * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
165
165
  *
166
- * This prop is an alias for `slotProps.paper` and will be overriden by it if both are used.
166
+ * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
167
167
  * @deprecated Use `slotProps.paper` instead.
168
168
  *
169
169
  * @default {}
@@ -9,7 +9,7 @@ import refType from '@mui/utils/refType';
9
9
  import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
10
10
  import integerPropType from '@mui/utils/integerPropType';
11
11
  import chainPropTypes from '@mui/utils/chainPropTypes';
12
- import isHostComponent from "../utils/isHostComponent.js";
12
+ import isHostComponent from '@mui/utils/isHostComponent';
13
13
  import { styled } from "../zero-styled/index.js";
14
14
  import { useDefaultProps } from "../DefaultPropsProvider/index.js";
15
15
  import debounce from "../utils/debounce.js";
@@ -506,7 +506,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
506
506
  /**
507
507
  * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
508
508
  *
509
- * This prop is an alias for `slotProps.paper` and will be overriden by it if both are used.
509
+ * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
510
510
  * @deprecated Use `slotProps.paper` instead.
511
511
  *
512
512
  * @default {}
@@ -25,12 +25,12 @@ export interface RadioSlots {
25
25
  export type RadioSlotsAndSlotProps = CreateSlotsAndSlotProps<RadioSlots, {
26
26
  /**
27
27
  * Props forwarded to the root slot.
28
- * By default, the avaible props are based on the span element.
28
+ * By default, the available props are based on the span element.
29
29
  */
30
30
  root: SlotProps<React.ElementType<SwitchBaseProps>, RadioRootSlotPropsOverrides, RadioOwnerState>;
31
31
  /**
32
32
  * Props forwarded to the input slot.
33
- * By default, the avaible props are based on the input element.
33
+ * By default, the available props are based on the input element.
34
34
  */
35
35
  input: SlotProps<'input', RadioInputSlotPropsOverrides, RadioOwnerState>;
36
36
  }>;
@@ -30,7 +30,7 @@ export interface RatingSlots {
30
30
  */
31
31
  icon: React.ElementType;
32
32
  /**
33
- * The component used fo r the decimal slot.
33
+ * The component used for the decimal slot.
34
34
  * @default 'span'
35
35
  */
36
36
  decimal: React.ElementType;
@@ -38,22 +38,22 @@ export interface RatingSlots {
38
38
  export type RatingSlotsAndSlotProps = CreateSlotsAndSlotProps<RatingSlots, {
39
39
  /**
40
40
  * Props forwarded to the root slot.
41
- * By default, the avaible props are based on the span element.
41
+ * By default, the available props are based on the span element.
42
42
  */
43
43
  root: SlotProps<'span', RatingRootSlotPropsOverrides, RatingOwnerState>;
44
44
  /**
45
45
  * Props forwarded to the label slot.
46
- * By default, the avaible props are based on the label element.
46
+ * By default, the available props are based on the label element.
47
47
  */
48
48
  label: SlotProps<'label', RatingLabelSlotPropsOverrides, RatingOwnerState>;
49
49
  /**
50
50
  * Props forwarded to the icon slot.
51
- * By default, the avaible props are based on the span element.
51
+ * By default, the available props are based on the span element.
52
52
  */
53
53
  icon: SlotProps<'span', RatingIconSlotPropsOverrides, RatingOwnerState>;
54
54
  /**
55
55
  * Props forwarded to the decimal slot.
56
- * By default, the avaible props are based on the span element.
56
+ * By default, the available props are based on the span element.
57
57
  */
58
58
  decimal: SlotProps<'span', RatingDecimalSlotPropsOverrides, RatingOwnerState>;
59
59
  }>;
@@ -153,27 +153,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
153
153
  });
154
154
  const inputRef = React.useRef(null);
155
155
  const displayRef = React.useRef(null);
156
- const paperRef = React.useRef(null);
157
- const didPointerDownRef = React.useRef(false);
158
156
  const [displayNode, setDisplayNode] = React.useState(null);
159
157
  const {
160
158
  current: isOpenControlled
161
159
  } = React.useRef(openProp != null);
162
160
  const [menuMinWidthState, setMenuMinWidthState] = React.useState();
163
- const open = displayNode !== null && openState;
164
- const ownerState = {
165
- ...props,
166
- variant,
167
- value,
168
- open,
169
- error
170
- };
171
- const paperProps = {
172
- ...MenuProps.PaperProps,
173
- ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
174
- };
175
161
  const handleRef = useForkRef(ref, inputRefProp);
176
- const handlePaperRef = useForkRef(paperProps.ref, paperRef);
177
162
  const handleDisplayRef = React.useCallback(node => {
178
163
  displayRef.current = node;
179
164
  if (node) {
@@ -223,8 +208,8 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
223
208
  }
224
209
  return undefined;
225
210
  }, [labelId]);
226
- const update = (openParam, event) => {
227
- if (openParam) {
211
+ const update = (open, event) => {
212
+ if (open) {
228
213
  if (onOpen) {
229
214
  onOpen(event);
230
215
  }
@@ -233,7 +218,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
233
218
  }
234
219
  if (!isOpenControlled) {
235
220
  setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
236
- setOpenState(openParam);
221
+ setOpenState(open);
237
222
  }
238
223
  };
239
224
  const handleMouseDown = event => {
@@ -244,31 +229,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
244
229
  // Hijack the default focus behavior.
245
230
  event.preventDefault();
246
231
  displayRef.current.focus();
247
- const doc = ownerDocument(event.currentTarget);
248
- function handleMouseUp(mouseEvent) {
249
- if (!displayRef.current) {
250
- return;
251
- }
252
-
253
- // mouse is over the options/menuitem, don't close the menu
254
- if (paperRef.current.contains(mouseEvent.target)) {
255
- return;
256
- }
257
- const triggerElement = displayRef.current.getBoundingClientRect();
258
-
259
- // mouse is inside the trigger, don't close the menu
260
- if (mouseEvent.clientX >= triggerElement.left && mouseEvent.clientX <= triggerElement.right && mouseEvent.clientY >= triggerElement.top && mouseEvent.clientY <= triggerElement.bottom) {
261
- return;
262
- }
263
-
264
- // close the menu
265
- update(false, mouseEvent);
266
- }
267
-
268
- // `{ once: true }` to automatically remove the listener, see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#once
269
- doc.addEventListener('mouseup', handleMouseUp, {
270
- once: true
271
- });
272
232
  update(true, event);
273
233
  };
274
234
  const handleClose = event => {
@@ -287,7 +247,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
287
247
  onChange(event, child);
288
248
  }
289
249
  };
290
- const handleItemSelect = child => event => {
250
+ const handleItemClick = child => event => {
291
251
  let newValue;
292
252
 
293
253
  // We use the tabindex attribute to signal the available options.
@@ -305,6 +265,9 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
305
265
  } else {
306
266
  newValue = child.props.value;
307
267
  }
268
+ if (child.props.onClick) {
269
+ child.props.onClick(event);
270
+ }
308
271
  if (value !== newValue) {
309
272
  setValueState(newValue);
310
273
  if (onChange) {
@@ -340,6 +303,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
340
303
  }
341
304
  }
342
305
  };
306
+ const open = displayNode !== null && openState;
343
307
  const handleBlur = event => {
344
308
  // if open event.stopImmediatePropagation
345
309
  if (!open && onBlur) {
@@ -400,26 +364,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
400
364
  }
401
365
  return /*#__PURE__*/React.cloneElement(child, {
402
366
  'aria-selected': selected ? 'true' : 'false',
403
- onPointerDown: () => {
404
- didPointerDownRef.current = true;
405
- },
406
- onClick: event => {
407
- didPointerDownRef.current = false;
408
- if (child.props.onClick) {
409
- child.props.onClick(event);
410
- }
411
- handleItemSelect(child)(event);
412
- },
413
- onMouseUp: event => {
414
- if (didPointerDownRef.current) {
415
- didPointerDownRef.current = false;
416
- return;
417
- }
418
- if (child.props.onMouseUp) {
419
- child.props.onMouseUp(event);
420
- }
421
- handleItemSelect(child)(event);
422
- },
367
+ onClick: handleItemClick(child),
423
368
  onKeyUp: event => {
424
369
  if (event.key === ' ') {
425
370
  // otherwise our MenuItems dispatches a click event
@@ -478,7 +423,18 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
478
423
  tabIndex = disabled ? null : 0;
479
424
  }
480
425
  const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);
426
+ const ownerState = {
427
+ ...props,
428
+ variant,
429
+ value,
430
+ open,
431
+ error
432
+ };
481
433
  const classes = useUtilityClasses(ownerState);
434
+ const paperProps = {
435
+ ...MenuProps.PaperProps,
436
+ ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
437
+ };
482
438
  const listProps = {
483
439
  ...MenuProps.MenuListProps,
484
440
  ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
@@ -559,7 +515,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
559
515
  },
560
516
  paper: {
561
517
  ...paperProps,
562
- ref: handlePaperRef,
563
518
  style: {
564
519
  minWidth: menuMinWidth,
565
520
  ...(paperProps != null ? paperProps.style : null)
@@ -7,8 +7,8 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
7
7
  import composeClasses from '@mui/utils/composeClasses';
8
8
  import { useRtl } from '@mui/system/RtlProvider';
9
9
  import useSlotProps from '@mui/utils/useSlotProps';
10
+ import isHostComponent from '@mui/utils/isHostComponent';
10
11
  import { useSlider, valueToPercent } from "./useSlider.js";
11
- import isHostComponent from "../utils/isHostComponent.js";
12
12
  import { styled } from "../zero-styled/index.js";
13
13
  import memoTheme from "../utils/memoTheme.js";
14
14
  import { useDefaultProps } from "../DefaultPropsProvider/index.js";
@@ -37,17 +37,17 @@ export interface SnackbarTransitionSlotPropsOverrides {}
37
37
  export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
38
38
  /**
39
39
  * Props forwarded to the root slot.
40
- * By default, the avaible props are based on the div element.
40
+ * By default, the available props are based on the div element.
41
41
  */
42
42
  root: SlotProps<'div', SnackbarRootSlotPropsOverrides, SnackbarOwnerState>;
43
43
  /**
44
44
  * Props forwarded to the content slot.
45
- * By default, the avaible props are based on the [SnackbarContent](https://mui.com/material-ui/api/snackbar-content/#props) component.
45
+ * By default, the available props are based on the [SnackbarContent](https://mui.com/material-ui/api/snackbar-content/#props) component.
46
46
  */
47
47
  content: SlotProps<React.ElementType<SnackbarContentProps>, SnackbarContentSlotPropsOverrides, SnackbarOwnerState>;
48
48
  /**
49
49
  * Props forwarded to the clickAwayListener slot.
50
- * By default, the avaible props are based on the [ClickAwayListener](https://mui.com/material-ui/api/click-away-listener/#props) component.
50
+ * By default, the available props are based on the [ClickAwayListener](https://mui.com/material-ui/api/click-away-listener/#props) component.
51
51
  */
52
52
  clickAwayListener: SlotComponentProps<typeof ClickAwayListener, SnackbarClickAwayListenerSlotPropsOverrides, SnackbarOwnerState>;
53
53
  /**
@@ -24,12 +24,12 @@ export interface SpeedDialSlots {
24
24
  export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots, {
25
25
  /**
26
26
  * Props forwarded to the root slot.
27
- * By default, the avaible props are based on div element.
27
+ * By default, the available props are based on div element.
28
28
  */
29
29
  root: SlotComponentProps<'div', React.HTMLAttributes<HTMLDivElement>, SpeedDialOwnerState>;
30
30
  /**
31
31
  * Props forwarded to the transition slot.
32
- * By default, the avaible props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
32
+ * By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
33
33
  */
34
34
  transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
35
35
  }>;
@@ -35,22 +35,22 @@ export interface SpeedDialActionStaticTooltipLabelSlotPropsOverrides {}
35
35
  export type SpeedDialActionSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialActionSlots, {
36
36
  /**
37
37
  * Props forwarded to the fab slot.
38
- * By default, the avaible props are based on the [Fab](https://mui.com/material-ui/api/fab/#props) component.
38
+ * By default, the available props are based on the [Fab](https://mui.com/material-ui/api/fab/#props) component.
39
39
  */
40
40
  fab: SlotProps<React.ElementType<FabProps>, SpeedDialActionFabSlotPropsOverrides, SpeedDialActionOwnerState>;
41
41
  /**
42
42
  * Props forwarded to the tooltip slot.
43
- * By default, the avaible props are based on the [Tooltip](https://mui.com/material-ui/api/tooltip/#props) component.
43
+ * By default, the available props are based on the [Tooltip](https://mui.com/material-ui/api/tooltip/#props) component.
44
44
  */
45
45
  tooltip: SlotProps<React.ElementType<TooltipProps>, SpeedDialActionTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
46
46
  /**
47
47
  * Props forwarded to the static tooltip slot.
48
- * By default, the avaible props are based on a span element.
48
+ * By default, the available props are based on a span element.
49
49
  */
50
50
  staticTooltip: SlotProps<'span', SpeedDialActionStaticTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
51
51
  /**
52
52
  * Props forwarded to the static tooltip label slot.
53
- * By default, the avaible props are based on a span element.
53
+ * By default, the available props are based on a span element.
54
54
  */
55
55
  staticTooltipLabel: SlotProps<'span', SpeedDialActionStaticTooltipLabelSlotPropsOverrides, SpeedDialActionOwnerState>;
56
56
  }>;
@@ -18,7 +18,7 @@ export interface StepContentSlots {
18
18
  }
19
19
  export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
20
20
  /**
21
- * Props forwared to the transition slot.
21
+ * Props forwarded to the transition slot.
22
22
  * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
23
23
  */
24
24
  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
@@ -24,17 +24,17 @@ export interface StepLabelSlots {
24
24
  export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<StepLabelSlots, {
25
25
  /**
26
26
  * Props forwarded to the root slot.
27
- * By default, the avaible props are based on the span element.
27
+ * By default, the available props are based on the span element.
28
28
  */
29
29
  root: SlotProps<'span', {}, StepLabelOwnerState>;
30
30
  /**
31
31
  * Props forwarded to the label slot.
32
- * By default, the avaible props are based on the span element.
32
+ * By default, the available props are based on the span element.
33
33
  */
34
34
  label: SlotProps<'span', {}, StepLabelOwnerState>;
35
35
  /**
36
36
  * Props forwarded to the stepIcon slot.
37
- * By default, the avaible props are based on the div element.
37
+ * By default, the available props are based on the div element.
38
38
  */
39
39
  stepIcon: SlotProps<React.ElementType<StepIconProps>, {}, StepLabelOwnerState>;
40
40
  }>;
@@ -12,7 +12,7 @@ export interface SwipeableDrawerSlots {
12
12
  type SwipeableDrawerSlotsAndSlotProps = DrawerSlotsAndSlotProps & CreateSlotsAndSlotProps<SwipeableDrawerSlots, {
13
13
  /**
14
14
  * Props forwarded to the docked slot.
15
- * By default, the avaible props are based on a div element.
15
+ * By default, the available props are based on a div element.
16
16
  */
17
17
  swipeArea: SlotProps<'div', SwipeableDrawerSwipeAreaSlotPropsOverrides, DrawerOwnerState>;
18
18
  }>;
@@ -43,27 +43,27 @@ export interface SwitchSlots {
43
43
  export type SwitchSlotsAndSlotProps = CreateSlotsAndSlotProps<SwitchSlots, {
44
44
  /**
45
45
  * Props forwarded to the root slot.
46
- * By default, the avaible props are based on the span element.
46
+ * By default, the available props are based on the span element.
47
47
  */
48
48
  root: SlotProps<'span', SwitchRootSlotPropsOverrides, SwitchOwnerState>;
49
49
  /**
50
50
  * Props forwarded to the track slot.
51
- * By default, the avaible props are based on the span element.
51
+ * By default, the available props are based on the span element.
52
52
  */
53
53
  track: SlotProps<'span', SwitchTrackSlotPropsOverrides, SwitchOwnerState>;
54
54
  /**
55
55
  * Props forwarded to the thumb slot.
56
- * By default, the avaible props are based on the span element.
56
+ * By default, the available props are based on the span element.
57
57
  */
58
58
  thumb: SlotProps<'span', SwitchThumbSlotPropsOverrides, SwitchOwnerState>;
59
59
  /**
60
60
  * Props forwarded to the switchBase slot.
61
- * By default, the avaible props are based on the internal SwitchBase component.
61
+ * By default, the available props are based on the internal SwitchBase component.
62
62
  */
63
63
  switchBase: SlotProps<React.ElementType<SwitchBaseProps>, SwitchSwitchBaseSlotPropsOverrides, SwitchOwnerState>;
64
64
  /**
65
65
  * Props forwarded to the input slot.
66
- * By default, the avaible props are based on the input element.
66
+ * By default, the available props are based on the input element.
67
67
  */
68
68
  input: SlotProps<'input', SwitchInputSlotPropsOverrides, SwitchOwnerState>;
69
69
  }>;
@@ -72,37 +72,37 @@ export interface TablePaginationSlots {
72
72
  export type TablePaginationSlotsAndSlotProps = CreateSlotsAndSlotProps<TablePaginationSlots, {
73
73
  /**
74
74
  * Props forwarded to the root slot.
75
- * By default, the avaible props are based on the [TableCell](https://mui.com/material-ui/api/table-cell/#props) component.
75
+ * By default, the available props are based on the [TableCell](https://mui.com/material-ui/api/table-cell/#props) component.
76
76
  */
77
77
  root: SlotProps<React.ElementType<TableCellProps>, TablePaginationRootSlotPropsOverrides, TablePaginationOwnerState>;
78
78
  /**
79
79
  * Props forwarded to the toolbar slot.
80
- * By default, the avaible props are based on the [Toolbar](https://mui.com/material-ui/api/toolbar/#props) component.
80
+ * By default, the available props are based on the [Toolbar](https://mui.com/material-ui/api/toolbar/#props) component.
81
81
  */
82
82
  toolbar: SlotProps<React.ElementType<ToolbarProps>, TablePaginationToolbarSlotPropsOverrides, TablePaginationOwnerState>;
83
83
  /**
84
84
  * Props forwarded to the spacer slot.
85
- * By default, the avaible props are based on the div element.
85
+ * By default, the available props are based on the div element.
86
86
  */
87
87
  spacer: SlotProps<'div', TablePaginationSpacerSlotPropsOverrides, TablePaginationOwnerState>;
88
88
  /**
89
89
  * Props forwarded to the selectLabel slot.
90
- * By default, the avaible props are based on the paragraph element.
90
+ * By default, the available props are based on the paragraph element.
91
91
  */
92
92
  selectLabel: SlotProps<'p', TablePaginationSelectLabelSlotPropsOverrides, TablePaginationOwnerState>;
93
93
  /**
94
94
  * Props forwarded to the select slot.
95
- * By default, the avaible props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
95
+ * By default, the available props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
96
96
  */
97
97
  select: Partial<SelectProps> & TablePaginationSelectSlotPropsOverrides;
98
98
  /**
99
99
  * Props forwarded to the menuItem slot.
100
- * By default, the avaible props are based on the [MenuItem](https://mui.com/material-ui/api/menu-item/#props) component.
100
+ * By default, the available props are based on the [MenuItem](https://mui.com/material-ui/api/menu-item/#props) component.
101
101
  */
102
102
  menuItem: SlotProps<React.ElementType<MenuItemProps>, TablePaginationMenuItemSlotPropsOverrides, TablePaginationOwnerState>;
103
103
  /**
104
104
  * Props forwarded to the displayedRows slot.
105
- * By default, the avaible props are based on the paragraph element.
105
+ * By default, the available props are based on the paragraph element.
106
106
  */
107
107
  displayedRows: SlotProps<'p', TablePaginationDisplayedRowsSlotPropsOverrides, TablePaginationOwnerState>;
108
108
  /**
@@ -125,7 +125,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
125
125
  /**
126
126
  * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
127
127
  *
128
- * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
128
+ * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
129
129
  * @deprecated Use `slotProps.actions.previousButton` instead.
130
130
  */
131
131
  backIconButtonProps?: Partial<IconButtonProps>;
@@ -176,7 +176,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
176
176
  /**
177
177
  * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
178
178
  *
179
- * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
179
+ * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
180
180
  * @deprecated Use `slotProps.actions.nextButton` instead.
181
181
  */
182
182
  nextIconButtonProps?: Partial<IconButtonProps>;
@@ -216,7 +216,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
216
216
  /**
217
217
  * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
218
218
  *
219
- * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
219
+ * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
220
220
  * @deprecated Use `slotProps.select` instead.
221
221
  *
222
222
  * @default {}
@@ -316,7 +316,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
316
316
  /**
317
317
  * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
318
318
  *
319
- * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
319
+ * This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
320
320
  * @deprecated Use `slotProps.actions.previousButton` instead.
321
321
  */
322
322
  backIconButtonProps: PropTypes.object,
@@ -376,7 +376,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
376
376
  /**
377
377
  * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
378
378
  *
379
- * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
379
+ * This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
380
380
  * @deprecated Use `slotProps.actions.nextButton` instead.
381
381
  */
382
382
  nextIconButtonProps: PropTypes.object,
@@ -430,7 +430,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
430
430
  /**
431
431
  * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
432
432
  *
433
- * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
433
+ * This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
434
434
  * @deprecated Use `slotProps.select` instead.
435
435
  *
436
436
  * @default {}
@@ -3,7 +3,7 @@ import { IconButtonProps } from "../IconButton/IconButton.js";
3
3
  import { SvgIconProps } from "../SvgIcon/index.js";
4
4
  export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  /**
6
- * This prop is an alias for `slotProps.previousButton` and will be overriden by it if both are used.
6
+ * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
7
7
  * @deprecated Use `slotProps.previousButton` instead.
8
8
  */
9
9
  backIconButtonProps?: Partial<IconButtonProps>;
@@ -28,7 +28,7 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
28
28
  */
29
29
  getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
30
30
  /**
31
- * This prop is an alias for `slotProps.nextButton` and will be overriden by it if both are used.
31
+ * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
32
32
  * @deprecated Use `slotProps.nextButton` instead.
33
33
  */
34
34
  nextIconButtonProps?: Partial<IconButtonProps>;
@@ -138,7 +138,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
138
138
  // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
139
139
  // └─────────────────────────────────────────────────────────────────────┘
140
140
  /**
141
- * This prop is an alias for `slotProps.previousButton` and will be overriden by it if both are used.
141
+ * This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
142
142
  * @deprecated Use `slotProps.previousButton` instead.
143
143
  */
144
144
  backIconButtonProps: PropTypes.object,
@@ -173,7 +173,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
173
173
  */
174
174
  getItemAriaLabel: PropTypes.func.isRequired,
175
175
  /**
176
- * This prop is an alias for `slotProps.nextButton` and will be overriden by it if both are used.
176
+ * This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
177
177
  * @deprecated Use `slotProps.nextButton` instead.
178
178
  */
179
179
  nextIconButtonProps: PropTypes.object,