@mui/material 5.10.14 → 5.10.16

package/StepContent/stepContentClasses.d.ts

@@ -6,7 +6,7 @@ export interface StepContentClasses {
     /** Styles applied to the Transition component. */
     transition: string;
 }
-export declare type StepContentClassKey = keyof StepContentClasses;
+export type StepContentClassKey = keyof StepContentClasses;
 export declare function getStepContentUtilityClass(slot: string): string;
 declare const stepContentClasses: StepContentClasses;
 export default stepContentClasses;

package/StepIcon/stepIconClasses.d.ts

@@ -10,7 +10,7 @@ export interface StepIconClasses {
     /** State class applied to the root element if `error={true}`. */
     error: string;
 }
-export declare type StepIconClassKey = keyof StepIconClasses;
+export type StepIconClassKey = keyof StepIconClasses;
 export declare function getStepIconUtilityClass(slot: string): string;
 declare const stepIconClasses: StepIconClasses;
 export default stepIconClasses;

package/StepLabel/stepLabelClasses.d.ts

@@ -22,7 +22,7 @@ export interface StepLabelClasses {
     /** Styles applied to the container element which wraps label and `optional`. */
     labelContainer: string;
 }
-export declare type StepLabelClassKey = keyof StepLabelClasses;
+export type StepLabelClassKey = keyof StepLabelClasses;
 export declare function getStepLabelUtilityClass(slot: string): string;
 declare const stepLabelClasses: StepLabelClasses;
 export default stepLabelClasses;

package/Stepper/stepperClasses.d.ts

@@ -8,7 +8,7 @@ export interface StepperClasses {
     /** Styles applied to the root element if `alternativeLabel={true}`. */
     alternativeLabel: string;
 }
-export declare type StepperClassKey = keyof StepperClasses;
+export type StepperClassKey = keyof StepperClasses;
 export declare function getStepperUtilityClass(slot: string): string;
 declare const stepperClasses: StepperClasses;
 export default stepperClasses;

package/SvgIcon/svgIconClasses.d.ts

@@ -20,7 +20,7 @@ export interface SvgIconClasses {
     /** Styles applied to the root element if `fontSize="large"`. */
     fontSizeLarge: string;
 }
-export declare type SvgIconClassKey = keyof SvgIconClasses;
+export type SvgIconClassKey = keyof SvgIconClasses;
 export declare function getSvgIconUtilityClass(slot: string): string;
 declare const svgIconClasses: SvgIconClasses;
 export default svgIconClasses;

package/SwipeableDrawer/SwipeableDrawer.js

@@ -15,6 +15,7 @@ var _utils = require("@mui/utils");
 var _system = require("@mui/system");
 var _base = require("@mui/base");
 var _Drawer = _interopRequireWildcard(require("../Drawer/Drawer"));
+var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
@@ -162,6 +163,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   const swipeAreaRef = React.useRef();
   const backdropRef = React.useRef();
   const paperRef = React.useRef();
+  const handleRef = (0, _useForkRef.default)(PaperProps.ref, paperRef);
   const touchDetected = React.useRef(false);
 
   // Ref for transition duration based on / to match swipe speed
@@ -456,7 +458,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
         style: (0, _extends2.default)({
           pointerEvents: variant === 'temporary' && !open ? 'none' : ''
         }, PaperProps.style),
-        ref: paperRef
+        ref: handleRef
       }),
       anchor: anchor,
       transitionDuration: calculatedDurationRef.current || transitionDuration,

package/Switch/switchClasses.d.ts

@@ -26,7 +26,7 @@ export interface SwitchClasses {
     /** Styles applied to the track element. */
     track: string;
 }
-export declare type SwitchClassKey = keyof SwitchClasses;
+export type SwitchClassKey = keyof SwitchClasses;
 export declare function getSwitchUtilityClass(slot: string): string;
 declare const switchClasses: SwitchClasses;
 export default switchClasses;

package/Tab/tabClasses.d.ts

@@ -20,7 +20,7 @@ export interface TabClasses {
     /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
     iconWrapper: string;
 }
