@mui/material 9.0.0-alpha.1 → 9.0.0-alpha.3

package/Tabs/Tabs.js

@@ -24,53 +24,11 @@ var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));
 var _TabScrollButton = _interopRequireDefault(require("../TabScrollButton"));
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
 var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
-var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
-var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
 var _isLayoutSupported = _interopRequireDefault(require("../utils/isLayoutSupported"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-const nextItem = (list, item) => {
-  if (list === item) {
-    return list.firstChild;
-  }
-  if (item && item.nextElementSibling) {
-    return item.nextElementSibling;
-  }
-  return list.firstChild;
-};
-const previousItem = (list, item) => {
-  if (list === item) {
-    return list.lastChild;
-  }
-  if (item && item.previousElementSibling) {
-    return item.previousElementSibling;
-  }
-  return list.lastChild;
-};
-const moveFocus = (list, currentFocus, traversalFunction) => {
-  let wrappedOnce = false;
-  let nextFocus = traversalFunction(list, currentFocus);
-  while (nextFocus) {
-    // Prevent infinite loop.
-    if (nextFocus === list.firstChild) {
-      if (wrappedOnce) {
-        return;
-      }
-      wrappedOnce = true;
-    }
-
-    // Same logic as useAutocomplete.js
-    const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
-    if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
-      // Move to the next element.
-      nextFocus = traversalFunction(list, nextFocus);
-    } else {
-      nextFocus.focus();
-      return;
-    }
-  }
-};
 const useUtilityClasses = ownerState => {
   const {
     vertical,
@@ -673,20 +631,37 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorSlot, {
     ...indicatorSlotProps
   });
-  let childIndex = 0;
-  const children = React.Children.map(childrenProp, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return null;
-    }
+  const validChildren = React.Children.toArray(childrenProp).filter(React.isValidElement).map((child, index) => {
+    const childValue = child.props.value === undefined ? index : child.props.value;
     if (process.env.NODE_ENV !== 'production') {
       if ((0, _reactIs.isFragment)(child)) {
         console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-    const childValue = child.props.value === undefined ? childIndex : child.props.value;
-    valueToIndex.set(childValue, childIndex);
+    valueToIndex.set(childValue, index);
+    return {
+      child,
+      index,
+      childValue
+    };
+  });
+  const focusableIndex = valueToIndex.get(value);
+  const {
+    getContainerProps,
+    getItemProps
+  } = (0, _utils.useRovingTabIndex)({
+    focusableIndex,
+    orientation,
+    isRtl
+  });
+  const rovingTabIndexContainerProps = getContainerProps();
+  const children = validChildren.map(({
+    child,
+    index,
+    childValue
+  }) => {
     const selected = childValue === value;
-    childIndex += 1;
+    const rovingTabIndexItemProps = getItemProps(index, child.ref);
     return /*#__PURE__*/React.cloneElement(child, {
       fullWidth: variant === 'fullWidth',
       indicator: selected && !mounted && indicator,
@@ -695,53 +670,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       onChange,
       textColor,
       value: childValue,
-      ...(childIndex === 1 && value === false && !child.props.tabIndex ? {
-        tabIndex: 0
-      } : {})
+      ref: rovingTabIndexItemProps.ref,
+      tabIndex: child.props.tabIndex ?? rovingTabIndexItemProps.tabIndex
     });
   });
-  const handleKeyDown = event => {
-    // Check if a modifier key (Alt, Shift, Ctrl, Meta) is pressed
-    if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {
-      return;
-    }
-    const list = tabListRef.current;
-    const currentFocus = (0, _getActiveElement.default)((0, _ownerDocument.default)(list));
-    // Keyboard navigation assumes that [role="tab"] are siblings
-    // though we might warn in the future about nested, interactive elements
-    // as a a11y violation
-    const role = currentFocus?.getAttribute('role');
-    if (role !== 'tab') {
-      return;
-    }
-    let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
-    let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
-    if (orientation === 'horizontal' && isRtl) {
-      // swap previousItemKey with nextItemKey
-      previousItemKey = 'ArrowRight';
-      nextItemKey = 'ArrowLeft';
-    }
-    switch (event.key) {
-      case previousItemKey:
-        event.preventDefault();
-        moveFocus(list, currentFocus, previousItem);
-        break;
-      case nextItemKey:
-        event.preventDefault();
-        moveFocus(list, currentFocus, nextItem);
-        break;
-      case 'Home':
-        event.preventDefault();
-        moveFocus(list, null, nextItem);
-        break;
-      case 'End':
-        event.preventDefault();
-        moveFocus(list, null, previousItem);
-        break;
-      default:
-        break;
-    }
-  };
   const conditionalElements = getConditionalElements();
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     ref,
@@ -767,8 +699,21 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       }
     }
   });
