@mui/material 6.1.4 → 6.1.6

package/modern/Slider/Slider.js

@@ -440,7 +440,7 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-pro
   /**
    * @ignore
    */
-  value: PropTypes.number.isRequired
+  value: PropTypes.node
 } : void 0;
 export { SliderValueLabel };
 export const SliderMark = styled('span', {
@@ -901,7 +901,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
       className: PropTypes.string,
       open: PropTypes.bool,
       style: PropTypes.object,
-      value: PropTypes.number,
+      value: PropTypes.node,
       valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),
@@ -1018,7 +1018,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
       className: PropTypes.string,
       open: PropTypes.bool,
       style: PropTypes.object,
-      value: PropTypes.number,
+      value: PropTypes.node,
       valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])
     })])
   }),

package/modern/Stack/Stack.js

@@ -3,14 +3,14 @@
 import PropTypes from 'prop-types';
 import { createStack } from '@mui/system';
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 const Stack = createStack({
   createStyledComponent: styled('div', {
     name: 'MuiStack',
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
   }),
-  useThemeProps: inProps => useThemeProps({
+  useThemeProps: inProps => useDefaultProps({
     props: inProps,
     name: 'MuiStack'
   })

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.1.4
+ * @mui/material v6.1.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/styles/ThemeProviderWithVars.js

@@ -69,7 +69,7 @@ const getInitColorSchemeScript = params => {
  * @deprecated
  * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
  *
- * You should use `ThemeProvider` and `createTheme` instead:
+ * You should use `ThemeProvider` and `createTheme()` instead:
  *
  * ```diff
  * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';

package/modern/styles/createThemeNoVars.js

@@ -9,6 +9,7 @@ import createTypography from "./createTypography.js";
 import shadows from "./shadows.js";
 import createTransitions from "./createTransitions.js";
 import zIndex from "./zIndex.js";
+import { stringifyTheme } from "./stringifyTheme.js";
 function createThemeNoVars(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput,
@@ -78,6 +79,8 @@ function createThemeNoVars(options = {}, ...args) {
       theme: this
     });
   };
+  muiTheme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration
+
   return muiTheme;
 }
 let warnedOnce = false;

package/modern/styles/stringifyTheme.js

@@ -5,7 +5,7 @@ function isSerializable(val) {
 }
 
 /**
- * `baseTheme` usually comes from `createTheme` or `extendTheme`.
+ * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
  *
  * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
  * For example, in a Next.js project:

package/modern/useAutocomplete/useAutocomplete.js

@@ -838,7 +838,6 @@ function useAutocomplete(props) {
   const handleInputMouseDown = event => {
     if (!disabledProp && (inputValue === '' || !open)) {
       handlePopupIndicator(event);
-      event.stopPropagation();
     }
   };
   let dirty = freeSolo && inputValue.length > 0;
@@ -915,8 +914,7 @@ function useAutocomplete(props) {
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: 'button',
-      onClick: handlePopupIndicator,
-      onMouseDown: event => event.stopPropagation()
+      onClick: handlePopupIndicator
     }),
     getTagProps: ({
       index

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.4";
+export const version = "6.1.6";
 export const major = Number("6");
 export const minor = Number("1");
-export const patch = Number("4");
+export const patch = Number("6");
 export const prerelease = undefined;
 export default version;

package/node/Autocomplete/Autocomplete.js

@@ -545,7 +545,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots: {
-      listbox: ListboxComponentProp,
       paper: PaperComponentProp,
       popper: PopperComponentProp,
       ...slots
@@ -558,7 +557,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     }
   };
   const [ListboxSlot, listboxProps] = (0, _useSlot.default)('listbox', {
-    elementType: 'ul',
+    elementType: AutocompleteListbox,
     externalForwardedProps,
     ownerState,
     className: classes.listbox,
@@ -674,8 +673,12 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   });
   let autocompletePopper = null;
   if (groupedOptions.length > 0) {
-    autocompletePopper = renderAutocompletePopperChildren(/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteListbox, {
-      as: ListboxSlot,
+    autocompletePopper = renderAutocompletePopperChildren(
+    /*#__PURE__*/
+    // TODO v7: remove `as` prop and move ListboxComponentProp to externalForwardedProps or remove ListboxComponentProp entirely
+    // https://github.com/mui/material-ui/pull/43994#issuecomment-2401945800
+    (0, _jsxRuntime.jsx)(ListboxSlot, {
+      as: ListboxComponentProp,
       ...listboxProps,
       children: groupedOptions.map((option, index) => {
         if (groupBy) {
@@ -722,7 +725,11 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
           ref: setAnchorEl,
           className: classes.inputRoot,
           startAdornment,
-          onMouseDown: event => handleInputMouseDown(event),
+          onMouseDown: event => {
+            if (event.target === event.currentTarget) {
+              handleInputMouseDown(event);
+            }
+          },
           ...((hasClearIcon || hasPopupIcon) && {
             endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AutocompleteEndAdornment, {
               className: classes.endAdornment,

package/node/AvatarGroup/AvatarGroup.js

@@ -114,11 +114,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
     className: classes.avatar,
     ownerState,
     additionalProps: {
-      variant,
-      style: {
-        '--AvatarRoot-spacing': marginValue ? `${marginValue}px` : undefined,
-        ...other.style
-      }
+      variant
     }
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AvatarGroupRoot, {
@@ -127,6 +123,10 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup(inProps,
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     ...other,
+    style: {
+      '--AvatarGroup-spacing': marginValue ? `${marginValue}px` : undefined,
+      ...other.style
+    },
     children: [extraAvatars ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SurplusSlot, {
       ...surplusProps,
       children: extraAvatarsElement

package/node/Container/Container.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _system = require("@mui/system");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 const Container = (0, _system.createContainer)({
   createStyledComponent: (0, _styled.default)('div', {
     name: 'MuiContainer',
@@ -22,7 +22,7 @@ const Container = (0, _system.createContainer)({
       return [styles.root, styles[`maxWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters];
     }
   }),
-  useThemeProps: inProps => (0, _useThemeProps.default)({
+  useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiContainer'
   })

package/node/Dialog/Dialog.js

@@ -209,6 +209,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
   const {
     'aria-describedby': ariaDescribedby,
     'aria-labelledby': ariaLabelledbyProp,
+    'aria-modal': ariaModal = true,
     BackdropComponent,
     BackdropProps,
     children,
@@ -303,6 +304,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
           role: "dialog",
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby,
+          "aria-modal": ariaModal,
           ...PaperProps,
           className: (0, _clsx.default)(classes.paper, PaperProps.className),
           ownerState: ownerState,
@@ -328,6 +330,12 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * The id(s) of the element(s) that label the dialog.
    */
   'aria-labelledby': _propTypes.default.string,
+  /**
+   * Informs assistive technologies that the element is modal.
+   * It's added on the element with role="dialog".
+   * @default true
+   */
+  'aria-modal': _propTypes.default.oneOfType([_propTypes.default.oneOf(['false', 'true']), _propTypes.default.bool]),
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.

package/node/Divider/Divider.js

@@ -118,7 +118,6 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
     }) => !!ownerState.children,
     style: {
       display: 'flex',
-      whiteSpace: 'nowrap',
       textAlign: 'center',
       border: 0,
       borderTopStyle: 'solid',
@@ -192,6 +191,7 @@ const DividerWrapper = (0, _zeroStyled.styled)('span', {
   display: 'inline-block',
   paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
   paddingRight: `calc(${theme.spacing(1)} * 1.2)`,
+  whiteSpace: 'nowrap',
   variants: [{
     props: {
       orientation: 'vertical'

package/node/Grid/Grid.js

@@ -31,7 +31,7 @@ var _styleFunctionSx = require("@mui/system/styleFunctionSx");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _GridContext = _interopRequireDefault(require("./GridContext"));
 var _gridClasses = _interopRequireWildcard(require("./gridClasses"));
@@ -380,7 +380,7 @@ const useUtilityClasses = ownerState => {
  * @deprecated Use the [`Grid2`](https://mui.com/material-ui/react-grid2/) component instead.
  */
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-  const themeProps = (0, _useThemeProps.default)({
+  const themeProps = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiGrid'
   });

package/node/Grid2/Grid2.js

@@ -10,6 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Grid = require("@mui/system/Grid");
 var _requirePropFactory = _interopRequireDefault(require("../utils/requirePropFactory"));
 var _styles = require("../styles");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 /**
  *
  * Demos:
@@ -27,7 +28,7 @@ const Grid2 = (0, _Grid.createGrid)({
     overridesResolver: (props, styles) => styles.root
   }),
   componentName: 'MuiGrid2',
-  useThemeProps: inProps => (0, _styles.useThemeProps)({
+  useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiGrid2'
   })

package/node/NativeSelect/NativeSelect.js

@@ -16,7 +16,7 @@ var _formControlState = _interopRequireDefault(require("../FormControl/formContr
 var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
 var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
 var _Input = _interopRequireDefault(require("../Input"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _nativeSelectClasses = require("./nativeSelectClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
@@ -33,7 +33,7 @@ const defaultInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {});
  * An alternative to `<Select native />` with a much smaller bundle size footprint.
  */
 const NativeSelect = /*#__PURE__*/React.forwardRef(function NativeSelect(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     name: 'MuiNativeSelect',
     props: inProps
   });

package/node/Select/Select.js

@@ -20,7 +20,7 @@ var _Input = _interopRequireDefault(require("../Input"));
 var _NativeSelectInput = _interopRequireDefault(require("../NativeSelect/NativeSelectInput"));
 var _FilledInput = _interopRequireDefault(require("../FilledInput"));
 var _OutlinedInput = _interopRequireDefault(require("../OutlinedInput"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _zeroStyled = require("../zero-styled");
 var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
@@ -41,7 +41,7 @@ const StyledInput = (0, _zeroStyled.styled)(_Input.default, styledRootConfig)(''
 const StyledOutlinedInput = (0, _zeroStyled.styled)(_OutlinedInput.default, styledRootConfig)('');
 const StyledFilledInput = (0, _zeroStyled.styled)(_FilledInput.default, styledRootConfig)('');
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     name: 'MuiSelect',
     props: inProps
   });

package/node/Slider/Slider.js

@@ -447,7 +447,7 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel.propTypes /* remove-pro
   /**
    * @ignore
    */
-  value: _propTypes.default.number.isRequired
+  value: _propTypes.default.node
 } : void 0;
 const SliderMark = exports.SliderMark = (0, _zeroStyled.styled)('span', {
   name: 'MuiSlider',
@@ -907,7 +907,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
       className: _propTypes.default.string,
       open: _propTypes.default.bool,
       style: _propTypes.default.object,
-      value: _propTypes.default.number,
+      value: _propTypes.default.node,
       valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
     })])
   }),
@@ -1024,7 +1024,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
       className: _propTypes.default.string,
       open: _propTypes.default.bool,
       style: _propTypes.default.object,
-      value: _propTypes.default.number,
+      value: _propTypes.default.node,
       valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
     })])
   }),