-export declare type TabClassKey = keyof TabClasses;
+export type TabClassKey = keyof TabClasses;
 export declare function getTabUtilityClass(slot: string): string;
 declare const tabClasses: TabClasses;
 export default tabClasses;

package/TabScrollButton/tabScrollButtonClasses.d.ts

@@ -6,7 +6,7 @@ export interface TabScrollButtonClasses {
     /** State class applied to the root element if `disabled={true}`. */
     disabled: string;
 }
-export declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
+export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
 export declare function getTabScrollButtonUtilityClass(slot: string): string;
 declare const tabScrollButtonClasses: TabScrollButtonClasses;
 export default tabScrollButtonClasses;

package/Table/tableClasses.d.ts

@@ -4,7 +4,7 @@ export interface TableClasses {
     /** Styles applied to the root element if `stickyHeader={true}`. */
     stickyHeader: string;
 }
-export declare type TableClassKey = keyof TableClasses;
+export type TableClassKey = keyof TableClasses;
 export declare function getTableUtilityClass(slot: string): string;
 declare const tableClasses: TableClasses;
 export default tableClasses;

package/TableBody/tableBodyClasses.d.ts

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

package/TableCell/tableCellClasses.d.ts

@@ -26,7 +26,7 @@ export interface TableCellClasses {
     /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
     stickyHeader: string;
 }
-export declare type TableCellClassKey = keyof TableCellClasses;
+export type TableCellClassKey = keyof TableCellClasses;
 export declare function getTableCellUtilityClass(slot: string): string;
 declare const tableCellClasses: TableCellClasses;
 export default tableCellClasses;

package/TableContainer/tableContainerClasses.d.ts

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

package/TableFooter/tableFooterClasses.d.ts

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

package/TableHead/tableHeadClasses.d.ts

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

package/TablePagination/tablePaginationClasses.d.ts

@@ -22,7 +22,7 @@ export interface TablePaginationClasses {
     /** Styles applied to the internal `TablePaginationActions` component. */
     actions: string;
 }
-export declare type TablePaginationClassKey = keyof TablePaginationClasses;
+export type TablePaginationClassKey = keyof TablePaginationClasses;
 export declare function getTablePaginationUtilityClass(slot: string): string;
 declare const tablePaginationClasses: TablePaginationClasses;
 export default tablePaginationClasses;

package/TableRow/tableRowClasses.d.ts

@@ -10,7 +10,7 @@ export interface TableRowClasses {
     /** Styles applied to the root element if table variant="footer". */
     footer: string;
 }
-export declare type TableRowClassKey = keyof TableRowClasses;
+export type TableRowClassKey = keyof TableRowClasses;
 export declare function getTableRowUtilityClass(slot: string): string;
 declare const tableRowClasses: TableRowClasses;
 export default tableRowClasses;

package/TableSortLabel/tableSortLabelClasses.d.ts

@@ -10,7 +10,7 @@ export interface TableSortLabelClasses {
     /** Styles applied to the icon component if `direction="asc"`. */
     iconDirectionAsc: string;
 }
-export declare type TableSortLabelClassKey = keyof TableSortLabelClasses;
+export type TableSortLabelClassKey = keyof TableSortLabelClasses;
 export declare function getTableSortLabelUtilityClass(slot: string): string;
 declare const tableSortLabelClasses: TableSortLabelClasses;
 export default tableSortLabelClasses;

package/Tabs/tabsClasses.d.ts

@@ -26,7 +26,7 @@ export interface TabsClasses {
     /** Styles applied to the TabIndicator component. */
     indicator: string;
 }
-export declare type TabsClassKey = keyof TabsClasses;
+export type TabsClassKey = keyof TabsClasses;
 export declare function getTabsUtilityClass(slot: string): string;
 declare const tabsClasses: TabsClasses;
 export default tabsClasses;

package/TextField/textFieldClasses.d.ts

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

package/ToggleButton/toggleButtonClasses.d.ts

@@ -18,7 +18,7 @@ export interface ToggleButtonClasses {
     /** Styles applied to the root element if `size="large"`. */
     sizeLarge: string;
 }
