@mui/material 7.3.9 → 7.3.11

package/NoSsr/NoSsr.d.ts

@@ -12,11 +12,11 @@ import { NoSsrProps } from "./NoSsr.types.js";
  *
  * Demos:
  *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
+ * - [No SSR](https://v7.mui.com/material-ui/react-no-ssr/)
  *
  * API:
  *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
+ * - [NoSsr API](https://v7.mui.com/material-ui/api/no-ssr/)
  */
 declare function NoSsr(props: NoSsrProps): React.JSX.Element;
 declare namespace NoSsr {

package/NoSsr/NoSsr.js

@@ -23,11 +23,11 @@ var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
  *
  * Demos:
  *
- * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
+ * - [No SSR](https://v7.mui.com/material-ui/react-no-ssr/)
  *
  * API:
  *
- * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
+ * - [NoSsr API](https://v7.mui.com/material-ui/api/no-ssr/)
  */
 function NoSsr(props) {
   const {

package/OutlinedInput/OutlinedInput.d.ts

@@ -43,13 +43,13 @@ export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots
  *
  * Demos:
  *
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
- * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
+ * - [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
+ * - inherits [InputBase API](https://v7.mui.com/material-ui/api/input-base/)
  */
 declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
   muiName: string;

package/Pagination/Pagination.d.ts

@@ -70,10 +70,10 @@ export interface PaginationProps extends UsePaginationProps, StandardProps<React
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [Pagination API](https://mui.com/material-ui/api/pagination/)
+ * - [Pagination API](https://v7.mui.com/material-ui/api/pagination/)
  */
 export default function Pagination(props: PaginationProps): React.JSX.Element;

package/PaginationItem/PaginationItem.d.ts

@@ -129,12 +129,12 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
  *
  * Demos:
  *
- * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ * - [Pagination](https://v7.mui.com/material-ui/react-pagination/)
  *
  * API:
  *
- * - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [PaginationItem API](https://v7.mui.com/material-ui/api/pagination-item/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
 export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Paper/Paper.d.ts

@@ -44,12 +44,13 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
- * - [Paper](https://mui.com/material-ui/react-paper/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Paper](https://v7.mui.com/material-ui/react-paper/)
  *
  * API:
  *
- * - [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 declare const Paper: OverridableComponent<PaperTypeMap>;
 export interface ExtendPaperTypeMap<TypeMap extends OverridableTypeMap, Keys extends string = ''> {

package/PigmentContainer/PigmentContainer.d.ts

@@ -45,11 +45,11 @@ export type PigmentContainerProps<RootComponent extends React.ElementType = Pigm
  *
  * Demos:
  *
- * - [Container](https://mui.com/material-ui/react-container/)
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
+ * - [PigmentContainer API](https://v7.mui.com/material-ui/api/pigment-container/)
  */
 declare const PigmentContainer: OverridableComponent<PigmentContainerTypeMap>;
 export default PigmentContainer;

package/PigmentContainer/PigmentContainer.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -33,11 +32,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Container](https://mui.com/material-ui/react-container/)
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
+ * - [PigmentContainer API](https://v7.mui.com/material-ui/api/pigment-container/)
  */
 const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer({
   className,

package/PigmentGrid/PigmentGrid.d.ts

@@ -73,11 +73,11 @@ export type GridProps<RootComponent extends React.ElementType = GridTypeMap['def
  *
  * Demos:
  *
- * - [Grid](https://mui.com/material-ui/react-grid/)
+ * - [Grid](https://v7.mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
+ * - [PigmentGrid API](https://v7.mui.com/material-ui/api/pigment-grid/)
  */
 declare const PigmentGrid: OverridableComponent<GridTypeMap>;
 export default PigmentGrid;

package/PigmentGrid/PigmentGrid.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -47,11 +46,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Grid](https://mui.com/material-ui/react-grid/)
+ * - [Grid](https://v7.mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
+ * - [PigmentGrid API](https://v7.mui.com/material-ui/api/pigment-grid/)
  */
 const PigmentGrid = /*#__PURE__*/React.forwardRef(function PigmentGrid(props, ref) {
   const {

package/PigmentStack/PigmentStack.d.ts

@@ -39,11 +39,11 @@ export type PigmentStackProps<RootComponent extends React.ElementType = PigmentS
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
+ * - [PigmentStack API](https://v7.mui.com/material-ui/api/pigment-stack/)
  */
 declare const PigmentStack: OverridableComponent<PigmentStackTypeMap>;
 export default PigmentStack;

package/PigmentStack/PigmentStack.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -26,11 +25,11 @@ const useUtilityClasses = () => {
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [PigmentStack API](https://mui.com/material-ui/api/pigment-stack/)
+ * - [PigmentStack API](https://v7.mui.com/material-ui/api/pigment-stack/)
  */
 const PigmentStack = /*#__PURE__*/React.forwardRef(function PigmentStack({
   className,

package/Popover/Popover.d.ts

@@ -223,12 +223,12 @@ export declare const PopoverPaper: React.FC<PopoverPaperProps>;
  *
  * Demos:
  *
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popover](https://mui.com/material-ui/react-popover/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popover](https://v7.mui.com/material-ui/react-popover/)
  *
  * API:
  *
- * - [Popover API](https://mui.com/material-ui/api/popover/)
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
+ * - [Popover API](https://v7.mui.com/material-ui/api/popover/)
+ * - inherits [Modal API](https://v7.mui.com/material-ui/api/modal/)
  */
 export default function Popover(props: PopoverProps): React.JSX.Element;

package/Popper/BasePopper.js

@@ -150,8 +150,30 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
       modifiers: popperModifiers
     });
     handlePopperRefRef.current(popper);
+    const popperElement = tooltipRef.current;
     return () => {
-      popper.destroy();
+      // popper.destroy() clears all inline positioning via the applyStyles
+      // modifier cleanup, which causes the element to jump to its static
+      // position. Snapshot and restore only the positioning properties so the
+      // element stays in place during the destroy/recreate gap (prevents scroll
+      // jumps when a child focuses between the two).
+      // https://github.com/mui/mui-x/issues/21839
+      if (popperElement) {
+        const {
+          style
+        } = popperElement;
+        const position = style.position;
+        const top = style.top;
+        const left = style.left;
+        const transform = style.transform;
+        popper.destroy();
+        style.position = position;
+        style.top = top;
+        style.left = left;
+        style.transform = transform;
+      } else {
+        popper.destroy();
+      }
       handlePopperRefRef.current(null);
     };
   }, [resolvedAnchorElement, disablePortal, modifiers, open, popperOptions, rtlPlacement]);

package/Popper/Popper.d.ts

@@ -34,13 +34,13 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popper](https://mui.com/material-ui/react-popper/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popper](https://v7.mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/material-ui/api/popper/)
+ * - [Popper API](https://v7.mui.com/material-ui/api/popper/)
  */
 declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
 export default Popper;

package/Popper/Popper.js

@@ -25,13 +25,13 @@ const PopperRoot = (0, _zeroStyled.styled)(_BasePopper.default, {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popper](https://mui.com/material-ui/react-popper/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
+ * - [Popper](https://v7.mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/material-ui/api/popper/)
+ * - [Popper API](https://v7.mui.com/material-ui/api/popper/)
  */
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
   const isRtl = (0, _RtlProvider.useRtl)();

package/Popper/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Popper.js";
 export * from "./Popper.js";
+export { default as popperClasses } from "./popperClasses.js";
 export * from "./popperClasses.js";
 export { PopperPlacementType } from "./BasePopper.types.js";

package/Popper/index.js

@@ -1,18 +1,27 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
+var _exportNames = {
+  popperClasses: true
+};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _Popper.default;
   }
 });
+Object.defineProperty(exports, "popperClasses", {
+  enumerable: true,
+  get: function () {
+    return _popperClasses.default;
+  }
+});
 var _Popper = _interopRequireDefault(require("./Popper"));
-var _popperClasses = require("./popperClasses");
+var _popperClasses = _interopRequireWildcard(require("./popperClasses"));
 Object.keys(_popperClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/Portal/Portal.d.ts

@@ -6,11 +6,11 @@ import { PortalProps } from "./Portal.types.js";
  *
  * Demos:
  *
- * - [Portal](https://mui.com/material-ui/react-portal/)
+ * - [Portal](https://v7.mui.com/material-ui/react-portal/)
  *
  * API:
  *
- * - [Portal API](https://mui.com/material-ui/api/portal/)
+ * - [Portal API](https://v7.mui.com/material-ui/api/portal/)
  */
 declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<Element>>;
 export default Portal;

package/Portal/Portal.js

@@ -26,11 +26,11 @@ function getContainer(container) {
  *
  * Demos:
  *
- * - [Portal](https://mui.com/material-ui/react-portal/)
+ * - [Portal](https://v7.mui.com/material-ui/react-portal/)
  *
  * API:
  *
- * - [Portal API](https://mui.com/material-ui/api/portal/)
+ * - [Portal API](https://v7.mui.com/material-ui/api/portal/)
  */
 const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {
   const {

package/README.md

@@ -1,7 +1,7 @@
 <!-- #host-reference -->
 <!-- markdownlint-disable-next-line -->
 <p align="center">
-  <a href="https://mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Material UI logo"></a>
+  <a href="https://v7.mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://v7.mui.com/static/logo.svg" alt="Material UI logo"></a>
 </p>
 
 <h1 align="center">Material UI</h1>
@@ -15,7 +15,7 @@ Install the package in your project directory with:
 <!-- #npm-tag-reference -->
 
 ```bash
-npm install @mui/material @emotion/react @emotion/styled
+npm install @mui/material@^7.0.0 @emotion/react @emotion/styled
 ```
 
 ## Documentation

package/Radio/Radio.d.ts

@@ -77,11 +77,11 @@ export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'>
  *
  * Demos:
  *
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://v7.mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [Radio API](https://mui.com/material-ui/api/radio/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Radio API](https://v7.mui.com/material-ui/api/radio/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 export default function Radio(props: RadioProps): React.JSX.Element;

package/RadioGroup/RadioGroup.d.ts

@@ -28,11 +28,11 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
  *
  * Demos:
  *
- * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Radio Group](https://v7.mui.com/material-ui/react-radio-button/)
  *
  * API:
  *
- * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
- * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
+ * - [RadioGroup API](https://v7.mui.com/material-ui/api/radio-group/)
+ * - inherits [FormGroup API](https://v7.mui.com/material-ui/api/form-group/)
  */
 export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;

package/Rating/Rating.d.ts

@@ -170,11 +170,11 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  *
  * Demos:
  *
- * - [Rating](https://mui.com/material-ui/react-rating/)
+ * - [Rating](https://v7.mui.com/material-ui/react-rating/)
  *
  * API:
  *
- * - [Rating API](https://mui.com/material-ui/api/rating/)
+ * - [Rating API](https://v7.mui.com/material-ui/api/rating/)
  */
 declare const Rating: OverridableComponent<RatingTypeMap>;
 export type RatingProps<RootComponent extends React.ElementType = RatingTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<RatingTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -31,11 +31,11 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
+ * - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
  *
  * API:
  *
- * - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
+ * - [ScopedCssBaseline API](https://v7.mui.com/material-ui/api/scoped-css-baseline/)
  */
 declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
 export type ScopedCssBaselineProps<RootComponent extends React.ElementType = ScopedCssBaselineTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ScopedCssBaselineTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Select/Select.d.ts

@@ -176,12 +176,12 @@ export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<
  *
  * Demos:
  *
- * - [Select](https://mui.com/material-ui/react-select/)
+ * - [Select](https://v7.mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [Select API](https://mui.com/material-ui/api/select/)
- * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
+ * - [Select API](https://v7.mui.com/material-ui/api/select/)
+ * - inherits [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
  */
 declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
   muiName: string;

package/Select/SelectInput.js

@@ -25,6 +25,8 @@ var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShoul
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
 var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
+var _utils2 = require("./utils");
+var _SelectFocusSourceContext = require("./utils/SelectFocusSourceContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _span;
 const SelectSelect = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectSelect, {
@@ -81,17 +83,6 @@ const SelectNativeInput = (0, _zeroStyled.styled)('input', {
   width: '100%',
   boxSizing: 'border-box'
 });
-function areEqualValues(a, b) {
-  if (typeof b === 'object' && b !== null) {
-    return a === b;
-  }
-
-  // The value could be a number, the DOM will stringify it anyway.
-  return String(a) === String(b);
-}
-function isEmpty(display) {
-  return display == null || typeof display === 'string' && !display.trim();
-}
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -169,6 +160,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     current: isOpenControlled
   } = React.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React.useState();
+  const [openInteractionType, setOpenInteractionType] = React.useState(null);
   const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
   const handleDisplayRef = React.useCallback(node => {
     displayRef.current = node;
@@ -237,11 +229,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }, [labelId]);
   const update = (openParam, event) => {
     if (openParam) {
+      setOpenInteractionType((0, _utils2.getOpenInteractionType)(event));
       if (onOpen) {
         onOpen(event);
       }
-    } else if (onClose) {
-      onClose(event);
+    } else {
+      setOpenInteractionType(null);
+      if (onClose) {
+        onClose(event);
+      }
     }
     if (!isOpenControlled) {
       setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
@@ -377,12 +373,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       if (!Array.isArray(value)) {
         throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : (0, _formatMuiErrorMessage.default)(2));
       }
-      selected = value.some(v => areEqualValues(v, child.props.value));
+      selected = value.some(v => (0, _utils2.areEqualValues)(v, child.props.value));
       if (selected && computeDisplay) {
         displayMultiple.push(child.props.children);
       }
     } else {
-      selected = areEqualValues(value, child.props.value);
+      selected = (0, _utils2.areEqualValues)(value, child.props.value);
       if (selected && computeDisplay) {
         displaySingle = child.props.children;
       }
@@ -493,7 +489,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       // The id is required for proper a11y
       ,
       id: buttonId,
-      children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
+      children: (0, _utils2.isEmpty)(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
       _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "notranslate",
         "aria-hidden": true,
@@ -517,39 +513,42 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
-      id: `menu-${name || ''}`,
-      anchorEl: anchorElement,
-      open: open,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'center'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'center'
-      },
-      ...MenuProps,
-      slotProps: {
-        ...MenuProps.slotProps,
-        list: {
-          'aria-labelledby': labelId,
-          role: 'listbox',
-          'aria-multiselectable': multiple ? 'true' : undefined,
-          disableListWrap: true,
-          id: listboxId,
-          ...listProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectFocusSourceContext.SelectFocusSourceProvider, {
+      value: openInteractionType,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+        id: `menu-${name || ''}`,
+        anchorEl: anchorElement,
+        open: open,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
         },
-        paper: {
-          ...paperProps,
-          style: {
-            minWidth: menuMinWidth,
-            ...(paperProps != null ? paperProps.style : null)
+        ...MenuProps,
+        slotProps: {
+          ...MenuProps.slotProps,
+          list: {
+            'aria-labelledby': labelId,
+            role: 'listbox',
+            'aria-multiselectable': multiple ? 'true' : undefined,
+            disableListWrap: true,
+            id: listboxId,
+            ...listProps
+          },
+          paper: {
+            ...paperProps,
+            style: {
+              minWidth: menuMinWidth,
+              ...(paperProps != null ? paperProps.style : null)
+            }
           }
-        }
-      },
-      children: items
+        },
+        children: items
+      })
     })]
   });
 });

package/Select/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Select.js";
 export * from "./Select.js";
+export * from "./utils/index.js";
 export { default as selectClasses } from "./selectClasses.js";
 export * from "./selectClasses.js";

package/Select/index.js

@@ -21,6 +21,18 @@ Object.defineProperty(exports, "selectClasses", {
   }
 });
 var _Select = _interopRequireDefault(require("./Select"));
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
 var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
 Object.keys(_selectClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/Select/utils/SelectFocusSourceContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function useSelectFocusSource(): "touch" | "mouse" | "keyboard" | null;
+declare const SelectFocusSourceProvider: React.Provider<"touch" | "mouse" | "keyboard" | null>;
+export { useSelectFocusSource, SelectFocusSourceProvider };