@mui/material 5.10.15 → 5.10.17

package/Accordion/accordionClasses.d.ts

@@ -12,7 +12,7 @@ export interface AccordionClasses {
     /** Styles applied to the region element, the container of the children. */
     region: string;
 }
-export declare type AccordionClassKey = keyof AccordionClasses;
+export type AccordionClassKey = keyof AccordionClasses;
 export declare function getAccordionUtilityClass(slot: string): string;
 declare const accordionClasses: AccordionClasses;
 export default accordionClasses;

package/AccordionActions/accordionActionsClasses.d.ts

@@ -4,7 +4,7 @@ export interface AccordionActionsClasses {
     /** Styles applied to the root element unless `disableSpacing={true}`. */
     spacing: string;
 }
-export declare type AccordionActionsClassKey = keyof AccordionActionsClasses;
+export type AccordionActionsClassKey = keyof AccordionActionsClasses;
 export declare function getAccordionActionsUtilityClass(slot: string): string;
 declare const accordionActionsClasses: AccordionActionsClasses;
 export default accordionActionsClasses;

package/AccordionDetails/accordionDetailsClasses.d.ts

@@ -2,7 +2,7 @@ export interface AccordionDetailsClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
+export type AccordionDetailsClassKey = keyof AccordionDetailsClasses;
 export declare function getAccordionDetailsUtilityClass(slot: string): string;
 declare const accordionDetailsClasses: AccordionDetailsClasses;
 export default accordionDetailsClasses;

package/AccordionSummary/accordionSummaryClasses.d.ts

@@ -16,7 +16,7 @@ export interface AccordionSummaryClasses {
     /** Styles applied to the `expandIcon`'s wrapper element. */
     expandIconWrapper: string;
 }
-export declare type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
+export type AccordionSummaryClassKey = keyof AccordionSummaryClasses;
 export declare function getAccordionSummaryUtilityClass(slot: string): string;
 declare const accordionSummaryClasses: AccordionSummaryClasses;
 export default accordionSummaryClasses;

package/Alert/alertClasses.d.ts

@@ -38,7 +38,7 @@ export interface AlertClasses {
     /** Styles applied to the action wrapper element if `action` is provided. */
     action: string;
 }
-export declare type AlertClassKey = keyof AlertClasses;
+export type AlertClassKey = keyof AlertClasses;
 export declare function getAlertUtilityClass(slot: string): string;
 declare const alertClasses: AlertClasses;
 export default alertClasses;

package/AlertTitle/alertTitleClasses.d.ts

@@ -2,7 +2,7 @@ export interface AlertTitleClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type AlertTitleClassKey = keyof AlertTitleClasses;
+export type AlertTitleClassKey = keyof AlertTitleClasses;
 export declare function getAlertTitleUtilityClass(slot: string): string;
 declare const alertTitleClasses: AlertTitleClasses;
 export default alertTitleClasses;

package/AppBar/appBarClasses.d.ts

@@ -22,7 +22,7 @@ export interface AppBarClasses {
     /** Styles applied to the root element if `color="transparent"`. */
     colorTransparent: string;
 }
-export declare type AppBarClassKey = keyof AppBarClasses;
+export type AppBarClassKey = keyof AppBarClasses;
 export declare function getAppBarUtilityClass(slot: string): string;
 declare const appBarClasses: AppBarClasses;
 export default appBarClasses;

package/Autocomplete/autocompleteClasses.d.ts

@@ -48,7 +48,7 @@ export interface AutocompleteClasses {
     /** Styles applied to the group's ul elements. */
     groupUl: string;
 }
-export declare type AutocompleteClassKey = keyof AutocompleteClasses;
+export type AutocompleteClassKey = keyof AutocompleteClasses;
 export declare function getAutocompleteUtilityClass(slot: string): string;
 declare const autocompleteClasses: AutocompleteClasses;
 export default autocompleteClasses;

package/Avatar/avatarClasses.d.ts

@@ -14,7 +14,7 @@ export interface AvatarClasses {
     /** Styles applied to the fallback icon */
     fallback: string;
 }
-export declare type AvatarClassKey = keyof AvatarClasses;
+export type AvatarClassKey = keyof AvatarClasses;
 export declare function getAvatarUtilityClass(slot: string): string;
 declare const avatarClasses: AvatarClasses;
 export default avatarClasses;