-export declare type ToggleButtonClassKey = keyof ToggleButtonClasses;
+export type ToggleButtonClassKey = keyof ToggleButtonClasses;
 export declare function getToggleButtonUtilityClass(slot: string): string;
 declare const toggleButtonClasses: ToggleButtonClasses;
 export default toggleButtonClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -12,7 +12,7 @@ export interface ToggleButtonGroupClasses {
     /** Styles applied to the children if `orientation="vertical"`. */
     groupedVertical: string;
 }
-export declare type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
+export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
 export declare function getToggleButtonGroupUtilityClass(slot: string): string;
 declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
 export default toggleButtonGroupClasses;

package/Toolbar/toolbarClasses.d.ts

@@ -8,7 +8,7 @@ export interface ToolbarClasses {
     /** Styles applied to the root element if `variant="dense"`. */
     dense: string;
 }
-export declare type ToolbarClassKey = keyof ToolbarClasses;
+export type ToolbarClassKey = keyof ToolbarClasses;
 export declare function getToolbarUtilityClass(slot: string): string;
 declare const toolbarClasses: ToolbarClasses;
 export default toolbarClasses;

package/Tooltip/tooltipClasses.d.ts

@@ -24,7 +24,7 @@ export interface TooltipClasses {
     /** Styles applied to the tooltip (label wrapper) element if `placement` contains "bottom". */
     tooltipPlacementBottom: string;
 }
-export declare type TooltipClassKey = keyof TooltipClasses;
+export type TooltipClassKey = keyof TooltipClasses;
 export declare function getTooltipUtilityClass(slot: string): string;
 declare const tooltipClasses: TooltipClasses;
 export default tooltipClasses;

package/Typography/typographyClasses.d.ts

@@ -44,7 +44,7 @@ export interface TypographyClasses {
     /** Styles applied to the root element if `paragraph={true}`. */
     paragraph: string;
 }
-export declare type TypographyClassKey = keyof TypographyClasses;
+export type TypographyClassKey = keyof TypographyClasses;
 export declare function getTypographyUtilityClass(slot: string): string;
 declare const typographyClasses: TypographyClasses;
 export default typographyClasses;

package/Unstable_Grid2/Grid2Props.d.ts

@@ -3,13 +3,13 @@ import { OverrideProps } from '@mui/types';
 import { SxProps, SystemProps } from '@mui/system';
 import { GridBaseProps } from '@mui/system/Unstable_Grid';
 import { Theme } from '../styles';
-export declare type Grid2Slot = 'root';
+export type Grid2Slot = 'root';
 export interface Grid2TypeMap<P = {}, D extends React.ElementType = 'div'> {
     props: P & GridBaseProps & {
         sx?: SxProps<Theme>;
     } & SystemProps<Theme>;
     defaultComponent: D;
 }
-export declare type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
+export type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultComponent'], P = {
     component?: React.ElementType;
 }> = OverrideProps<Grid2TypeMap<P, D>, D>;

package/Unstable_Grid2/grid2Classes.d.ts

@@ -1,5 +1,5 @@
 import { GridClasses } from '@mui/system/Unstable_Grid';
-export declare type Grid2ClassKey = keyof GridClasses;
+export type Grid2ClassKey = keyof GridClasses;
 export declare function getGrid2UtilityClass(slot: string): string;
 declare const grid2Classes: GridClasses;
 export default grid2Classes;

package/esm/Autocomplete/Autocomplete.js

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

package/esm/Chip/Chip.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -292,7 +292,9 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       onKeyDown,
       onKeyUp,
       size = 'medium',
