@mui/material 5.11.2 → 5.11.3

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 (158) hide show
  1. package/Accordion/accordionClasses.d.ts +18 -18
  2. package/AccordionActions/accordionActionsClasses.d.ts +10 -10
  3. package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
  4. package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
  5. package/Alert/alertClasses.d.ts +44 -44
  6. package/AlertTitle/alertTitleClasses.d.ts +8 -8
  7. package/AppBar/appBarClasses.d.ts +28 -28
  8. package/Autocomplete/autocompleteClasses.d.ts +54 -54
  9. package/Avatar/avatarClasses.d.ts +20 -20
  10. package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
  11. package/Backdrop/backdropClasses.d.ts +10 -10
  12. package/Badge/badgeClasses.d.ts +56 -56
  13. package/BottomNavigation/BottomNavigation.js +0 -0
  14. package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
  15. package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
  16. package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
  17. package/Button/buttonClasses.d.ts +100 -100
  18. package/ButtonBase/buttonBaseClasses.d.ts +12 -12
  19. package/ButtonBase/touchRippleClasses.d.ts +20 -20
  20. package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
  21. package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
  22. package/CHANGELOG.md +37 -0
  23. package/Card/cardClasses.d.ts +8 -8
  24. package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
  25. package/CardActions/cardActionsClasses.d.ts +10 -10
  26. package/CardContent/cardContentClasses.d.ts +8 -8
  27. package/CardHeader/cardHeaderClasses.d.ts +18 -18
  28. package/CardMedia/cardMediaClasses.d.ts +12 -12
  29. package/Checkbox/checkboxClasses.d.ts +18 -18
  30. package/Chip/chipClasses.d.ts +96 -96
  31. package/CircularProgress/circularProgressClasses.d.ts +26 -26
  32. package/ClickAwayListener/index.d.ts +2 -2
  33. package/Collapse/collapseClasses.d.ts +18 -18
  34. package/Container/containerClasses.d.ts +6 -6
  35. package/Dialog/DialogContext.d.ts +6 -6
  36. package/Dialog/dialogClasses.d.ts +36 -36
  37. package/DialogActions/dialogActionsClasses.d.ts +10 -10
  38. package/DialogContent/dialogContentClasses.d.ts +10 -10
  39. package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
  40. package/DialogTitle/dialogTitleClasses.d.ts +8 -8
  41. package/Divider/dividerClasses.d.ts +34 -34
  42. package/Drawer/drawerClasses.d.ts +30 -30
  43. package/Fab/fabClasses.d.ts +26 -26
  44. package/FilledInput/filledInputClasses.d.ts +40 -40
  45. package/FormControl/FormControlContext.d.ts +17 -17
  46. package/FormControl/formControlClasses.d.ts +14 -14
  47. package/FormControl/useFormControl.d.ts +2 -2
  48. package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
  49. package/FormGroup/formGroupClasses.d.ts +12 -12
  50. package/FormHelperText/formHelperTextClasses.d.ts +22 -22
  51. package/FormLabel/formLabelClasses.d.ts +22 -22
  52. package/Grid/gridClasses.d.ts +48 -48
  53. package/Icon/iconClasses.d.ts +24 -24
  54. package/IconButton/iconButtonClasses.d.ts +34 -34
  55. package/ImageList/imageListClasses.d.ts +16 -16
  56. package/ImageListItem/imageListItemClasses.d.ts +18 -18
  57. package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
  58. package/Input/inputClasses.d.ts +34 -34
  59. package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
  60. package/InputBase/inputBaseClasses.d.ts +46 -46
  61. package/InputLabel/inputLabelClasses.d.ts +32 -32
  62. package/LinearProgress/linearProgressClasses.d.ts +42 -42
  63. package/Link/getTextDecoration.d.ts +15 -15
  64. package/Link/linkClasses.d.ts +18 -18
  65. package/List/listClasses.d.ts +14 -14
  66. package/ListItem/listItemClasses.d.ts +30 -30
  67. package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
  68. package/ListItemButton/listItemButtonClasses.d.ts +22 -22
  69. package/ListItemIcon/listItemIconClasses.d.ts +10 -10
  70. package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
  71. package/ListItemText/listItemTextClasses.d.ts +18 -18
  72. package/ListSubheader/listSubheaderClasses.d.ts +18 -18
  73. package/Menu/menuClasses.d.ts +12 -12
  74. package/MenuItem/menuItemClasses.d.ts +20 -20
  75. package/MobileStepper/mobileStepperClasses.d.ts +22 -22
  76. package/NativeSelect/nativeSelectClasses.d.ts +32 -32
  77. package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
  78. package/Pagination/paginationClasses.d.ts +14 -14
  79. package/PaginationItem/paginationItemClasses.d.ts +42 -42
  80. package/Paper/paperClasses.d.ts +39 -39
  81. package/Popover/popoverClasses.d.ts +10 -10
  82. package/Popper/Popper.d.ts +37 -37
  83. package/Radio/radioClasses.d.ts +16 -16
  84. package/RadioGroup/RadioGroupContext.d.ts +11 -11
  85. package/RadioGroup/useRadioGroup.d.ts +4 -4
  86. package/Rating/ratingClasses.d.ts +40 -40
  87. package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
  88. package/Select/Select.d.ts +83 -25
  89. package/Select/selectClasses.d.ts +30 -30
  90. package/Skeleton/skeletonClasses.d.ts +26 -26
  91. package/Snackbar/snackbarClasses.d.ts +20 -20
  92. package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
  93. package/SpeedDial/speedDialClasses.d.ts +22 -22
  94. package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
  95. package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
  96. package/Step/StepContext.d.ts +20 -20
  97. package/Step/stepClasses.d.ts +16 -16
  98. package/StepButton/stepButtonClasses.d.ts +14 -14
  99. package/StepConnector/stepConnectorClasses.d.ts +26 -26
  100. package/StepContent/stepContentClasses.d.ts +12 -12
  101. package/StepIcon/stepIconClasses.d.ts +16 -16
  102. package/StepLabel/stepLabelClasses.d.ts +28 -28
  103. package/Stepper/StepperContext.d.ts +18 -18
  104. package/Stepper/stepperClasses.d.ts +14 -14
  105. package/SvgIcon/svgIconClasses.d.ts +26 -26
  106. package/Switch/switchClasses.d.ts +32 -32
  107. package/Tab/tabClasses.d.ts +26 -26
  108. package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
  109. package/Table/tableClasses.d.ts +10 -10
  110. package/TableBody/tableBodyClasses.d.ts +8 -8
  111. package/TableCell/tableCellClasses.d.ts +32 -32
  112. package/TableContainer/tableContainerClasses.d.ts +8 -8
  113. package/TableFooter/tableFooterClasses.d.ts +8 -8
  114. package/TableHead/tableHeadClasses.d.ts +8 -8
  115. package/TablePagination/tablePaginationClasses.d.ts +28 -28
  116. package/TableRow/tableRowClasses.d.ts +16 -16
  117. package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
  118. package/Tabs/tabsClasses.d.ts +32 -32
  119. package/TextField/textFieldClasses.d.ts +8 -8
  120. package/ToggleButton/toggleButtonClasses.d.ts +24 -24
  121. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
  122. package/Toolbar/toolbarClasses.d.ts +14 -14
  123. package/Tooltip/tooltipClasses.d.ts +30 -30
  124. package/Typography/typographyClasses.d.ts +50 -50
  125. package/Unstable_Grid2/Grid2.d.ts +4 -4
  126. package/Unstable_Grid2/Grid2Props.d.ts +15 -15
  127. package/Unstable_Grid2/grid2Classes.d.ts +5 -5
  128. package/Unstable_Grid2/index.d.ts +4 -4
  129. package/className/index.d.ts +1 -1
  130. package/darkScrollbar/index.d.ts +28 -28
  131. package/generateUtilityClass/index.d.ts +2 -2
  132. package/generateUtilityClasses/index.d.ts +1 -1
  133. package/index.js +1 -1
  134. package/internal/switchBaseClasses.d.ts +12 -12
  135. package/legacy/BottomNavigation/BottomNavigation.js +0 -0
  136. package/legacy/index.js +1 -1
  137. package/locale/index.d.ts +74 -74
  138. package/modern/BottomNavigation/BottomNavigation.js +0 -0
  139. package/modern/index.js +1 -1
  140. package/node/BottomNavigation/BottomNavigation.js +0 -0
  141. package/node/index.js +1 -1
  142. package/package.json +2 -2
  143. package/styles/CssVarsProvider.d.ts +16 -16
  144. package/styles/excludeVariablesFromRoot.d.ts +5 -5
  145. package/styles/getOverlayAlpha.d.ts +2 -2
  146. package/transitions/index.d.ts +1 -1
  147. package/transitions/transition.d.ts +13 -13
  148. package/transitions/utils.d.ts +23 -23
  149. package/types/OverridableComponentAugmentation.d.ts +31 -31
  150. package/umd/material-ui.development.js +1 -1
  151. package/umd/material-ui.production.min.js +1 -1
  152. package/useMediaQuery/useMediaQuery.d.ts +31 -31
  153. package/useTouchRipple/index.d.ts +1 -1
  154. package/useTouchRipple/useTouchRipple.d.ts +28 -28
  155. package/utils/getScrollbarSize.d.ts +2 -2
  156. package/utils/ownerDocument.d.ts +2 -2
  157. package/utils/ownerWindow.d.ts +2 -2
  158. package/utils/setRef.d.ts +2 -2
