@mui/material 9.0.0-alpha.2 → 9.0.0-alpha.4

package/styles/components.d.mts

@@ -227,11 +227,6 @@ export interface Components<Theme = unknown> {
     styleOverrides?: ComponentsOverrides<Theme>['MuiFormLabel'] | undefined;
     variants?: ComponentsVariants<Theme>['MuiFormLabel'] | undefined;
   } | undefined;
-  MuiGridLegacy?: {
-    defaultProps?: ComponentsProps['MuiGridLegacy'] | undefined;
-    styleOverrides?: ComponentsOverrides<Theme>['MuiGridLegacy'] | undefined;
-    variants?: ComponentsVariants<Theme>['MuiGridLegacy'] | undefined;
-  } | undefined;
   MuiGrid?: {
     defaultProps?: ComponentsProps['MuiGrid'] | undefined;
     styleOverrides?: ComponentsOverrides<Theme>['MuiGrid'] | undefined;

package/styles/components.d.ts

@@ -227,11 +227,6 @@ export interface Components<Theme = unknown> {
     styleOverrides?: ComponentsOverrides<Theme>['MuiFormLabel'] | undefined;
     variants?: ComponentsVariants<Theme>['MuiFormLabel'] | undefined;
   } | undefined;
-  MuiGridLegacy?: {
-    defaultProps?: ComponentsProps['MuiGridLegacy'] | undefined;
-    styleOverrides?: ComponentsOverrides<Theme>['MuiGridLegacy'] | undefined;
-    variants?: ComponentsVariants<Theme>['MuiGridLegacy'] | undefined;
-  } | undefined;
   MuiGrid?: {
     defaultProps?: ComponentsProps['MuiGrid'] | undefined;
     styleOverrides?: ComponentsOverrides<Theme>['MuiGrid'] | undefined;

package/styles/overrides.d.mts

@@ -44,7 +44,6 @@ import { FormControlLabelClassKey } from "../FormControlLabel/index.mjs";
 import { FormGroupClassKey } from "../FormGroup/index.mjs";
 import { FormHelperTextClassKey } from "../FormHelperText/index.mjs";
 import { FormLabelClassKey } from "../FormLabel/index.mjs";
-import { GridLegacyClassKey } from "../GridLegacy/index.mjs";
 import { GridClassKey } from "../Grid/index.mjs";
 import { IconButtonClassKey } from "../IconButton/index.mjs";
 import { IconClassKey } from "../Icon/index.mjs";
@@ -168,7 +167,6 @@ export interface ComponentNameToClassKey {
   MuiFormGroup: FormGroupClassKey;
   MuiFormHelperText: FormHelperTextClassKey;
   MuiFormLabel: FormLabelClassKey;
-  MuiGridLegacy: GridLegacyClassKey;
   MuiGrid: GridClassKey;
   MuiIcon: IconClassKey;
   MuiIconButton: IconButtonClassKey;

package/styles/overrides.d.ts

@@ -44,7 +44,6 @@ import { FormControlLabelClassKey } from "../FormControlLabel/index.js";
 import { FormGroupClassKey } from "../FormGroup/index.js";
 import { FormHelperTextClassKey } from "../FormHelperText/index.js";
 import { FormLabelClassKey } from "../FormLabel/index.js";
-import { GridLegacyClassKey } from "../GridLegacy/index.js";
 import { GridClassKey } from "../Grid/index.js";
 import { IconButtonClassKey } from "../IconButton/index.js";
 import { IconClassKey } from "../Icon/index.js";
@@ -168,7 +167,6 @@ export interface ComponentNameToClassKey {
   MuiFormGroup: FormGroupClassKey;
   MuiFormHelperText: FormHelperTextClassKey;
   MuiFormLabel: FormLabelClassKey;
-  MuiGridLegacy: GridLegacyClassKey;
   MuiGrid: GridClassKey;
   MuiIcon: IconClassKey;
   MuiIconButton: IconButtonClassKey;

package/styles/props.d.mts

@@ -42,7 +42,6 @@ import { FormControlProps } from "../FormControl/index.mjs";
 import { FormGroupProps } from "../FormGroup/index.mjs";
 import { FormHelperTextProps } from "../FormHelperText/index.mjs";
 import { FormLabelProps } from "../FormLabel/index.mjs";
-import { GridLegacyProps } from "../GridLegacy/index.mjs";
 import { GridProps } from "../Grid/index.mjs";
 import { IconButtonProps } from "../IconButton/index.mjs";
 import { IconProps } from "../Icon/index.mjs";
@@ -163,7 +162,6 @@ export interface ComponentsPropsList {
   MuiFormGroup: FormGroupProps;
   MuiFormHelperText: FormHelperTextProps;
   MuiFormLabel: FormLabelProps;
-  MuiGridLegacy: GridLegacyProps;
   MuiGrid: GridProps;
   MuiImageList: ImageListProps;
   MuiImageListItem: ImageListItemProps;

package/styles/props.d.ts

@@ -42,7 +42,6 @@ import { FormControlProps } from "../FormControl/index.js";
 import { FormGroupProps } from "../FormGroup/index.js";
 import { FormHelperTextProps } from "../FormHelperText/index.js";
 import { FormLabelProps } from "../FormLabel/index.js";
-import { GridLegacyProps } from "../GridLegacy/index.js";
 import { GridProps } from "../Grid/index.js";
 import { IconButtonProps } from "../IconButton/index.js";
 import { IconProps } from "../Icon/index.js";
@@ -163,7 +162,6 @@ export interface ComponentsPropsList {
   MuiFormGroup: FormGroupProps;
   MuiFormHelperText: FormHelperTextProps;
   MuiFormLabel: FormLabelProps;
-  MuiGridLegacy: GridLegacyProps;
   MuiGrid: GridProps;
   MuiImageList: ImageListProps;
   MuiImageListItem: ImageListItemProps;

package/themeCssVarsAugmentation/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/themeCssVarsAugmentation/index.mjs

@@ -0,0 +1,5 @@
+export {};
+/**
+ * Enhance the theme types to include new properties from the CssVarsProvider.
+ * The theme is typed with CSS variables in `styled`, `sx`, `useTheme`, etc.
+ */

package/useAutocomplete/useAutocomplete.d.mts

@@ -346,12 +346,6 @@ export interface UseAutocompleteReturnValue<Value, Multiple extends boolean | un
    * @returns props that should be spread on the popup icon
    */
   getPopupIndicatorProps: () => React.HTMLAttributes<HTMLButtonElement>;
-  /**
-   * @deprecated Use `getItemProps` instead
-   *
-   * A tag props getter.
-   */
-  getTagProps: AutocompleteGetTagProps;
   /**
    * Resolver for the listbox component's props.
    * @returns props that should be spread on the listbox component
@@ -406,12 +400,6 @@ export interface UseAutocompleteReturnValue<Value, Multiple extends boolean | un
    * Index of the focused item for the component.
    */
   focusedItem: number;
-  /**
-   * @deprecated Use `focusedItem` instead
-   *
-   * Index of the focused tag for the component.
-   */
-  focusedTag: number;
   /**
    * The options to render.
    * - If `groupBy` is provided, the options are grouped and represented as `AutocompleteGroupedOption<Value>[]`.

package/useAutocomplete/useAutocomplete.d.ts

@@ -346,12 +346,6 @@ export interface UseAutocompleteReturnValue<Value, Multiple extends boolean | un
    * @returns props that should be spread on the popup icon
    */
   getPopupIndicatorProps: () => React.HTMLAttributes<HTMLButtonElement>;
-  /**
-   * @deprecated Use `getItemProps` instead
-   *
-   * A tag props getter.
-   */
-  getTagProps: AutocompleteGetTagProps;
   /**
    * Resolver for the listbox component's props.
    * @returns props that should be spread on the listbox component
@@ -406,12 +400,6 @@ export interface UseAutocompleteReturnValue<Value, Multiple extends boolean | un
    * Index of the focused item for the component.
    */
   focusedItem: number;
-  /**
-   * @deprecated Use `focusedItem` instead
-   *
-   * Index of the focused tag for the component.
-   */
-  focusedTag: number;
   /**
    * The options to render.
    * - If `groupBy` is provided, the options are grouped and represented as `AutocompleteGroupedOption<Value>[]`.

package/useAutocomplete/useAutocomplete.js

@@ -64,6 +64,7 @@ const defaultFilterOptions = createFilterOptions();
 // Number of options to jump in list box when `Page Up` and `Page Down` keys are used.
 const pageSize = 5;
 const defaultIsActiveElementInListbox = listboxRef => listboxRef.current !== null && listboxRef.current.parentElement?.contains(document.activeElement);
+const defaultIsOptionEqualToValue = (option, value) => option === value;
 const MULTIPLE_DEFAULT_VALUE = [];
 function getInputValue(value, multiple, getOptionLabel, renderValue) {
   if (multiple || value == null || renderValue) {
@@ -102,7 +103,7 @@ function useAutocomplete(props) {
     id: idProp,
     includeInputInList = false,
     inputValue: inputValueProp,
-    isOptionEqualToValue = (option, value) => option === value,
+    isOptionEqualToValue = defaultIsOptionEqualToValue,
     multiple = false,
     onChange,
     onClose,
@@ -134,6 +135,7 @@ function useAutocomplete(props) {
   const firstFocus = React.useRef(true);
   const inputRef = React.useRef(null);
   const listboxRef = React.useRef(null);
+  const windowLostFocus = React.useRef(false);
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [focusedItem, setFocusedItem] = React.useState(-1);
   const defaultHighlighted = autoHighlight ? 0 : -1;
@@ -179,8 +181,30 @@ function useAutocomplete(props) {
   const [inputPristine, setInputPristine] = React.useState(true);
   const inputValueIsSelectedValue = !multiple && value != null && inputValue === getOptionLabel(value);
   const popupOpen = open && !readOnly;
+  const selectedValues = React.useMemo(() => {
+    if (multiple) {
+      return value;
+    }
+    if (value != null) {
+      return [value];
+    }
+    return [];
+  }, [multiple, value]);
+  const selectedValuesSet = React.useMemo(() => {
+    // Fast path for the default strict equality comparator to avoid O(n^2) option checks.
+    if (isOptionEqualToValue !== defaultIsOptionEqualToValue || selectedValues.length === 0) {
+      return null;
+    }
+    return new Set(selectedValues);
+  }, [isOptionEqualToValue, selectedValues]);
+  const isOptionSelected = React.useCallback(option => {
+    if (selectedValuesSet) {
+      return selectedValuesSet.has(option);
+    }
+    return selectedValues.some(value2 => value2 != null && isOptionEqualToValue(option, value2));
+  }, [isOptionEqualToValue, selectedValues, selectedValuesSet]);
   const filteredOptions = popupOpen ? filterOptions(options.filter(option => {
-    if (filterSelectedOptions && (multiple ? value : [value]).some(value2 => value2 !== null && isOptionEqualToValue(option, value2))) {
+    if (filterSelectedOptions && isOptionSelected(option)) {
       return false;
     }
     return true;
@@ -213,9 +237,7 @@ function useAutocomplete(props) {
     if (itemToFocus === -1) {
       inputRef.current.focus();
     } else {
-      // Using `data-tag-index` for deprecated `renderTags`. Remove when `renderTags` is gone.
-      const indexType = renderValue ? 'data-item-index' : 'data-tag-index';
-      anchorEl.querySelector(`[${indexType}="${itemToFocus}"]`).focus();
+      anchorEl.querySelector(`[data-item-index="${itemToFocus}"]`).focus();
     }
   });
 
@@ -498,6 +520,21 @@ function useAutocomplete(props) {
       syncHighlightedIndex();
     }
   }, [syncHighlightedIndex, filteredOptionsChanged, popupOpen, disableCloseOnSelect]);
+
+  // Listen for browser window blur to detect when the user switches tabs or windows.
+  // This helps prevent the popup from reopening automatically when the window regains focus.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+    const handleWindowBlur = () => {
+      windowLostFocus.current = true;
+    };
+    window.addEventListener('blur', handleWindowBlur);
+    return () => {
+      window.removeEventListener('blur', handleWindowBlur);
+    };
+  }, []);
   const handleOpen = event => {
     if (open) {
       return;
@@ -571,10 +608,7 @@ function useAutocomplete(props) {
       if (direction === 'next' && nextFocus === value.length || direction === 'previous' && nextFocus === -1) {
         return -1;
       }
-
-      // Using `data-tag-index` for deprecated `renderTags`. Remove when `renderTags` is removed.
-      const indexType = renderValue ? 'data-item-index' : 'data-tag-index';
-      const option = anchorEl.querySelector(`[${indexType}="${nextFocus}"]`);
+      const option = anchorEl.querySelector(`[data-item-index="${nextFocus}"]`);
 
       // Same logic as MenuList.js
       if (!option || !option.hasAttribute('tabindex') || option.disabled || option.getAttribute('aria-disabled') === 'true') {
@@ -833,6 +867,14 @@ function useAutocomplete(props) {
       // Ensure DOM focus lands on the input
       focusItem(-1);
     }
+
+    // If the window previously lost focus while the popup was open,
+    // ignore this focus event to prevent unintended reopening.
+    // Reset the flag so normal focus behavior resumes.
+    if (windowLostFocus.current) {
+      windowLostFocus.current = false;
+      return;
+    }
     if (openOnFocus && !ignoreFocus.current) {
       handleOpen(event);
     }
@@ -1023,11 +1065,7 @@ function useAutocomplete(props) {
       ...(multiple && {
         key: index
       }),
-      ...(renderValue ? {
-        'data-item-index': index
-      } : {
-        'data-tag-index': index
-      }),
+      'data-item-index': index,
       tabIndex: -1,
       ...(!readOnly && {
         onDelete: multiple ? handleItemDelete(index) : handleSingleItemDelete
@@ -1038,17 +1076,6 @@ function useAutocomplete(props) {
       type: 'button',
       onClick: handlePopupIndicator
     }),
-    // deprecated
-    getTagProps: ({
-      index
-    }) => ({
-      key: index,
-      'data-tag-index': index,
-      tabIndex: -1,
-      ...(!readOnly && {
-        onDelete: handleItemDelete(index)
-      })
-    }),
     getListboxProps: () => ({
       role: 'listbox',
       id: `${id}-listbox`,
@@ -1064,7 +1091,7 @@ function useAutocomplete(props) {
       index,
       option
     }) => {
-      const selected = (multiple ? value : [value]).some(value2 => value2 != null && isOptionEqualToValue(option, value2));
+      const selected = isOptionSelected(option);
       const disabled = getOptionDisabled ? getOptionDisabled(option) : false;
       return {
         key: getOptionKey?.(option) ?? getOptionLabel(option),
@@ -1089,8 +1116,6 @@ function useAutocomplete(props) {
     anchorEl,
     setAnchorEl,
     focusedItem,
-    // deprecated
-    focusedTag: focusedItem,
     groupedOptions
   };
 }

package/useAutocomplete/useAutocomplete.mjs

@@ -56,6 +56,7 @@ const defaultFilterOptions = createFilterOptions();
 // Number of options to jump in list box when `Page Up` and `Page Down` keys are used.
 const pageSize = 5;
 const defaultIsActiveElementInListbox = listboxRef => listboxRef.current !== null && listboxRef.current.parentElement?.contains(document.activeElement);
+const defaultIsOptionEqualToValue = (option, value) => option === value;
 const MULTIPLE_DEFAULT_VALUE = [];
 function getInputValue(value, multiple, getOptionLabel, renderValue) {
   if (multiple || value == null || renderValue) {
@@ -94,7 +95,7 @@ function useAutocomplete(props) {
     id: idProp,
     includeInputInList = false,
     inputValue: inputValueProp,
-    isOptionEqualToValue = (option, value) => option === value,
+    isOptionEqualToValue = defaultIsOptionEqualToValue,
     multiple = false,
     onChange,
     onClose,
@@ -126,6 +127,7 @@ function useAutocomplete(props) {
   const firstFocus = React.useRef(true);
   const inputRef = React.useRef(null);
   const listboxRef = React.useRef(null);
+  const windowLostFocus = React.useRef(false);
   const [anchorEl, setAnchorEl] = React.useState(null);
   const [focusedItem, setFocusedItem] = React.useState(-1);
   const defaultHighlighted = autoHighlight ? 0 : -1;
@@ -171,8 +173,30 @@ function useAutocomplete(props) {
   const [inputPristine, setInputPristine] = React.useState(true);
   const inputValueIsSelectedValue = !multiple && value != null && inputValue === getOptionLabel(value);
   const popupOpen = open && !readOnly;
+  const selectedValues = React.useMemo(() => {
+    if (multiple) {
+      return value;
+    }
+    if (value != null) {
+      return [value];
+    }
+    return [];
+  }, [multiple, value]);
+  const selectedValuesSet = React.useMemo(() => {
+    // Fast path for the default strict equality comparator to avoid O(n^2) option checks.
+    if (isOptionEqualToValue !== defaultIsOptionEqualToValue || selectedValues.length === 0) {
+      return null;
+    }
+    return new Set(selectedValues);
+  }, [isOptionEqualToValue, selectedValues]);
+  const isOptionSelected = React.useCallback(option => {
+    if (selectedValuesSet) {
+      return selectedValuesSet.has(option);
+    }
+    return selectedValues.some(value2 => value2 != null && isOptionEqualToValue(option, value2));
+  }, [isOptionEqualToValue, selectedValues, selectedValuesSet]);
   const filteredOptions = popupOpen ? filterOptions(options.filter(option => {
-    if (filterSelectedOptions && (multiple ? value : [value]).some(value2 => value2 !== null && isOptionEqualToValue(option, value2))) {
+    if (filterSelectedOptions && isOptionSelected(option)) {
       return false;
     }
     return true;
@@ -205,9 +229,7 @@ function useAutocomplete(props) {
     if (itemToFocus === -1) {
       inputRef.current.focus();
     } else {
-      // Using `data-tag-index` for deprecated `renderTags`. Remove when `renderTags` is gone.
-      const indexType = renderValue ? 'data-item-index' : 'data-tag-index';
-      anchorEl.querySelector(`[${indexType}="${itemToFocus}"]`).focus();
+      anchorEl.querySelector(`[data-item-index="${itemToFocus}"]`).focus();
     }
   });
 
@@ -490,6 +512,21 @@ function useAutocomplete(props) {
       syncHighlightedIndex();
     }
   }, [syncHighlightedIndex, filteredOptionsChanged, popupOpen, disableCloseOnSelect]);
+
+  // Listen for browser window blur to detect when the user switches tabs or windows.
+  // This helps prevent the popup from reopening automatically when the window regains focus.
+  React.useEffect(() => {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+    const handleWindowBlur = () => {
+      windowLostFocus.current = true;
+    };
+    window.addEventListener('blur', handleWindowBlur);
+    return () => {
+      window.removeEventListener('blur', handleWindowBlur);
+    };
+  }, []);
   const handleOpen = event => {
     if (open) {
       return;
@@ -563,10 +600,7 @@ function useAutocomplete(props) {
       if (direction === 'next' && nextFocus === value.length || direction === 'previous' && nextFocus === -1) {
         return -1;
       }
-
-      // Using `data-tag-index` for deprecated `renderTags`. Remove when `renderTags` is removed.
-      const indexType = renderValue ? 'data-item-index' : 'data-tag-index';
-      const option = anchorEl.querySelector(`[${indexType}="${nextFocus}"]`);
+      const option = anchorEl.querySelector(`[data-item-index="${nextFocus}"]`);
 
       // Same logic as MenuList.js
       if (!option || !option.hasAttribute('tabindex') || option.disabled || option.getAttribute('aria-disabled') === 'true') {
@@ -825,6 +859,14 @@ function useAutocomplete(props) {
       // Ensure DOM focus lands on the input
       focusItem(-1);
     }
+
+    // If the window previously lost focus while the popup was open,
+    // ignore this focus event to prevent unintended reopening.
+    // Reset the flag so normal focus behavior resumes.
+    if (windowLostFocus.current) {
+      windowLostFocus.current = false;
+      return;
+    }
     if (openOnFocus && !ignoreFocus.current) {
       handleOpen(event);
     }
@@ -1015,11 +1057,7 @@ function useAutocomplete(props) {
       ...(multiple && {
         key: index
       }),
-      ...(renderValue ? {
-        'data-item-index': index
-      } : {
-        'data-tag-index': index
-      }),
+      'data-item-index': index,
       tabIndex: -1,
       ...(!readOnly && {
         onDelete: multiple ? handleItemDelete(index) : handleSingleItemDelete
@@ -1030,17 +1068,6 @@ function useAutocomplete(props) {
       type: 'button',
       onClick: handlePopupIndicator
     }),
-    // deprecated
-    getTagProps: ({
-      index
-    }) => ({
-      key: index,
-      'data-tag-index': index,
-      tabIndex: -1,
-      ...(!readOnly && {
-        onDelete: handleItemDelete(index)
-      })
-    }),
     getListboxProps: () => ({
       role: 'listbox',
       id: `${id}-listbox`,
@@ -1056,7 +1083,7 @@ function useAutocomplete(props) {
       index,
       option
     }) => {
-      const selected = (multiple ? value : [value]).some(value2 => value2 != null && isOptionEqualToValue(option, value2));
+      const selected = isOptionSelected(option);
       const disabled = getOptionDisabled ? getOptionDisabled(option) : false;
       return {
         key: getOptionKey?.(option) ?? getOptionLabel(option),
@@ -1081,8 +1108,6 @@ function useAutocomplete(props) {
     anchorEl,
     setAnchorEl,
     focusedItem,
-    // deprecated
-    focusedTag: focusedItem,
     groupedOptions
   };
 }

package/utils/index.d.mts

@@ -5,6 +5,7 @@ export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as debounce } from "./debounce.mjs";
 export { default as deprecatedPropType } from "./deprecatedPropType.mjs";
 export { default as isMuiElement } from "./isMuiElement.mjs";
+export { default as getActiveElement } from "./getActiveElement.mjs";
 export { default as unstable_memoTheme } from "./memoTheme.mjs";
 export { default as ownerDocument } from "./ownerDocument.mjs";
 export { default as ownerWindow } from "./ownerWindow.mjs";
@@ -15,6 +16,7 @@ export { default as unstable_useId } from "./useId.mjs";
 export { default as unsupportedProp } from "./unsupportedProp.mjs";
 export { default as useControlled } from "./useControlled.mjs";
 export { default as useEventCallback } from "./useEventCallback.mjs";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.mjs";
 export { default as useForkRef } from "./useForkRef.mjs";
 export { default as mergeSlotProps } from "./mergeSlotProps.mjs";
 export * from "./types.mjs";

package/utils/index.d.ts

@@ -5,6 +5,7 @@ export { default as createSvgIcon } from "./createSvgIcon.js";
 export { default as debounce } from "./debounce.js";
 export { default as deprecatedPropType } from "./deprecatedPropType.js";
 export { default as isMuiElement } from "./isMuiElement.js";
+export { default as getActiveElement } from "./getActiveElement.js";
 export { default as unstable_memoTheme } from "./memoTheme.js";
 export { default as ownerDocument } from "./ownerDocument.js";
 export { default as ownerWindow } from "./ownerWindow.js";
@@ -15,6 +16,7 @@ export { default as unstable_useId } from "./useId.js";
 export { default as unsupportedProp } from "./unsupportedProp.js";
 export { default as useControlled } from "./useControlled.js";
 export { default as useEventCallback } from "./useEventCallback.js";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.js";
 export { default as useForkRef } from "./useForkRef.js";
 export { default as mergeSlotProps } from "./mergeSlotProps.js";
 export * from "./types.js";

package/utils/index.js

@@ -35,6 +35,12 @@ Object.defineProperty(exports, "deprecatedPropType", {
     return _deprecatedPropType.default;
   }
 });
+Object.defineProperty(exports, "getActiveElement", {
+  enumerable: true,
+  get: function () {
+    return _getActiveElement.default;
+  }
+});
 Object.defineProperty(exports, "isMuiElement", {
   enumerable: true,
   get: function () {
@@ -114,6 +120,12 @@ Object.defineProperty(exports, "useForkRef", {
     return _useForkRef.default;
   }
 });
+Object.defineProperty(exports, "useRovingTabIndex", {
+  enumerable: true,
+  get: function () {
+    return _useRovingTabIndex.default;
+  }
+});
 var _ClassNameGenerator = _interopRequireDefault(require("@mui/utils/ClassNameGenerator"));
 var _capitalize = _interopRequireDefault(require("./capitalize"));
 var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));
@@ -121,6 +133,7 @@ var _createSvgIcon = _interopRequireDefault(require("./createSvgIcon"));
 var _debounce = _interopRequireDefault(require("./debounce"));
 var _deprecatedPropType = _interopRequireDefault(require("./deprecatedPropType"));
 var _isMuiElement = _interopRequireDefault(require("./isMuiElement"));
+var _getActiveElement = _interopRequireDefault(require("./getActiveElement"));
 var _memoTheme = _interopRequireDefault(require("./memoTheme"));
 var _ownerDocument = _interopRequireDefault(require("./ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("./ownerWindow"));
@@ -131,6 +144,7 @@ var _useId = _interopRequireDefault(require("./useId"));
 var _unsupportedProp = _interopRequireDefault(require("./unsupportedProp"));
 var _useControlled = _interopRequireDefault(require("./useControlled"));
 var _useEventCallback = _interopRequireDefault(require("./useEventCallback"));
+var _useRovingTabIndex = _interopRequireDefault(require("./useRovingTabIndex"));
 var _useForkRef = _interopRequireDefault(require("./useForkRef"));
 var _mergeSlotProps = _interopRequireDefault(require("./mergeSlotProps"));
 // TODO: remove this export once ClassNameGenerator is stable

package/utils/index.mjs

@@ -7,6 +7,7 @@ export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as debounce } from "./debounce.mjs";
 export { default as deprecatedPropType } from "./deprecatedPropType.mjs";
 export { default as isMuiElement } from "./isMuiElement.mjs";
+export { default as getActiveElement } from "./getActiveElement.mjs";
 export { default as unstable_memoTheme } from "./memoTheme.mjs";
 export { default as ownerDocument } from "./ownerDocument.mjs";
 export { default as ownerWindow } from "./ownerWindow.mjs";
@@ -17,6 +18,7 @@ export { default as unstable_useId } from "./useId.mjs";
 export { default as unsupportedProp } from "./unsupportedProp.mjs";
 export { default as useControlled } from "./useControlled.mjs";
 export { default as useEventCallback } from "./useEventCallback.mjs";
+export { default as useRovingTabIndex } from "./useRovingTabIndex.mjs";
 export { default as useForkRef } from "./useForkRef.mjs";
 export { default as mergeSlotProps } from "./mergeSlotProps.mjs";
 // TODO: remove this export once ClassNameGenerator is stable

package/utils/useRovingTabIndex.d.mts

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/utils/useRovingTabIndex.d.ts

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/utils/useRovingTabIndex.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useRovingTabIndex = _interopRequireDefault(require("@mui/utils/useRovingTabIndex"));
+var _default = exports.default = _useRovingTabIndex.default;

package/utils/useRovingTabIndex.mjs

@@ -0,0 +1,2 @@
+import useRovingTabIndex from '@mui/utils/useRovingTabIndex';
+export default useRovingTabIndex;

package/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 = "9.0.0-alpha.2";
+const version = exports.version = "9.0.0-alpha.4";
 const major = exports.major = Number("9");
 const minor = exports.minor = Number("0");
 const patch = exports.patch = Number("0");
-const prerelease = exports.prerelease = "alpha.2";
+const prerelease = exports.prerelease = "alpha.4";
 var _default = exports.default = version;

package/version/index.mjs

@@ -1,6 +1,6 @@
-export const version = "9.0.0-alpha.2";
+export const version = "9.0.0-alpha.4";
 export const major = Number("9");
 export const minor = Number("0");
 export const patch = Number("0");
-export const prerelease = "alpha.2";
+export const prerelease = "alpha.4";
 export default version;