@mui/material 5.10.14 → 5.10.16

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/Autocomplete.js

@@ -294,6 +294,7 @@ const AutocompleteListbox = (0, _styled.default)('div', {
   padding: '8px 0',
   maxHeight: '40vh',
   overflow: 'auto',
+  position: 'relative',
   [`& .${_autocompleteClasses.default.option}`]: {
     minHeight: 48,
     display: 'flex',

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,113 @@
 # [Versions](https://mui.com/versions/)
 
+## 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 -->
+
+_Nov 21, 2022_
+
+A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 @mnajdova added the button as the first component that implements [Material You](https://m3.material.io/) design (MD3)
+- 🌐 @MBilalShafi added Urdu (Pakistan) localization
+- Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements
+
+### `@mui/material@5.10.15`
+
+- [Autocomplete] Fix keyboard navigation when using custom popover (#35160) @sai6855
+- [typescript] Add `background.defaultChannel` to `CssVarsPalette` (#35174) @alexfauquette
+- [l10n] Add Urdu (ur-PK) locale (#35154) @MBilalShafi
+
+### `@mui/icons-material@5.10.15`
+
+- [icons] Update the Material Design icons (#35194) @michaldudak
+
+### `@mui/material-next@6.0.0-alpha.63`
+
+- [Material You] Add theme structure & Button component (#34650) @mnajdova
+
+### `@mui/base@5.0.0-alpha.107`
+
+- [Select] Add attributes to conform with ARIA 1.2 (#35182) @michaldudak
+
+### Docs
+
+- [docs] Fix a couple documentation errors (#35217) @danilo-leal
+- [docs] Change MUI -> Material UI in icons-material's readme (#35220) @michaldudak
+- [docs] the pages have no <link rel=canonical so we need to tell Google to not index the staging envs @oliviertassinari
+- [docs] Fix confusion in TOCs when reaching scroll bottom (#35214) @oliviertassinari
+- [docs] Fix typos in section titles (#35025) @iamxukai
+- [docs] Fix typo in legacy date picker migration guide @oliviertassinari
+- [docs] Iterating on recent Joy UI Component page updates (#35162) @samuelsycamore
+- [docs] Inform that pickers are in X repository (#35189) @alexfauquette
+- [docs] Explain how the `error` prop works in the Unstyled Input (#35171) @michaldudak
+- [docs] Hotfix missing styles in dark mode (#35179) @siriwatknp
+- [docs] Add Joy UI theme typography page (#34811) @siriwatknp
+- [docs] Fix undo/redo in live editor (#35163) @oliviertassinari
+- [docs] Revise the Joy UI "Avatar" component page (#35152) @samuelsycamore
+- [docs] Make navbar backdrop filter consistent with website (#35157) @danilo-leal
+- [docs] Host CodeSandbox on MUI org (#35110) @oliviertassinari
+- [docs] Uplift introduction demos & make consistent with Base (#34316) @danilo-leal
+- [website] Add Security questionnaire in pricing (#35172) @oliviertassinari
+- [website] Fix theme mode toggle state (#35216) @siriwatknp
+- [website] Exclude experiment pages in production (#35180) @siriwatknp
+- [website] Disable SEO for performance pages (#35173) @oliviertassinari
+
+### Core
+
+- [core] Convert icons scripts to ESM (#35101) @Janpot
+- [core] Group renovate GitHub Action dependency updates @oliviertassinari
+- [core] Upgrade eslint-config-airbnb-typescript (#34642) @Janpot
+- [core] Ensure that prettier CI step fails when code is badly formatted (#35170) @michaldudak
+
+All contributors of this release in alphabetical order: @alexfauquette, @danilo-leal, @iamxukai, @Janpot, @MBilalShafi, @michaldudak, @oliviertassinari, @samuelsycamore, @siriwatknp
+
 ## v5.10.14
 
 <!-- generated comparing v5.10.13..master -->

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/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;

package/FormControl/FormControlContext.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { FormControlProps } from './FormControl';
+type ContextFromPropsKey = 'color' | 'disabled' | 'error' | 'fullWidth' | 'hiddenLabel' | 'margin' | 'onBlur' | 'onFocus' | 'required' | 'size' | 'variant';
+export interface FormControlState extends Pick<FormControlProps, ContextFromPropsKey> {
+    adornedStart: boolean;
+    filled: boolean;
+    focused: boolean;
+    onEmpty: () => void;
+    onFilled: () => void;
+    registerEffect: () => void;
+    setAdornedStart: React.Dispatch<React.SetStateAction<boolean>>;
+}
+/**
+ * @ignore - internal component.
+ */
+declare const FormControlContext: React.Context<FormControlState | undefined>;
+export default FormControlContext;

package/FormControl/FormControlContext.js

@@ -10,7 +10,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * @ignore - internal component.
  */
-const FormControlContext = /*#__PURE__*/React.createContext();
+const FormControlContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {
   FormControlContext.displayName = 'FormControlContext';
 }

package/FormControl/formControlClasses.d.ts

@@ -8,7 +8,7 @@ export interface FormControlClasses {
     /** Styles applied to the root element if `fullWidth={true}`. */
     fullWidth: string;
 }
-export declare type FormControlClassKey = keyof FormControlClasses;
+export type FormControlClassKey = keyof FormControlClasses;
 export declare function getFormControlUtilityClasses(slot: string): string;
 declare const formControlClasses: FormControlClasses;
 export default formControlClasses;

package/FormControl/index.d.ts

@@ -1,7 +1,9 @@
 export { default } from './FormControl';
 export * from './FormControl';
 
-export { default as useFormControl, FormControlState } from './useFormControl';
+export { default as useFormControl } from './useFormControl';
+
+export { FormControlState } from './FormControlContext';
 
 export { default as formControlClasses } from './formControlClasses';
 export * from './formControlClasses';