-      variant = 'filled'
+      variant = 'filled',
+      tabIndex,
+      skipFocusWhenDisabled = false
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const chipRef = React.useRef(null);
@@ -382,6 +384,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__*/_jsx(ChipLabel, {
@@ -473,10 +476,20 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * @default 'medium'
    */
   size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: PropTypes.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: PropTypes.number,
   /**
    * The variant to use.
    * @default 'filled'

package/esm/FormControl/FormControlContext.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-
 /**
  * @ignore - internal component.
  */
-const FormControlContext = /*#__PURE__*/React.createContext();
+const FormControlContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {
   FormControlContext.displayName = 'FormControlContext';
 }

package/esm/IconButton/iconButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getIconButtonUtilityClass(slot) {
   return generateUtilityClass('MuiIconButton', slot);
 }
-const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 export default iconButtonClasses;

package/esm/Paper/Paper.js

@@ -8,21 +8,11 @@ import { chainPropTypes, integerPropType } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha } from '@mui/system';
 import styled from '../styles/styled';
+import getOverlayAlpha from '../styles/getOverlayAlpha';
 import useThemeProps from '../styles/useThemeProps';
 import useTheme from '../styles/useTheme';
 import { getPaperUtilityClass } from './paperClasses';
-
-// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
 import { jsx as _jsx } from "react/jsx-runtime";
-export const getOverlayAlpha = elevation => {
-  let alphaValue;
-  if (elevation < 1) {
-    alphaValue = 5.11916 * elevation ** 2;
-  } else {
-    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
-  }
-  return (alphaValue / 100).toFixed(2);
-};
 const useUtilityClasses = ownerState => {
   const {
     square,

package/esm/SwipeableDrawer/SwipeableDrawer.js

@@ -9,6 +9,7 @@ import { elementTypeAcceptingRef } from '@mui/utils';
 import { useThemeProps } from '@mui/system';
 import { NoSsr } from '@mui/base';
 import Drawer, { getAnchor, isHorizontal } from '../Drawer/Drawer';
+import useForkRef from '../utils/useForkRef';
 import ownerDocument from '../utils/ownerDocument';
 import ownerWindow from '../utils/ownerWindow';
 import useEventCallback from '../utils/useEventCallback';
@@ -154,6 +155,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   const swipeAreaRef = React.useRef();
   const backdropRef = React.useRef();
   const paperRef = React.useRef();
+  const handleRef = useForkRef(PaperProps.ref, paperRef);
   const touchDetected = React.useRef(false);
 
   // Ref for transition duration based on / to match swipe speed
@@ -448,7 +450,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
         style: _extends({
           pointerEvents: variant === 'temporary' && !open ? 'none' : ''
         }, PaperProps.style),
-        ref: paperRef
+        ref: handleRef
       }),
       anchor: anchor,
       transitionDuration: calculatedDurationRef.current || transitionDuration,

package/esm/locale/index.js

@@ -3343,6 +3343,79 @@ export const ukUA = {
     }
   }
 };
