@mui/material 5.10.15 → 5.10.17

package/SpeedDial/speedDialClasses.d.ts

@@ -16,7 +16,7 @@ export interface SpeedDialClasses {
     /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
     actionsClosed: string;
 }
-export declare type SpeedDialClassKey = keyof SpeedDialClasses;
+export type SpeedDialClassKey = keyof SpeedDialClasses;
 export declare function getSpeedDialUtilityClass(slot: string): string;
 declare const speedDialClasses: SpeedDialClasses;
 export default speedDialClasses;

package/SpeedDialAction/speedDialActionClasses.d.ts

@@ -14,7 +14,7 @@ export interface SpeedDialActionClasses {
     /** Styles applied to the root element if `tooltipOpen={true}` and `tooltipPlacement="right"`` */
     tooltipPlacementRight: string;
 }
-export declare type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
+export type SpeedDialActionClassKey = keyof SpeedDialActionClasses;
 export declare function getSpeedDialActionUtilityClass(slot: string): string;
 declare const speedDialActionClasses: SpeedDialActionClasses;
 export default speedDialActionClasses;

package/SpeedDialIcon/speedDialIconClasses.d.ts

@@ -12,7 +12,7 @@ export interface SpeedDialIconClasses {
     /** Styles applied to the `openIcon` if provided and if `open={true}`. */
     openIconOpen: string;
 }
-export declare type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
+export type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
 export declare function getSpeedDialIconUtilityClass(slot: string): string;
 declare const speedDialIconClasses: SpeedDialIconClasses;
 export default speedDialIconClasses;

package/Step/stepClasses.d.ts

@@ -10,7 +10,7 @@ export interface StepClasses {
     /** State class applied to the root element if `completed={true}`. */
     completed: string;
 }
-export declare type StepClassKey = keyof StepClasses;
+export type StepClassKey = keyof StepClasses;
 export declare function getStepUtilityClass(slot: string): string;
 declare const stepClasses: StepClasses;
 export default stepClasses;

package/StepButton/stepButtonClasses.d.ts

@@ -8,7 +8,7 @@ export interface StepButtonClasses {
     /** Styles applied to the `ButtonBase` touch-ripple. */
     touchRipple: string;
 }
-export declare type StepButtonClassKey = keyof StepButtonClasses;
+export type StepButtonClassKey = keyof StepButtonClasses;
 export declare function getStepButtonUtilityClass(slot: string): string;
 declare const stepButtonClasses: StepButtonClasses;
 export default stepButtonClasses;

package/StepConnector/stepConnectorClasses.d.ts

@@ -20,7 +20,7 @@ export interface StepConnectorClasses {
     /** Styles applied to the root element if `orientation="vertical"`. */
     lineVertical: string;
 }
-export declare type StepConnectorClassKey = keyof StepConnectorClasses;
+export type StepConnectorClassKey = keyof StepConnectorClasses;
 export declare function getStepConnectorUtilityClass(slot: string): string;
 declare const stepConnectorClasses: StepConnectorClasses;
 export default stepConnectorClasses;

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

@@ -66,11 +66,6 @@ const FabRoot = styled(ButtonBase, {
     },
     [`&.${fabClasses.focusVisible}`]: {
       boxShadow: (theme.vars || theme).shadows[6]
-    },
-    [`&.${fabClasses.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,
@@ -113,6 +108,14 @@ const FabRoot = styled(ButtonBase, {
       backgroundColor: (theme.vars || theme).palette[ownerState.color].main
     }
   }
+}), ({
+  theme
+}) => ({
+  [`&.${fabClasses.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 = useThemeProps({

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

@@ -101,7 +101,9 @@ const RatingRoot = styled('span', {
 const RatingLabel = styled('label', {
   name: 'MuiRating',
   slot: 'Label',
-  overridesResolver: (props, styles) => styles.label
+  overridesResolver: ({
+    ownerState
+  }, styles) => [styles.label, ownerState.emptyValueFocused && styles.labelEmptyValueActive]
 })(({
   ownerState
 }) => _extends({

package/esm/Slider/Slider.js

@@ -327,7 +327,12 @@ const SliderMark = styled('span', {
   name: 'MuiSlider',
   slot: 'Mark',
   shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',
-  overridesResolver: (props, styles) => styles.mark
+  overridesResolver: (props, styles) => {
+    const {
+      markActive
+    } = props;
+    return [styles.mark, markActive && styles.markActive];
+  }
 })(({
   theme,
   ownerState,

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

@@ -3612,26 +3612,26 @@ export const zhTW = {
           }
           return '上一頁';
         },
-        labelRowsPerPage: '每頁行數:',
+        labelRowsPerPage: '每頁數量:',
         labelDisplayedRows: ({
           from,
           to,
           count
-        }) => `第 ${from} 條到第 ${to} 條，${count !== -1 ? `共 ${count} 條` : `至少 ${to} 條`}`
+        }) => `${from} ~ ${to} / ${count !== -1 ? count : `${to} 以上`}`
       }
     },
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} 顆星`,
-        emptyLabelText: '無標簽'
+        emptyLabelText: '無標籤'
       }
     },
     MuiAutocomplete: {
       defaultProps: {
         clearText: '清空',
         closeText: '關閉',
-        loadingText: '載入中……',
-        noOptionsText: '没有可用選項',
+        loadingText: '載入中…',
+        noOptionsText: '沒有可用選項',
         openText: '打開'
       }
     },