package/AvatarGroup/avatarGroupClasses.d.ts

@@ -4,7 +4,7 @@ export interface AvatarGroupClasses {
     /** Styles applied to the avatar elements. */
     avatar: string;
 }
-export declare type AvatarGroupClassKey = keyof AvatarGroupClasses;
+export type AvatarGroupClassKey = keyof AvatarGroupClasses;
 export declare function getAvatarGroupUtilityClass(slot: string): string;
 declare const avatarGroupClasses: AvatarGroupClasses;
 export default avatarGroupClasses;

package/Backdrop/backdropClasses.d.ts

@@ -4,7 +4,7 @@ export interface BackdropClasses {
     /** Styles applied to the root element if `invisible={true}`. */
     invisible: string;
 }
-export declare type BackdropClassKey = keyof BackdropClasses;
+export type BackdropClassKey = keyof BackdropClasses;
 export declare function getBackdropUtilityClass(slot: string): string;
 declare const backdropClasses: BackdropClasses;
 export default backdropClasses;

package/Badge/badgeClasses.d.ts

@@ -50,7 +50,7 @@ export interface BadgeClasses {
     /** Class name applied to the badge `span` element if `overlap="circular"`. */
     overlapCircular: string;
 }
-export declare type BadgeClassKey = keyof BadgeClasses;
+export type BadgeClassKey = keyof BadgeClasses;
 export declare function getBadgeUtilityClass(slot: string): string;
 declare const badgeClasses: BadgeClasses;
 export default badgeClasses;

package/BottomNavigation/bottomNavigationClasses.d.ts

@@ -2,7 +2,7 @@ export interface BottomNavigationClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type BottomNavigationClassKey = keyof BottomNavigationClasses;
+export type BottomNavigationClassKey = keyof BottomNavigationClasses;
 export declare function getBottomNavigationUtilityClass(slot: string): string;
 declare const bottomNavigationClasses: BottomNavigationClasses;
 export default bottomNavigationClasses;

package/BottomNavigationAction/bottomNavigationActionClasses.d.ts

@@ -8,7 +8,7 @@ export interface BottomNavigationActionClasses {
     /** Styles applied to the label's span element. */
     label: string;
 }
-export declare type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
+export type BottomNavigationActionClassKey = keyof BottomNavigationActionClasses;
 export declare function getBottomNavigationActionUtilityClass(slot: string): string;
 declare const bottomNavigationActionClasses: BottomNavigationActionClasses;
 export default bottomNavigationActionClasses;

package/Breadcrumbs/breadcrumbsClasses.d.ts

@@ -8,7 +8,7 @@ export interface BreadcrumbsClasses {
     /** Styles applied to the separator element. */
     separator: string;
 }
-export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
+export type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
 export declare function getBreadcrumbsUtilityClass(slot: string): string;
 declare const breadcrumbsClasses: BreadcrumbsClasses;
 export default breadcrumbsClasses;

package/Button/buttonClasses.d.ts

@@ -94,7 +94,7 @@ export interface ButtonClasses {
     /** Styles applied to the icon element if supplied and `size="large"`. */
     iconSizeLarge: string;
 }
-export declare type ButtonClassKey = keyof ButtonClasses;
+export type ButtonClassKey = keyof ButtonClasses;
 export declare function getButtonUtilityClass(slot: string): string;
 declare const buttonClasses: ButtonClasses;
 export default buttonClasses;

package/ButtonBase/buttonBaseClasses.d.ts

@@ -6,7 +6,7 @@ export interface ButtonBaseClasses {
     /** State class applied to the root element if keyboard focused. */
     focusVisible: string;
 }
-export declare type ButtonBaseClassKey = keyof ButtonBaseClasses;
+export type ButtonBaseClassKey = keyof ButtonBaseClasses;
 export declare function getButtonBaseUtilityClass(slot: string): string;
 declare const buttonBaseClasses: ButtonBaseClasses;
 export default buttonBaseClasses;

package/ButtonBase/touchRippleClasses.d.ts

@@ -14,7 +14,7 @@ export interface TouchRippleClasses {
     /** Styles applied to the internal `Ripple` components `childPulsate` class. */
     childPulsate: string;
 }