package/node/Stack/Stack.js

@@ -9,14 +9,14 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _system = require("@mui/system");
 var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 const Stack = (0, _system.createStack)({
   createStyledComponent: (0, _styled.default)('div', {
     name: 'MuiStack',
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
   }),
-  useThemeProps: inProps => (0, _useThemeProps.default)({
+  useThemeProps: inProps => (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiStack'
   })

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.1.4
+ * @mui/material v6.1.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/styles/ThemeProviderWithVars.js

@@ -79,7 +79,7 @@ const getInitColorSchemeScript = params => {
  * @deprecated
  * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
  *
- * You should use `ThemeProvider` and `createTheme` instead:
+ * You should use `ThemeProvider` and `createTheme()` instead:
  *
  * ```diff
  * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';

package/node/styles/createThemeNoVars.js

@@ -18,6 +18,7 @@ var _createTypography = _interopRequireDefault(require("./createTypography"));
 var _shadows = _interopRequireDefault(require("./shadows"));
 var _createTransitions = _interopRequireDefault(require("./createTransitions"));
 var _zIndex = _interopRequireDefault(require("./zIndex"));
+var _stringifyTheme = require("./stringifyTheme");
 function createThemeNoVars(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput,
@@ -87,6 +88,8 @@ function createThemeNoVars(options = {}, ...args) {
       theme: this
     });
   };
+  muiTheme.toRuntimeSource = _stringifyTheme.stringifyTheme; // for Pigment CSS integration
+
   return muiTheme;
 }
 let warnedOnce = false;

package/node/styles/stringifyTheme.js

@@ -12,7 +12,7 @@ function isSerializable(val) {
 }
 
 /**
- * `baseTheme` usually comes from `createTheme` or `extendTheme`.
+ * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
  *
  * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
  * For example, in a Next.js project:

package/node/useAutocomplete/useAutocomplete.js

@@ -844,7 +844,6 @@ function useAutocomplete(props) {
   const handleInputMouseDown = event => {
     if (!disabledProp && (inputValue === '' || !open)) {
       handlePopupIndicator(event);
-      event.stopPropagation();
     }
   };
   let dirty = freeSolo && inputValue.length > 0;
@@ -921,8 +920,7 @@ function useAutocomplete(props) {
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: 'button',
-      onClick: handlePopupIndicator,
-      onMouseDown: event => event.stopPropagation()
+      onClick: handlePopupIndicator
     }),
     getTagProps: ({
       index

package/node/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.1.4";
+const version = exports.version = "6.1.6";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("1");
-const patch = exports.patch = Number("4");
+const patch = exports.patch = Number("6");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -27,7 +27,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^6.1.4",
-    "@mui/system": "^6.1.4",
-    "@mui/types": "^7.2.18",
-    "@mui/utils": "^6.1.4"
+    "@mui/system": "^6.1.6",
+    "@mui/types": "^7.2.19",
+    "@mui/core-downloads-tracker": "^6.1.6",
+    "@mui/utils": "^6.1.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^6.1.4"
+    "@mui/material-pigment-css": "^6.1.6"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProviderWithVars.d.ts

@@ -8,7 +8,7 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
  * @deprecated
  * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
  *
- * You should use `ThemeProvider` and `createTheme` instead:
+ * You should use `ThemeProvider` and `createTheme()` instead:
  *
  * ```diff
  * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';

package/styles/ThemeProviderWithVars.js

@@ -69,7 +69,7 @@ const getInitColorSchemeScript = params => {
  * @deprecated
  * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
  *
- * You should use `ThemeProvider` and `createTheme` instead:
+ * You should use `ThemeProvider` and `createTheme()` instead:
  *
  * ```diff
  * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';

package/styles/createThemeNoVars.js

@@ -9,6 +9,7 @@ import createTypography from "./createTypography.js";
 import shadows from "./shadows.js";
 import createTransitions from "./createTransitions.js";
 import zIndex from "./zIndex.js";
+import { stringifyTheme } from "./stringifyTheme.js";
 function createThemeNoVars(options = {}, ...args) {
   const {
     breakpoints: breakpointsInput,
@@ -78,6 +79,8 @@ function createThemeNoVars(options = {}, ...args) {
       theme: this
     });
   };
+  muiTheme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration
+
   return muiTheme;
 }
 let warnedOnce = false;

package/styles/stringifyTheme.d.ts

@@ -1,5 +1,5 @@
 /**
- * `baseTheme` usually comes from `createTheme` or `extendTheme`.
+ * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
  *
  * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
  * For example, in a Next.js project:

package/styles/stringifyTheme.js

@@ -5,7 +5,7 @@ function isSerializable(val) {
 }
 
 /**
- * `baseTheme` usually comes from `createTheme` or `extendTheme`.
+ * `baseTheme` usually comes from `createTheme()` or `extendTheme()`.
  *
  * This function is intended to be used with zero-runtime CSS-in-JS like Pigment CSS
  * For example, in a Next.js project:

package/useAutocomplete/useAutocomplete.js

@@ -838,7 +838,6 @@ function useAutocomplete(props) {
   const handleInputMouseDown = event => {
     if (!disabledProp && (inputValue === '' || !open)) {
       handlePopupIndicator(event);
-      event.stopPropagation();
     }
   };
   let dirty = freeSolo && inputValue.length > 0;
@@ -915,8 +914,7 @@ function useAutocomplete(props) {
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: 'button',
-      onClick: handlePopupIndicator,
-      onMouseDown: event => event.stopPropagation()
+      onClick: handlePopupIndicator
     }),
     getTagProps: ({
       index

package/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.1.4";
+export const version = "6.1.6";
 export const major = Number("6");
 export const minor = Number("1");
-export const patch = Number("4");
+export const patch = Number("6");
 export const prerelease = undefined;
 export default version;