+  const mergedRef = (0, _utils.useForkRef)(rovingTabIndexContainerProps.ref, tabListRef);
+  const handleKeyDown = event => {
+    const list = tabListRef.current;
+    const currentFocus = (0, _utils.getActiveElement)((0, _utils.ownerDocument)(list));
+    // Keyboard navigation assumes that [role="tab"] are siblings
+    // though we might warn in the future about nested, interactive elements
+    // as a a11y violation
+    const role = currentFocus?.getAttribute('role');
+    if (role !== 'tab') {
+      return;
+    }
+    rovingTabIndexContainerProps.onKeyDown(event);
+  };
   const [ListSlot, listSlotProps] = (0, _useSlot.default)('list', {
-    ref: tabListRef,
+    ref: mergedRef,
     className: (0, _clsx.default)(classes.list, classes.flexContainer),
     elementType: List,
     externalForwardedProps,
@@ -778,6 +723,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       onKeyDown: event => {
         handleKeyDown(event);
         handlers.onKeyDown?.(event);
+      },
+      onFocus: event => {
+        rovingTabIndexContainerProps.onFocus(event);
+        handlers.onFocus?.(event);
       }
     })
   });

package/Tabs/Tabs.mjs

@@ -17,53 +17,11 @@ import ScrollbarSize from "./ScrollbarSize.mjs";
 import TabScrollButton from "../TabScrollButton/index.mjs";
 import useEventCallback from "../utils/useEventCallback.mjs";
 import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.mjs";
-import ownerDocument from "../utils/ownerDocument.mjs";
 import ownerWindow from "../utils/ownerWindow.mjs";
-import getActiveElement from "../utils/getActiveElement.mjs";
 import isLayoutSupported from "../utils/isLayoutSupported.mjs";
 import useSlot from "../utils/useSlot.mjs";
+import { ownerDocument, useForkRef, getActiveElement, useRovingTabIndex } from "../utils/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const nextItem = (list, item) => {
-  if (list === item) {
-    return list.firstChild;
-  }
-  if (item && item.nextElementSibling) {
-    return item.nextElementSibling;
-  }
-  return list.firstChild;
-};
-const previousItem = (list, item) => {
-  if (list === item) {
-    return list.lastChild;
-  }
-  if (item && item.previousElementSibling) {
-    return item.previousElementSibling;
-  }
-  return list.lastChild;
-};
-const moveFocus = (list, currentFocus, traversalFunction) => {
-  let wrappedOnce = false;
-  let nextFocus = traversalFunction(list, currentFocus);
-  while (nextFocus) {
-    // Prevent infinite loop.
-    if (nextFocus === list.firstChild) {
-      if (wrappedOnce) {
-        return;
-      }
-      wrappedOnce = true;
-    }
-
-    // Same logic as useAutocomplete.js
-    const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
-    if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
-      // Move to the next element.
-      nextFocus = traversalFunction(list, nextFocus);
-    } else {
-      nextFocus.focus();
-      return;
-    }
-  }
-};
 const useUtilityClasses = ownerState => {
   const {
     vertical,
@@ -666,20 +624,37 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   const indicator = /*#__PURE__*/_jsx(IndicatorSlot, {
     ...indicatorSlotProps
   });
-  let childIndex = 0;
-  const children = React.Children.map(childrenProp, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return null;
-    }
+  const validChildren = React.Children.toArray(childrenProp).filter(React.isValidElement).map((child, index) => {
+    const childValue = child.props.value === undefined ? index : child.props.value;
     if (process.env.NODE_ENV !== 'production') {
       if (isFragment(child)) {
         console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-    const childValue = child.props.value === undefined ? childIndex : child.props.value;
-    valueToIndex.set(childValue, childIndex);
+    valueToIndex.set(childValue, index);
+    return {
+      child,
+      index,
+      childValue
+    };
+  });
+  const focusableIndex = valueToIndex.get(value);
+  const {
+    getContainerProps,
+    getItemProps
+  } = useRovingTabIndex({
+    focusableIndex,
+    orientation,
+    isRtl
+  });
+  const rovingTabIndexContainerProps = getContainerProps();
+  const children = validChildren.map(({
+    child,
+    index,
+    childValue
+  }) => {
     const selected = childValue === value;
-    childIndex += 1;
+    const rovingTabIndexItemProps = getItemProps(index, child.ref);
     return /*#__PURE__*/React.cloneElement(child, {
       fullWidth: variant === 'fullWidth',
       indicator: selected && !mounted && indicator,
@@ -688,53 +663,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       onChange,
       textColor,
       value: childValue,
-      ...(childIndex === 1 && value === false && !child.props.tabIndex ? {
-        tabIndex: 0
-      } : {})
+      ref: rovingTabIndexItemProps.ref,
+      tabIndex: child.props.tabIndex ?? rovingTabIndexItemProps.tabIndex
     });
   });
-  const handleKeyDown = event => {
-    // Check if a modifier key (Alt, Shift, Ctrl, Meta) is pressed
-    if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {
-      return;
-    }
-    const list = tabListRef.current;
-    const currentFocus = getActiveElement(ownerDocument(list));
-    // Keyboard navigation assumes that [role="tab"] are siblings
-    // though we might warn in the future about nested, interactive elements
-    // as a a11y violation
-    const role = currentFocus?.getAttribute('role');
-    if (role !== 'tab') {
-      return;
-    }
-    let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
-    let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
-    if (orientation === 'horizontal' && isRtl) {
-      // swap previousItemKey with nextItemKey
-      previousItemKey = 'ArrowRight';
-      nextItemKey = 'ArrowLeft';
-    }
-    switch (event.key) {
-      case previousItemKey:
-        event.preventDefault();
-        moveFocus(list, currentFocus, previousItem);
-        break;
-      case nextItemKey:
-        event.preventDefault();
-        moveFocus(list, currentFocus, nextItem);
-        break;
-      case 'Home':
-        event.preventDefault();
-        moveFocus(list, null, nextItem);
-        break;
-      case 'End':
-        event.preventDefault();
-        moveFocus(list, null, previousItem);
-        break;
-      default:
-        break;
-    }
-  };
   const conditionalElements = getConditionalElements();
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
@@ -760,8 +692,21 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       }
     }
   });