@@ -1,42 +1,42 @@
1
- export interface PaginationItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `type="page"`. */
5
- page: string;
6
- /** Styles applied to the root element if `size="small"`. */
7
- sizeSmall: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `variant="text"`. */
11
- text: string;
12
- /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
- textPrimary: string;
14
- /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
- textSecondary: string;
16
- /** Styles applied to the root element if `variant="outlined"`. */
17
- outlined: string;
18
- /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
- outlinedPrimary: string;
20
- /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
- outlinedSecondary: string;
22
- /** Styles applied to the root element if `rounded="true"`. */
23
- rounded: string;
24
- /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
- ellipsis: string;
26
- /** Styles applyed to the root element if `type="first"` or type="last". */
27
- firstLast: string;
28
- /** Styles applyed to the root element if `type="previous"` or type="next". */
29
- previousNext: string;
30
- /** State class applied to the root element if keyboard focused. */
31
- focusVisible: string;
32
- /** State class applied to the root element if `disabled={true}`. */
33
- disabled: string;
34
- /** State class applied to the root element if `selected={true}`. */
35
- selected: string;
36
- /** Styles applied to the icon to display. */
37
- icon: string;
38
- }
39
- export type PaginationItemClassKey = keyof PaginationItemClasses;
40
- export declare function getPaginationItemUtilityClass(slot: string): string;
41
- declare const paginationItemClasses: PaginationItemClasses;
42
- export default paginationItemClasses;
1
+ export interface PaginationItemClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `type="page"`. */
5
+ page: string;
6
+ /** Styles applied to the root element if `size="small"`. */
7
+ sizeSmall: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `variant="text"`. */
11
+ text: string;
12
+ /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
13
+ textPrimary: string;
14
+ /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
15
+ textSecondary: string;
16
+ /** Styles applied to the root element if `variant="outlined"`. */
17
+ outlined: string;
18
+ /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
19
+ outlinedPrimary: string;
20
+ /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
21
+ outlinedSecondary: string;
22
+ /** Styles applied to the root element if `rounded="true"`. */
23
+ rounded: string;
24
+ /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
25
+ ellipsis: string;
26
+ /** Styles applyed to the root element if `type="first"` or type="last". */
27
+ firstLast: string;
28
+ /** Styles applyed to the root element if `type="previous"` or type="next". */
29
+ previousNext: string;
30
+ /** State class applied to the root element if keyboard focused. */
31
+ focusVisible: string;
32
+ /** State class applied to the root element if `disabled={true}`. */
33
+ disabled: string;
34
+ /** State class applied to the root element if `selected={true}`. */
35
+ selected: string;
36
+ /** Styles applied to the icon to display. */
37
+ icon: string;
38
+ }
39
+ export type PaginationItemClassKey = keyof PaginationItemClasses;
40
+ export declare function getPaginationItemUtilityClass(slot: string): string;
41
+ declare const paginationItemClasses: PaginationItemClasses;
42
+ export default paginationItemClasses;
@@ -1,39 +1,39 @@
1
- export interface PaperClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element unless `square={true}`. */
5
- rounded: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `variant="elevation"`. */
9
- elevation: string;
10
- elevation0: string;
11
- elevation1: string;
12
- elevation2: string;
13
- elevation3: string;
14
- elevation4: string;
15
- elevation5: string;
16
- elevation6: string;
17
- elevation7: string;
18
- elevation8: string;
19
- elevation9: string;
20
- elevation10: string;
21
- elevation11: string;
22
- elevation12: string;
23
- elevation13: string;
24
- elevation14: string;
25
- elevation15: string;
26
- elevation16: string;
27
- elevation17: string;
28
- elevation18: string;
29
- elevation19: string;
30
- elevation20: string;
31
- elevation21: string;
32
- elevation22: string;
33
- elevation23: string;
34
- elevation24: string;
35
- }
36
- export type PaperClassKey = keyof PaperClasses;
37
- export declare function getPaperUtilityClass(slot: string): string;
38
- declare const paperClasses: PaperClasses;
39
- export default paperClasses;
1
+ export interface PaperClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element unless `square={true}`. */
5
+ rounded: string;
6
+ /** Styles applied to the root element if `variant="outlined"`. */
7
+ outlined: string;
8
+ /** Styles applied to the root element if `variant="elevation"`. */
9
+ elevation: string;
10
+ elevation0: string;
11
+ elevation1: string;
12
+ elevation2: string;
13
+ elevation3: string;
14
+ elevation4: string;
15
+ elevation5: string;
16
+ elevation6: string;
17
+ elevation7: string;
18
+ elevation8: string;
19
+ elevation9: string;
20
+ elevation10: string;
21
+ elevation11: string;
22
+ elevation12: string;
23
+ elevation13: string;
24
+ elevation14: string;
25
+ elevation15: string;
26
+ elevation16: string;
27
+ elevation17: string;
28
+ elevation18: string;
29
+ elevation19: string;
30
+ elevation20: string;
31
+ elevation21: string;
32
+ elevation22: string;
33
+ elevation23: string;
34
+ elevation24: string;
35
+ }
36
+ export type PaperClassKey = keyof PaperClasses;
37
+ export declare function getPaperUtilityClass(slot: string): string;
38
+ declare const paperClasses: PaperClasses;
39
+ export default paperClasses;
@@ -1,10 +1,10 @@
1
- export interface PopoverClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the Paper component. */
5
- paper: string;
6
- }
7
- export type PopoverClassKey = keyof PopoverClasses;
8
- export declare function getPopoverUtilityClass(slot: string): string;
9
- declare const popoverClasses: PopoverClasses;
10
- export default popoverClasses;
1
+ export interface PopoverClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the Paper component. */
5
+ paper: string;
6
+ }
7
+ export type PopoverClassKey = keyof PopoverClasses;
8
+ export declare function getPopoverUtilityClass(slot: string): string;
9
+ declare const popoverClasses: PopoverClasses;
10
+ export default popoverClasses;
@@ -1,37 +1,37 @@
1
- import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
- import { SxProps } from '@mui/system';
3
- import * as React from 'react';
4
- import { Theme } from '../styles';
5
- export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
- /**
7
- * The components used for each slot inside the Popper.
8
- * Either a string to use a HTML element or a component.
9
- * @default {}
10
- */
11
- components?: {
12
- Root?: React.ElementType;
13
- };
14
- /**
15
- * The props used for each slot inside the Popper.
16
- * @default {}
17
- */
18
- componentsProps?: PopperUnstyledProps['slotProps'];
19
- /**
20
- * The system prop that allows defining system overrides as well as additional CSS styles.
21
- */
22
- sx?: SxProps<Theme>;
23
- };
24
- /**
25
- *
26
- * Demos:
27
- *
28
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
29
- * - [Menu](https://mui.com/material-ui/react-menu/)
30
- * - [Popper](https://mui.com/material-ui/react-popper/)
31
- *
32
- * API:
33
- *
34
- * - [Popper API](https://mui.com/material-ui/api/popper/)
35
- */
36
- declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>>;
37
- export default Popper;
1
+ import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
2
+ import { SxProps } from '@mui/system';
3
+ import * as React from 'react';
4
+ import { Theme } from '../styles';
5
+ export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
6
+ /**
7
+ * The components used for each slot inside the Popper.
8
+ * Either a string to use a HTML element or a component.
9
+ * @default {}
10
+ */
11
+ components?: {
12
+ Root?: React.ElementType;
13
+ };
14
+ /**
15
+ * The props used for each slot inside the Popper.
16
+ * @default {}
17
+ */
18
+ componentsProps?: PopperUnstyledProps['slotProps'];
19
+ /**
20
+ * The system prop that allows defining system overrides as well as additional CSS styles.
21
+ */
22
+ sx?: SxProps<Theme>;
23
+ };
24
+ /**
25
+ *
26
+ * Demos:
27
+ *
28
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
29
+ * - [Menu](https://mui.com/material-ui/react-menu/)
30
+ * - [Popper](https://mui.com/material-ui/react-popper/)
31
+ *
32
+ * API:
33
+ *
34
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
35
+ */
36
+ declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>>;
37
+ export default Popper;
@@ -1,16 +1,16 @@
1
- export interface RadioClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** State class applied to the root element if `checked={true}`. */
5
- checked: string;
6
- /** State class applied to the root element if `disabled={true}`. */
7
- disabled: string;
8
- /** Styles applied to the root element if `color="primary"`. */
9
- colorPrimary: string;
10
- /** Styles applied to the root element if `color="secondary"`. */
11
- colorSecondary: string;
12
- }
13
- export type RadioClassKey = keyof RadioClasses;
14
- export declare function getRadioUtilityClass(slot: string): string;
15
- declare const radioClasses: RadioClasses;
16
- export default radioClasses;
1
+ export interface RadioClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** State class applied to the root element if `checked={true}`. */
5
+ checked: string;
6
+ /** State class applied to the root element if `disabled={true}`. */
7
+ disabled: string;
8
+ /** Styles applied to the root element if `color="primary"`. */
9
+ colorPrimary: string;
10
+ /** Styles applied to the root element if `color="secondary"`. */
11
+ colorSecondary: string;
12
+ }
13
+ export type RadioClassKey = keyof RadioClasses;
14
+ export declare function getRadioUtilityClass(slot: string): string;
15
+ declare const radioClasses: RadioClasses;
16
+ export default radioClasses;
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- export interface RadioGroupContextValue {
3
- name: string | undefined;
4
- onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
- value: any;
6
- }
7
- /**
8
- * @ignore - internal component.
9
- */
10
- declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
- export default RadioGroupContext;
1
+ import * as React from 'react';
2
+ export interface RadioGroupContextValue {
3
+ name: string | undefined;
4
+ onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
5
+ value: any;
6
+ }
7
+ /**
8
+ * @ignore - internal component.
9
+ */
10
+ declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
11
+ export default RadioGroupContext;
@@ -1,4 +1,4 @@
1
- import { RadioGroupContextValue } from './RadioGroupContext';
2
- export interface RadioGroupState extends RadioGroupContextValue {
3
- }
4
- export default function useRadioGroup(): RadioGroupState | undefined;
1
+ import { RadioGroupContextValue } from './RadioGroupContext';
2
+ export interface RadioGroupState extends RadioGroupContextValue {
3
+ }
4
+ export default function useRadioGroup(): RadioGroupState | undefined;
@@ -1,40 +1,40 @@
1
- export interface RatingClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `size="small"`. */
5
- sizeSmall: string;
6
- /** Styles applied to the root element if `size="medium"`. */
7
- sizeMedium: string;
8
- /** Styles applied to the root element if `size="large"`. */
9
- sizeLarge: string;
10
- /** Styles applied to the root element if `readOnly={true}`. */
11
- readOnly: string;
12
- /** State class applied to the root element if `disabled={true}`. */
13
- disabled: string;
14
- /** State class applied to the root element if keyboard focused. */
15
- focusVisible: string;
16
- /** Visually hide an element. */
17
- visuallyHidden: string;
18
- /** Styles applied to the label elements. */
19
- label: string;
20
- /** Styles applied to the label of the "no value" input when it is active. */
21
- labelEmptyValueActive: string;
22
- /** Styles applied to the icon wrapping elements. */
23
- icon: string;
24
- /** Styles applied to the icon wrapping elements when empty. */
25
- iconEmpty: string;
26
- /** Styles applied to the icon wrapping elements when filled. */
27
- iconFilled: string;
28
- /** Styles applied to the icon wrapping elements when hover. */
29
- iconHover: string;
30
- /** Styles applied to the icon wrapping elements when focus. */
31
- iconFocus: string;
32
- /** Styles applied to the icon wrapping elements when active. */
33
- iconActive: string;
34
- /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
- decimal: string;
36
- }
37
- export type RatingClassKey = keyof RatingClasses;
38
- export declare function getRatingUtilityClass(slot: string): string;
39
- declare const ratingClasses: RatingClasses;
40
- export default ratingClasses;
1
+ export interface RatingClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ /** Styles applied to the root element if `size="small"`. */
5
+ sizeSmall: string;
6
+ /** Styles applied to the root element if `size="medium"`. */
7
+ sizeMedium: string;
8
+ /** Styles applied to the root element if `size="large"`. */
9
+ sizeLarge: string;
10
+ /** Styles applied to the root element if `readOnly={true}`. */
11
+ readOnly: string;
12
+ /** State class applied to the root element if `disabled={true}`. */
13
+ disabled: string;
14
+ /** State class applied to the root element if keyboard focused. */
15
+ focusVisible: string;
16
+ /** Visually hide an element. */
17
+ visuallyHidden: string;
18
+ /** Styles applied to the label elements. */
19
+ label: string;
20
+ /** Styles applied to the label of the "no value" input when it is active. */
21
+ labelEmptyValueActive: string;
22
+ /** Styles applied to the icon wrapping elements. */
23
+ icon: string;
24
+ /** Styles applied to the icon wrapping elements when empty. */
25
+ iconEmpty: string;
26
+ /** Styles applied to the icon wrapping elements when filled. */
27
+ iconFilled: string;
28
+ /** Styles applied to the icon wrapping elements when hover. */
29
+ iconHover: string;
30
+ /** Styles applied to the icon wrapping elements when focus. */
31
+ iconFocus: string;
32
+ /** Styles applied to the icon wrapping elements when active. */
33
+ iconActive: string;
34
+ /** Styles applied to the icon wrapping elements when decimals are necessary. */
35
+ decimal: string;
36
+ }
37
+ export type RatingClassKey = keyof RatingClasses;
38
+ export declare function getRatingUtilityClass(slot: string): string;
39
+ declare const ratingClasses: RatingClasses;
40
+ export default ratingClasses;
@@ -1,8 +1,8 @@
1
- export interface ScopedCssBaselineClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
- export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
- declare const scopedCssBaselineClasses: Record<"root", string>;
8
- export default scopedCssBaselineClasses;
1
+ export interface ScopedCssBaselineClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
6
+ export declare function getScopedCssBaselineUtilityClass(slot: string): string;
7
+ declare const scopedCssBaselineClasses: Record<"root", string>;
8
+ export default scopedCssBaselineClasses;
@@ -9,7 +9,7 @@ import { OutlinedInputProps } from '../OutlinedInput';
9
9
 
