@mui/docs 7.3.3 → 7.3.4

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.4
+
+<!-- generated comparing v7.3.3..master -->
+
+_Oct 2, 2025_
+
+A big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+Small update to revert a change that broke the `<Tabs>` component. Also publishing a beta version of `@mui/lab` which was accidentally published as a stable release.
+
+### `@mui/material@7.3.4`
+
+- [Tabs] Revert "Fix not scrolling to correct tab after refresh when auto scrollable (#46869)" (#47014) @ZeeshanTamboli
+
+### Docs
+
+- Sort package manager automatically (#46897) @Janpot
+
+### Core
+
+- Bring @mui/lab back to unstable version (#47012) @Janpot
+- Fix `ThemeOptions` and `createTheme*` cyclic dependency (#47007) @siriwatknp
+
+All contributors of this release in alphabetical order: @Janpot, @siriwatknp, @ZeeshanTamboli
+
 ## 7.3.3
 
 <!-- generated comparing v7.3.2..master -->

package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js

@@ -16,6 +16,7 @@ var _Tab = require("@mui/base/Tab");
 var _useLocalStorageState = _interopRequireDefault(require("@mui/utils/useLocalStorageState"));
 var _HighlightedCode = require("../HighlightedCode");
 var _jsxRuntime = require("react/jsx-runtime");
+const PACKAGE_MANAGER_ORDER = new Map(['npm', 'pnpm', 'yarn'].map((manager, index) => [manager, index]));
 const CodeTabList = exports.CodeTabList = (0, _styles.styled)(_TabsList.TabsList)(({
   theme
 }) => ({
@@ -319,9 +320,15 @@ function HighlightedCodeWithTabs(props) {
     tabs,
     storageKey
   } = props;
-  const availableTabs = React.useMemo(() => tabs.map(({
-    tab
-  }) => tab), [tabs]);
+  const availableTabs = React.useMemo(() => {
+    const result = tabs.map(({
+      tab
+    }) => tab);
+    if (storageKey === 'package-manager') {
+      result.sort((a, b) => (PACKAGE_MANAGER_ORDER.get(a) ?? Infinity) - (PACKAGE_MANAGER_ORDER.get(b) ?? Infinity));
+    }
+    return result;
+  }, [storageKey, tabs]);
   const [activeTab, setActiveTab] = (0, _useLocalStorageState.default)(storageKey ?? null, availableTabs[0]);
   // During hydration, activeTab is null, default to first value.
   const defaultizedActiveTab = activeTab ?? availableTabs[0];

package/esm/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js

@@ -7,6 +7,7 @@ import { Tab as TabBase } from '@mui/base/Tab';
 import useLocalStorageState from '@mui/utils/useLocalStorageState';
 import { HighlightedCode } from "../HighlightedCode/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PACKAGE_MANAGER_ORDER = new Map(['npm', 'pnpm', 'yarn'].map((manager, index) => [manager, index]));
 export const CodeTabList = styled(TabsListBase)(({
   theme
 }) => ({
@@ -310,9 +311,15 @@ export function HighlightedCodeWithTabs(props) {
     tabs,
     storageKey
   } = props;
-  const availableTabs = React.useMemo(() => tabs.map(({
-    tab
-  }) => tab), [tabs]);
+  const availableTabs = React.useMemo(() => {
+    const result = tabs.map(({
+      tab
+    }) => tab);
+    if (storageKey === 'package-manager') {
+      result.sort((a, b) => (PACKAGE_MANAGER_ORDER.get(a) ?? Infinity) - (PACKAGE_MANAGER_ORDER.get(b) ?? Infinity));
+    }
+    return result;
+  }, [storageKey, tabs]);
   const [activeTab, setActiveTab] = useLocalStorageState(storageKey ?? null, availableTabs[0]);
   // During hydration, activeTab is null, default to first value.
   const defaultizedActiveTab = activeTab ?? availableTabs[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "7.3.3",
+  "version": "7.3.4",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "keywords": [