-export declare type TouchRippleClassKey = keyof TouchRippleClasses;
+export type TouchRippleClassKey = keyof TouchRippleClasses;
 export declare function getTouchRippleUtilityClass(slot: string): string;
 declare const touchRippleClasses: TouchRippleClasses;
 export default touchRippleClasses;

package/ButtonGroup/buttonGroupClasses.d.ts

@@ -52,7 +52,7 @@ export interface ButtonGroupClasses {
     /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
     groupedContainedSecondary: string;
 }
-export declare type ButtonGroupClassKey = keyof ButtonGroupClasses;
+export type ButtonGroupClassKey = keyof ButtonGroupClasses;
 export declare function getButtonGroupUtilityClass(slot: string): string;
 declare const buttonGroupClasses: ButtonGroupClasses;
 export default buttonGroupClasses;

package/CHANGELOG.md

@@ -1,5 +1,125 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.10.17
+
+<!-- generated comparing v5.10.16..master -->
+
+_Dec 6, 2022_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ @mnajdova added a [Material You Button playground](https://mui.com/material-ui/react-button/#material-you-version) (#35222)
+- 🔧 @hbjORbj renamed `components` / `componentProps` to `slots` / `slotProps` prop in Joy UI to create consistency across products (#34997)
+- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
+
+### `@mui/material@5.10.17`
+
+- &#8203;<!-- 31 -->[Slider] Fix `markActive` theme class not getting applied (#35067) @ZeeshanTamboli
+- &#8203;<!-- 30 -->[SwipeableDrawer] Fix missing close animation when initial open is true (#35010) @sai6855
+- &#8203;<!-- 28 -->[material-ui] Add channel colors if possible (#35178) @siriwatknp
+- &#8203;<!-- 10 -->[Fab] Increase disabled styles precedence (#35304) @Uzwername
+- &#8203;<!-- 05 -->[Rating] Apply `labelEmptyValueActive` style overrides from theme (#35315) @sai6855
+
+### `@mui/system@5.10.17`
+
+- &#8203;<!-- 04 -->[system] Add support for nested CssVarsProvider (#35277) @siriwatknp
+
+### `@mui/joy@5.0.0-alpha.57`
+
+#### BREAKING CHANGE
+
+- &#8203;<!-- 08 -->[Joy] Add `slots`/`slotProps` props to the typing of all components and apply `useSlot` to all components (#34997) @hbjORbj
+
+  - Change all occurrences of `components` and `componentsProps` props in Joy UI components to `slots` and `slotProps`, respectively.
+
+  ```diff
+  -<Autocomplete components={{listbox: CustomListbox}} componentsProps={{listbox: { className: 'custom-listbox' }}} />
+  +<Autocomplete slots={{listbox: CustomListbox}} slotProps={{listbox: { className: 'custom-listbox' }}} />
+  ```
+
+  You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#joy-rename-components-to-slots) to help with the migration.
+
+#### Changes
+
+- &#8203;<!-- 07 -->[Joy] Miscellaneous fixes (#35345) @siriwatknp
+- &#8203;<!-- 06 -->[Joy][textarea] Expose decorator classes (#35247) @zignis
+
+### Docs
+
+- &#8203;<!-- 29 -->[docs] Improve spacing with ul (#35302) @oliviertassinari
+- &#8203;<!-- 23 -->[docs] Correct grammatically incorrect sentences in CONTRIBUTING.md (#34949) @Pandey-utkarsh
+- &#8203;<!-- 22 -->[docs] Move the demo higher in the API TOC (#35202) @oliviertassinari
+- &#8203;<!-- 21 -->[docs] Fix incorrect link in minimizing-bundle-size (#35297) @Juneezee
+- &#8203;<!-- 20 -->[docs] Revise and expand Joy UI "Breadcrumbs" page (#35292) @samuelsycamore
+- &#8203;<!-- 19 -->[docs] Fix wrong import in the unstyled tabs page (#35310) @guotie
+- &#8203;<!-- 18 -->[docs] Disable translations (#34820) @mnajdova
+- &#8203;<!-- 17 -->[docs] Fix typo (#35312) @flaviendelangle
+- &#8203;<!-- 16 -->[docs] Add Material You Button playground (#35222) @mnajdova
+- &#8203;<!-- 15 -->[docs] Fix experimental API page duplication (#35213) @oliviertassinari
+- &#8203;<!-- 14 -->[docs] Improve the autogenerated "Unstyled" and "API" text (#35185) @samuelsycamore
+- &#8203;<!-- 13 -->[docs] Fix ad margin on API pages (#35201) @oliviertassinari
+- &#8203;<!-- 12 -->[docs] Revise and expand the Joy UI "Badge" page (#35199) @samuelsycamore
+- &#8203;<!-- 11 -->[docs] Update MUI Base docs with latest style conventions (#35034) @samuelsycamore
+- &#8203;<!-- 09 -->[l10n] Improve Chinese (Taiwan) zh-TW locale (#35328) @happyincent
+- &#8203;<!-- 02 -->[website] Update MUI stats: GitHub stars, Twitter followers, etc. (#35318) @nomandhoni-cs
+
+### Core
+
+- &#8203;<!-- 27 -->[core] Use componentStyles.name over componentName (#35303) @oliviertassinari
+- &#8203;<!-- 26 -->[core] Fix warning leak in production (#35313) @oliviertassinari
+- &#8203;<!-- 25 -->[core] Move the internal packages from docs/packages (#35305) @michaldudak
+- &#8203;<!-- 24 -->[core] Clean up the API docs generation scripts (#35244) @michaldudak
+- &#8203;<!-- 03 -->[test] Scope the tests to just Material UI components (#35219) @siriwatknp
+- &#8203;<!-- 01 -->[website] Remove BlackFriday notification @oliviertassinari
+
+All contributors of this release in alphabetical order: @flaviendelangle, @guotie, @happyincent, @hbjORbj, @Juneezee, @michaldudak, @mnajdova, @nomandhoni-cs, @oliviertassinari, @Pandey-utkarsh, @sai6855, @samuelsycamore, @siriwatknp, @Uzwername, @zignis
+
+## 5.10.16
+
+<!-- generated comparing v5.10.15..master -->
+
+_Nov 28, 2022_
+
+A big thanks to the 13 contributors who made this release possible. This release contains various 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
+
+### `@mui/material@5.10.16`
+
+- &#8203;<!-- 21 -->[Autocomplete] Fix inferred value type when `multiple` prop is `true` (#35275) @fenghan34
+- &#8203;<!-- 19 -->[Chip] Add `skipFocusWhenDisabled` prop to not allow focussing deletable chip if disabled (#35065) @sai6855
+- &#8203;<!-- 18 -->[Chip] Remove unnecessary handleKeyDown event handler (#35231) @ZeeshanTamboli
+- &#8203;<!-- 05 -->[FormControl] Add missing types in `useFormControl` (#35168) @ZeeshanTamboli
+- &#8203;<!-- 04 -->[IconButton] Add missing color classes (#33820) @Zetta56
+- &#8203;<!-- 03 -->[SwipeableDrawer] Make paper ref accessible (#35082) @sai6855
+
+### `@mui/system@5.10.16`
+
+- &#8203;<!-- 02 -->[system] Remove unnecessary parsed theme (#35239) @siriwatknp
+- &#8203;<!-- 01 -->[theme] Fix TypeScript type for custom variants in responsive font sizes (#35057) @ZeeshanTamboli
+
+### `@mui/base@5.0.0-alpha.108`
+
+- &#8203;<!-- 20 -->[Base] Allow useSlotProps to receive undefined elementType (#35192) @leventdeniz
+
+### Docs
+
+- &#8203;<!-- 13 -->[docs] Improve feedback precision (#34641) @alexfauquette
+- &#8203;<!-- 12 -->[docs] Add Black Friday notification @oliviertassinari
+- &#8203;<!-- 11 -->[docs] Fix migration feedback (#35232) @alexfauquette
+- &#8203;<!-- 10 -->[docs] Improve the useSelect demo styling (#33883) @michaldudak
+- &#8203;<!-- 09 -->[docs] Fix layout jump on first mistake (#35215) @oliviertassinari
+- &#8203;<!-- 08 -->[docs] Support demos with side effect imports (#35177) @m4theushw
+- &#8203;<!-- 07 -->[examples] Fix Next.js errors (#35246) @oliviertassinari
+- &#8203;<!-- 06 -->[examples] Updated Remix examples with the lates changes using React 18 (#35092) @58bits
+
+### Core
+
+- &#8203;<!-- 17 -->[core] Remove unused pattern (#35165) @iamxukai
+- &#8203;<!-- 16 -->[core] Fix Base version in changelog (#35224) @siriwatknp
+- &#8203;<!-- 15 -->[core] Migrate `describeConformance` to TypeScript (#35193) @flaviendelangle
+- &#8203;<!-- 14 -->[core] Skip CI for docs and examples paths (#35225) @siriwatknp
+
+All contributors of this release in alphabetical order: @58bits, @alexfauquette, @fenghan34, @flaviendelangle, @iamxukai, @leventdeniz, @m4theushw, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @ZeeshanTamboli, @Zetta56
+
 ## 5.10.15
 
 <!-- generated comparing v5.10.14..master -->
@@ -26,7 +146,7 @@ A big thanks to the 9 contributors who made this release possible. Here are some
 
 - [Material You] Add theme structure & Button component (#34650) @mnajdova
 
-### `@mui/base@5.0.0-alpha.106`
+### `@mui/base@5.0.0-alpha.107`
 
 - [Select] Add attributes to conform with ARIA 1.2 (#35182) @michaldudak
 

package/Card/cardClasses.d.ts

@@ -2,7 +2,7 @@ export interface CardClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type CardClassKey = keyof CardClasses;
+export type CardClassKey = keyof CardClasses;
 export declare function getCardUtilityClass(slot: string): string;
 declare const cardClasses: CardClasses;
 export default cardClasses;

package/CardActionArea/cardActionAreaClasses.d.ts

@@ -6,7 +6,7 @@ export interface CardActionAreaClasses {
     /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
     focusHighlight: string;
 }
-export declare type CardActionAreaClassKey = keyof CardActionAreaClasses;
+export type CardActionAreaClassKey = keyof CardActionAreaClasses;
 export declare function getCardActionAreaUtilityClass(slot: string): string;
 declare const cardActionAreaClasses: CardActionAreaClasses;
 export default cardActionAreaClasses;

package/CardActions/cardActionsClasses.d.ts

@@ -4,7 +4,7 @@ export interface CardActionsClasses {
     /** Styles applied to the root element unless `disableSpacing={true}`. */
     spacing: string;
 }
-export declare type CardActionsClassKey = keyof CardActionsClasses;
+export type CardActionsClassKey = keyof CardActionsClasses;
 export declare function getCardActionsUtilityClass(slot: string): string;
 declare const cardActionsClasses: CardActionsClasses;
 export default cardActionsClasses;

package/CardContent/cardContentClasses.d.ts

@@ -2,7 +2,7 @@ export interface CardContentClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type CardContentClassKey = keyof CardContentClasses;
+export type CardContentClassKey = keyof CardContentClasses;
 export declare function getCardContentUtilityClass(slot: string): string;
 declare const cardContentClasses: CardContentClasses;
 export default cardContentClasses;

package/CardHeader/cardHeaderClasses.d.ts

@@ -12,7 +12,7 @@ export interface CardHeaderClasses {
     /** Styles applied to the subheader Typography element. */
     subheader: string;
 }
-export declare type CardHeaderClassKey = keyof CardHeaderClasses;
+export type CardHeaderClassKey = keyof CardHeaderClasses;
 export declare function getCardHeaderUtilityClass(slot: string): string;
 declare const cardHeaderClasses: CardHeaderClasses;
 export default cardHeaderClasses;

package/CardMedia/cardMediaClasses.d.ts

@@ -6,7 +6,7 @@ export interface CardMediaClasses {
     /** Styles applied to the root element if `component="picture or img"`. */
     img: string;
 }
-export declare type CardMediaClassKey = keyof CardMediaClasses;
+export type CardMediaClassKey = keyof CardMediaClasses;
 export declare function getCardMediaUtilityClass(slot: string): string;
 declare const cardMediaClasses: CardMediaClasses;
 export default cardMediaClasses;

package/Checkbox/checkboxClasses.d.ts

@@ -12,7 +12,7 @@ export interface CheckboxClasses {
     /** Styles applied to the root element if `color="secondary"`. */
     colorSecondary: string;
 }
-export declare type CheckboxClassKey = keyof CheckboxClasses;
+export type CheckboxClassKey = keyof CheckboxClasses;
 export declare function getCheckboxUtilityClass(slot: string): string;
 declare const checkboxClasses: CheckboxClasses;
 export default checkboxClasses;

package/Chip/Chip.d.ts

@@ -72,10 +72,20 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
      * @default 'medium'
      */
     size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
+    /**
+     * If `true`, allows the disabled chip to escape focus.
+     * If `false`, allows the disabled chip to receive focus.
+     * @default false
+     */
+    skipFocusWhenDisabled?: boolean;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
     sx?: SxProps<Theme>;
+    /**
+     *  @ignore
+     */
+    tabIndex?: number;
     /**
      * The variant to use.
      * @default 'filled'

package/Chip/Chip.js

@@ -21,7 +21,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _chipClasses = _interopRequireWildcard(require("./chipClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant"];
+const _excluded = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -300,7 +300,9 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       onKeyDown,
       onKeyUp,
       size = 'medium',
-      variant = 'filled'
+      variant = 'filled',
+      tabIndex,
+      skipFocusWhenDisabled = false
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const chipRef = React.useRef(null);
@@ -390,6 +392,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp,
     ref: handleRef,
+    tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
     ownerState: ownerState
   }, moreProps, other, {
     children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipLabel, {
@@ -481,10 +484,20 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * @default 'medium'
    */
   size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: _propTypes.default.number,
   /**
    * The variant to use.
    * @default 'filled'

package/Chip/chipClasses.d.ts

@@ -90,7 +90,7 @@ export interface ChipClasses {
     /** State class applied to the root element if keyboard focused. */
     focusVisible: string;
 }
-export declare type ChipClassKey = keyof ChipClasses;
+export type ChipClassKey = keyof ChipClasses;
 export declare function getChipUtilityClass(slot: string): string;
 declare const chipClasses: ChipClasses;
 export default chipClasses;

package/CircularProgress/circularProgressClasses.d.ts

@@ -20,7 +20,7 @@ export interface CircularProgressClasses {
     /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
     circleDisableShrink: string;
 }
-export declare type CircularProgressClassKey = keyof CircularProgressClasses;
+export type CircularProgressClassKey = keyof CircularProgressClasses;
 export declare function getCircularProgressUtilityClass(slot: string): string;
 declare const circularProgressClasses: CircularProgressClasses;
 export default circularProgressClasses;

package/Collapse/collapseClasses.d.ts

@@ -12,7 +12,7 @@ export interface CollapseClasses {
     /** Styles applied to the inner wrapper element. */
     wrapperInner: string;
 }
-export declare type CollapseClassKey = keyof CollapseClasses;
+export type CollapseClassKey = keyof CollapseClasses;
 export declare function getCollapseUtilityClass(slot: string): string;
 declare const collapseClasses: CollapseClasses;
 export default collapseClasses;

package/Dialog/dialogClasses.d.ts

@@ -30,7 +30,7 @@ export interface DialogClasses {
     /** Styles applied to the Paper component if `fullScreen={true}`. */
     paperFullScreen: string;
 }
-export declare type DialogClassKey = keyof DialogClasses;
+export type DialogClassKey = keyof DialogClasses;
 export declare function getDialogUtilityClass(slot: string): string;
 declare const dialogClasses: DialogClasses;
 export default dialogClasses;

package/DialogActions/dialogActionsClasses.d.ts

@@ -4,7 +4,7 @@ export interface DialogActionsClasses {
     /** Styles applied to the root element unless `disableSpacing={true}`. */
     spacing: string;
 }
-export declare type DialogActionsClassKey = keyof DialogActionsClasses;
+export type DialogActionsClassKey = keyof DialogActionsClasses;
 export declare function getDialogActionsUtilityClass(slot: string): string;
 declare const dialogActionsClasses: DialogActionsClasses;
 export default dialogActionsClasses;

package/DialogContent/dialogContentClasses.d.ts

@@ -4,7 +4,7 @@ export interface DialogContentClasses {
     /** Styles applied to the root element if `dividers={true}`. */
     dividers: string;
 }
-export declare type DialogContentClassKey = keyof DialogContentClasses;
+export type DialogContentClassKey = keyof DialogContentClasses;
 export declare function getDialogContentUtilityClass(slot: string): string;
 declare const dialogContentClasses: DialogContentClasses;
 export default dialogContentClasses;

package/DialogContentText/dialogContentTextClasses.d.ts

@@ -2,7 +2,7 @@ export interface DialogContentTextClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type DialogContentTextClassKey = keyof DialogContentTextClasses;
+export type DialogContentTextClassKey = keyof DialogContentTextClasses;
 export declare function getDialogContentTextUtilityClass(slot: string): string;
 declare const dialogContentTextClasses: DialogContentTextClasses;
 export default dialogContentTextClasses;

package/DialogTitle/dialogTitleClasses.d.ts

@@ -2,7 +2,7 @@ export interface DialogTitleClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type DialogTitleClassKey = keyof DialogTitleClasses;
+export type DialogTitleClassKey = keyof DialogTitleClasses;
 export declare function getDialogTitleUtilityClass(slot: string): string;
 declare const dialogTitleClasses: DialogTitleClasses;
 export default dialogTitleClasses;

package/Divider/dividerClasses.d.ts

@@ -28,7 +28,7 @@ export interface DividerClasses {
     /** Styles applied to the span children element if `orientation="vertical"`. */
     wrapperVertical: string;
 }
-export declare type DividerClassKey = keyof DividerClasses;
+export type DividerClassKey = keyof DividerClasses;
 export declare function getDividerUtilityClass(slot: string): string;
 declare const dividerClasses: DividerClasses;
 export default dividerClasses;

package/Drawer/drawerClasses.d.ts

@@ -24,7 +24,7 @@ export interface DrawerClasses {
     /** Styles applied to the Modal component. */
     modal: string;
 }
-export declare type DrawerClassKey = keyof DrawerClasses;
+export type DrawerClassKey = keyof DrawerClasses;
 export declare function getDrawerUtilityClass(slot: string): string;
 declare const drawerClasses: DrawerClasses;
 export default drawerClasses;

package/Fab/Fab.js

@@ -75,11 +75,6 @@ const FabRoot = (0, _styled.default)(_ButtonBase.default, {
     },
     [`&.${_fabClasses.default.focusVisible}`]: {
       boxShadow: (theme.vars || theme).shadows[6]
-    },
-    [`&.${_fabClasses.default.disabled}`]: {
-      color: (theme.vars || theme).palette.action.disabled,
-      boxShadow: (theme.vars || theme).shadows[0],
-      backgroundColor: (theme.vars || theme).palette.action.disabledBackground
     }
   }, ownerState.size === 'small' && {
     width: 40,
@@ -122,6 +117,14 @@ const FabRoot = (0, _styled.default)(_ButtonBase.default, {
       backgroundColor: (theme.vars || theme).palette[ownerState.color].main
     }
   }
+}), ({
+  theme
+}) => ({
+  [`&.${_fabClasses.default.disabled}`]: {
+    color: (theme.vars || theme).palette.action.disabled,
+    boxShadow: (theme.vars || theme).shadows[0],
+    backgroundColor: (theme.vars || theme).palette.action.disabledBackground
+  }
 }));
 const Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
   const props = (0, _useThemeProps.default)({

package/Fab/fabClasses.d.ts

@@ -20,7 +20,7 @@ export interface FabClasses {
     /** Styles applied to the root element if `size="medium"``. */
     sizeMedium: string;
 }
-export declare type FabClassKey = keyof FabClasses;
+export type FabClassKey = keyof FabClasses;
 export declare function getFabUtilityClass(slot: string): string;
 declare const fabClasses: FabClasses;
 export default fabClasses;

package/FilledInput/filledInputClasses.d.ts

@@ -34,7 +34,7 @@ export interface FilledInputClasses {
     /** Styles applied to the input element if `endAdornment` is provided. */
     inputAdornedEnd: string;
 }
-export declare type FilledInputClassKey = keyof FilledInputClasses;
+export type FilledInputClassKey = keyof FilledInputClasses;
 export declare function getFilledInputUtilityClass(slot: string): string;
 declare const filledInputClasses: FilledInputClasses;
 export default filledInputClasses;