10
10
  export { SelectChangeEvent };
11
11
 
12
- export interface SelectProps<T = unknown>
12
+ interface CommonProps<T>
13
13
  extends StandardProps<InputProps, 'value' | 'onChange'>,
14
14
  Omit<OutlinedInputProps, 'value' | 'onChange'>,
15
15
  Pick<SelectInputProps<T>, 'onChange'> {
@@ -41,17 +41,6 @@ export interface SelectProps<T = unknown>
41
41
  * The default value. Use when the component is not controlled.
42
42
  */
43
43
  defaultValue?: T;
44
- /**
45
- * If `true`, a value is displayed even if no items are selected.
46
- *
47
- * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
48
- * returns the value to be displayed when no items are selected.
49
- *
50
- * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
51
- * The label should either be hidden or forced to a shrunk state.
52
- * @default false
53
- */
54
- displayEmpty?: boolean;
55
44
  /**
56
45
  * The icon that displays the arrow.
57
46
  * @default ArrowDropDownIcon
@@ -83,11 +72,6 @@ export interface SelectProps<T = unknown>
83
72
  * Props applied to the [`Menu`](/material-ui/api/menu/) element.
84
73
  */
85
74
  MenuProps?: Partial<MenuProps>;
86
- /**
87
- * If `true`, `value` must be an array and the menu will support multiple selections.
88
- * @default false
89
- */
90
- multiple?: boolean;
91
75
  /**
92
76
  * If `true`, the component uses a native `select` element.
93
77
  * @default false
@@ -121,14 +105,6 @@ export interface SelectProps<T = unknown>
121
105
  * You can only use it when the `native` prop is `false` (default).
122
106
  */
123
107
  open?: boolean;
124
- /**
125
- * Render the selected value.
126
- * You can only use it when the `native` prop is `false` (default).
127
- *
128
- * @param {any} value The `value` provided to the component.
129
- * @returns {ReactNode}
130
- */
131
- renderValue?: (value: T) => React.ReactNode;
132
108
  /**
133
109
  * Props applied to the clickable div element.
134
110
  */
@@ -152,6 +128,88 @@ export interface SelectProps<T = unknown>
152
128
  variant?: 'standard' | 'outlined' | 'filled';
153
129
  }