+export const urPK = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'راستہ دکھائیں'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'پہلے صفحے پر جائیں';
+          }
+          if (type === 'last') {
+            return 'آخری صفحے پر جائیں';
+          }
+          if (type === 'next') {
+            return 'اگلے صفحے پر جائیں';
+          }
+          // if (type === 'previous') {
+          return 'پچھلے صفحے پر جائیں';
+        },
+        labelRowsPerPage: 'ایک صفحے پر قطاریں:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${count !== -1 ? `${count} میں سے` : `${to} سے ذیادہ میں سے`} ${from} سے ${to} قطاریں`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} ستار${value !== 1 ? 'ے' : 'ہ'}`,
+        emptyLabelText: 'خالی'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'کلئیر',
+        closeText: 'بند کریں',
+        loadingText: 'لوڈ ہو رہا ہے۔۔۔',
+        noOptionsText: 'کوئی آپشن نہیں',
+        openText: 'کھولیں'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'بند کریں'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'صفحات کی ترتیب',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `صفحہ نمبر ${page}${selected ? '' : ' پر جائیں'}`;
+          }
+          if (type === 'first') {
+            return 'پہلے صفحے پر جائیں';
+          }
+          if (type === 'last') {
+            return 'آخری صفحے پر جائیں';
+          }
+          if (type === 'next') {
+            return 'اگلے صفحے پر جائیں';
+          }
+          // if (type === 'previous') {
+          return 'پچھلے صفحے پر جائیں';
+        }
+      }
+    }
+  }
+};
 export const viVN = {
   components: {
     MuiBreadcrumbs: {

package/esm/styles/experimental_extendTheme.js

@@ -5,7 +5,7 @@ const _excluded = ["colorSchemes", "cssVarPrefix"],
 import { deepmerge } from '@mui/utils';
 import { colorChannel, alpha, darken, lighten, emphasize, unstable_createGetCssVar as systemCreateGetCssVar } from '@mui/system';
 import createThemeWithoutVars from './createTheme';
-import { getOverlayAlpha } from '../Paper/Paper';
+import getOverlayAlpha from './getOverlayAlpha';
 const defaultDarkOverlays = [...Array(25)].map((_, index) => {
   if (index === 0) {
     return undefined;

package/esm/styles/getOverlayAlpha.js

@@ -0,0 +1,11 @@
+// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
+const getOverlayAlpha = elevation => {
+  let alphaValue;
+  if (elevation < 1) {
+    alphaValue = 5.11916 * elevation ** 2;
+  } else {
+    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
+  }
+  return (alphaValue / 100).toFixed(2);
+};
+export default getOverlayAlpha;

package/esm/styles/index.js

@@ -18,4 +18,9 @@ export { default as makeStyles } from './makeStyles';
 export { default as withStyles } from './withStyles';
 export { default as withTheme } from './withTheme';
 export * from './CssVarsProvider';
-export { default as experimental_extendTheme } from './experimental_extendTheme';
+export { default as experimental_extendTheme } from './experimental_extendTheme';
+export { default as getOverlayAlpha } from './getOverlayAlpha';
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from './createTypography';
+export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.14
+/** @license MUI v5.10.16
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/internal/switchBaseClasses.d.ts

@@ -6,7 +6,7 @@ export interface SwitchBaseClasses {
     edgeStart: string;
     edgeEnd: string;
 }
-export declare type SwitchBaseClassKey = keyof SwitchBaseClasses;
+export type SwitchBaseClassKey = keyof SwitchBaseClasses;
 export declare function getSwitchBaseUtilityClass(slot: string): string;
 declare const switchBaseClasses: SwitchBaseClasses;
 export default switchBaseClasses;

package/legacy/Autocomplete/Autocomplete.js

@@ -248,7 +248,8 @@ var AutocompleteListbox = styled('div', {
     margin: 0,
     padding: '8px 0',
     maxHeight: '40vh',
-    overflow: 'auto'
+    overflow: 'auto',
+    position: 'relative'
   }, "& .".concat(autocompleteClasses.option), (_$concat4 = {
     minHeight: 48,
     display: 'flex',

package/legacy/Chip/Chip.js

@@ -245,7 +245,10 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     size = _props$size === void 0 ? 'medium' : _props$size,
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'filled' : _props$variant,
-    other = _objectWithoutProperties(props, ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant"]);
+    tabIndex = props.tabIndex,
+    _props$skipFocusWhenD = props.skipFocusWhenDisabled,
+    skipFocusWhenDisabled = _props$skipFocusWhenD === void 0 ? false : _props$skipFocusWhenD,
+    other = _objectWithoutProperties(props, ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"]);
   var chipRef = React.useRef(null);
   var handleRef = useForkRef(chipRef, ref);
   var handleDeleteIconClick = function handleDeleteIconClick(event) {
@@ -333,6 +336,7 @@ var 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__*/_jsx(ChipLabel, {
@@ -424,10 +428,20 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * @default 'medium'
    */
   size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: PropTypes.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: PropTypes.number,
   /**
    * The variant to use.
    * @default 'filled'

package/legacy/FormControl/FormControlContext.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-
 /**
  * @ignore - internal component.
  */
-var FormControlContext = /*#__PURE__*/React.createContext();
+var FormControlContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {
   FormControlContext.displayName = 'FormControlContext';
 }

package/legacy/IconButton/iconButtonClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getIconButtonUtilityClass(slot) {
   return generateUtilityClass('MuiIconButton', slot);
 }
-var iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+var iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 export default iconButtonClasses;