+  const mergedRef = useForkRef(rovingTabIndexContainerProps.ref, tabListRef);
+  const handleKeyDown = event => {
+    const list = tabListRef.current;
+    const currentFocus = getActiveElement(ownerDocument(list));
+    // Keyboard navigation assumes that [role="tab"] are siblings
+    // though we might warn in the future about nested, interactive elements
+    // as a a11y violation
+    const role = currentFocus?.getAttribute('role');
+    if (role !== 'tab') {
+      return;
+    }
+    rovingTabIndexContainerProps.onKeyDown(event);
+  };
   const [ListSlot, listSlotProps] = useSlot('list', {
-    ref: tabListRef,
+    ref: mergedRef,
     className: clsx(classes.list, classes.flexContainer),
     elementType: List,
     externalForwardedProps,
@@ -771,6 +716,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
       onKeyDown: event => {
         handleKeyDown(event);
         handlers.onKeyDown?.(event);
+      },
+      onFocus: event => {
+        rovingTabIndexContainerProps.onFocus(event);
+        handlers.onFocus?.(event);
       }
     })
   });

package/Typography/Typography.d.mts

@@ -86,6 +86,7 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  * Demos:
  *
  * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Typography](https://next.mui.com/material-ui/react-typography/)
  *
  * API:

package/Typography/Typography.d.ts

@@ -86,6 +86,7 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  * Demos:
  *
  * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Typography](https://next.mui.com/material-ui/react-typography/)
  *
  * API:

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.1
+ * @mui/material v9.0.0-alpha.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-alpha.1
+ * @mui/material v9.0.0-alpha.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.3",
   "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.",
   "keywords": [
@@ -33,10 +33,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.2.4",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^9.0.0-alpha.1",
-    "@mui/types": "^9.0.0-alpha.1",
-    "@mui/utils": "9.0.0-alpha.1",
-    "@mui/system": "9.0.0-alpha.1"
+    "@mui/core-downloads-tracker": "^9.0.0-alpha.3",
+    "@mui/system": "9.0.0-alpha.3",
+    "@mui/utils": "9.0.0-alpha.3",
+    "@mui/types": "^9.0.0-alpha.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -44,7 +44,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": "9.0.0-alpha.1"
+    "@mui/material-pigment-css": "9.0.0-alpha.3"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -320,6 +320,20 @@
         "default": "./PigmentStack/index.mjs"
       }
     },
+    "./themeCssVarsAugmentation": {
+      "import": {
+        "types": "./themeCssVarsAugmentation/index.d.mts",
+        "default": "./themeCssVarsAugmentation/index.mjs"
+      },
+      "require": {
+        "types": "./themeCssVarsAugmentation/index.d.ts",
+        "default": "./themeCssVarsAugmentation/index.js"
+      },
+      "default": {
+        "types": "./themeCssVarsAugmentation/index.d.mts",
+        "default": "./themeCssVarsAugmentation/index.mjs"
+      }
+    },
     "./transitions": {
       "import": {
         "types": "./transitions/index.d.mts",

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

@@ -134,6 +134,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;
@@ -498,6 +499,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;
@@ -833,6 +849,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);
     }

package/useAutocomplete/useAutocomplete.mjs

@@ -126,6 +126,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;
@@ -490,6 +491,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;
@@ -825,6 +841,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);
     }

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;