154
130
 
131
+ type ConditionalRenderValueType<T> =
132
+ | {
133
+ /**
134
+ * If `true`, a value is displayed even if no items are selected.
135
+ *
136
+ * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
137
+ * returns the value to be displayed when no items are selected.
138
+ *
139
+ * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
140
+ * The label should either be hidden or forced to a shrunk state.
141
+ * @default false
142
+ */
143
+ displayEmpty?: false;
144
+ /**
145
+ * If `true`, `value` must be an array and the menu will support multiple selections.
146
+ * @default false
147
+ */
148
+ multiple?: boolean;
149
+ /**
150
+ * Render the selected value.
151
+ * You can only use it when the `native` prop is `false` (default).
152
+ *
153
+ * @param {any} value The `value` provided to the component.
154
+ * @returns {ReactNode}
155
+ */
156
+ renderValue?: (value: T) => React.ReactNode;
157
+ }
158
+ | {
159
+ /**
160
+ * If `true`, a value is displayed even if no items are selected.
161
+ *
162
+ * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
163
+ * returns the value to be displayed when no items are selected.
164
+ *
165
+ * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
166
+ * The label should either be hidden or forced to a shrunk state.
167
+ * @default false
168
+ */
169
+ displayEmpty: true;
170
+ /**
171
+ * If `true`, `value` must be an array and the menu will support multiple selections.
172
+ * @default false
173
+ */
174
+ multiple?: false;
175
+ /**
176
+ * Render the selected value.
177
+ * You can only use it when the `native` prop is `false` (default).
178
+ *
179
+ * @param {any} value The `value` provided to the component.
180
+ * @returns {ReactNode}
181
+ */
182
+ renderValue?: (value: T | '') => React.ReactNode;
183
+ }
184
+ | {
185
+ /**
186
+ * If `true`, a value is displayed even if no items are selected.
187
+ *
188
+ * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
189
+ * returns the value to be displayed when no items are selected.
190
+ *
191
+ * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
192
+ * The label should either be hidden or forced to a shrunk state.
193
+ * @default false
194
+ */
195
+ displayEmpty: true;
196
+ /**
197
+ * If `true`, `value` must be an array and the menu will support multiple selections.
198
+ * @default false
199
+ */
200
+ multiple: true;
201
+ /**
202
+ * Render the selected value.
203
+ * You can only use it when the `native` prop is `false` (default).
204
+ *
205
+ * @param {any} value The `value` provided to the component.
206
+ * @returns {ReactNode}
207
+ */
208
+ renderValue?: (value: T) => React.ReactNode;
209
+ };
210
+
211
+ export type SelectProps<T = unknown> = CommonProps<T> & ConditionalRenderValueType<T>;
212
+
155
213
  /**
156
214
  *
157
215
  * Demos: