@mui/x-charts 9.0.0-alpha.3 → 9.0.0-beta.0

package/BarChart/seriesConfig/bar/legend.mjs

@@ -1,22 +1,3 @@
-import { getLabel } from "../../../internals/getLabel.mjs";
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      type: 'bar',
-      markType: series[seriesId].labelMarkType,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
+import { getSeriesLegendItems } from "../../../internals/legendUtils.mjs";
+const legendGetter = series => getSeriesLegendItems('bar', series);
 export default legendGetter;

package/BarChart/seriesConfig/index.js

@@ -14,8 +14,10 @@ var _keyboardFocusHandler = _interopRequireDefault(require("./bar/keyboardFocusH
 var _tooltip = _interopRequireWildcard(require("./bar/tooltip"));
 var _tooltipPosition = _interopRequireDefault(require("./bar/tooltipPosition"));
 var _getSeriesWithDefaultValues = require("./bar/getSeriesWithDefaultValues");
+var _useChartCartesianAxisPosition = require("../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors");
 var _identifierSerializer = require("../../internals/identifierSerializer");
 var _identifierCleaner = require("../../internals/identifierCleaner");
+var _descriptionGetter = _interopRequireDefault(require("./bar/descriptionGetter"));
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
 const barSeriesConfig = exports.barSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
@@ -27,9 +29,11 @@ const barSeriesConfig = exports.barSeriesConfig = {
   xExtremumGetter: _extremums.getExtremumX,
   yExtremumGetter: _extremums.getExtremumY,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues,
-  keyboardFocusHandler: _keyboardFocusHandler.default,
+  getItemAtPosition: _useChartCartesianAxisPosition.selectorBarItemAtPosition,
   identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,
   identifierCleaner: _identifierCleaner.identifierCleanerSeriesIdDataIndex,
+  descriptionGetter: _descriptionGetter.default,
+  keyboardFocusHandler: _keyboardFocusHandler.default,
   isHighlightedCreator: _useChartHighlight.createIsHighlighted,
   isFadedCreator: _useChartHighlight.createIsFaded
 };

package/BarChart/seriesConfig/index.mjs

@@ -6,8 +6,10 @@ import keyboardFocusHandler from "./bar/keyboardFocusHandler.mjs";
 import tooltipGetter, { axisTooltipGetter } from "./bar/tooltip.mjs";
 import tooltipItemPositionGetter from "./bar/tooltipPosition.mjs";
 import { getSeriesWithDefaultValues } from "./bar/getSeriesWithDefaultValues.mjs";
+import { selectorBarItemAtPosition } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
 import { identifierCleanerSeriesIdDataIndex } from "../../internals/identifierCleaner.mjs";
+import descriptionGetter from "./bar/descriptionGetter.mjs";
 import { createIsHighlighted, createIsFaded } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
 export const barSeriesConfig = {
   seriesProcessor,
@@ -19,9 +21,11 @@ export const barSeriesConfig = {
   xExtremumGetter: getExtremumX,
   yExtremumGetter: getExtremumY,
   getSeriesWithDefaultValues,
-  keyboardFocusHandler,
+  getItemAtPosition: selectorBarItemAtPosition,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,
   identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  descriptionGetter,
+  keyboardFocusHandler,
   isHighlightedCreator: createIsHighlighted,
   isFadedCreator: createIsFaded
 };

package/BarChart/useBarChartProps.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarChartProps, type BarSeries } from "./BarChart.mjs";
-import { type ChartContainerProps } from "../ChartContainer/index.mjs";
+import { type ChartsContainerProps } from "../ChartsContainer/index.mjs";
 import { type BarPlotProps } from "./BarPlot.mjs";
 import { type ChartsGridProps } from "../ChartsGrid/index.mjs";
 import { type ChartsClipPathProps } from "../ChartsClipPath/index.mjs";
@@ -23,7 +23,7 @@ export type UseBarChartProps = Omit<BarChartProps, 'series'> & Omit<{
  */
 export declare const useBarChartProps: (props: UseBarChartProps) => {
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartContainerProps: ChartContainerProps<"bar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar", BarChartPluginSignatures>;
   barPlotProps: BarPlotProps;
   gridProps: ChartsGridProps;
   clipPathProps: ChartsClipPathProps;

package/BarChart/useBarChartProps.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarChartProps, type BarSeries } from "./BarChart.js";
-import { type ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsContainerProps } from "../ChartsContainer/index.js";
 import { type BarPlotProps } from "./BarPlot.js";
 import { type ChartsGridProps } from "../ChartsGrid/index.js";
 import { type ChartsClipPathProps } from "../ChartsClipPath/index.js";
@@ -23,7 +23,7 @@ export type UseBarChartProps = Omit<BarChartProps, 'series'> & Omit<{
  */
 export declare const useBarChartProps: (props: UseBarChartProps) => {
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartContainerProps: ChartContainerProps<"bar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar", BarChartPluginSignatures>;
   barPlotProps: BarPlotProps;
   gridProps: ChartsGridProps;
   clipPathProps: ChartsClipPathProps;

package/BarChart/useBarChartProps.js

@@ -13,7 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _constants = require("../constants");
 var _BarChart = require("./BarChart.plugins");
-const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "axisHighlight", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "barLabel", "className", "hideLegend", "showToolbar", "brushConfig", "renderer"];
+const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "axisHighlight", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "className", "hideLegend", "showToolbar", "brushConfig", "renderer"];
 /**
  * A helper function that extracts BarChartProps from the input props
  * and returns an object with props for the children components of BarChart.
@@ -44,7 +44,6 @@ const useBarChartProps = props => {
       highlightedItem,
       onHighlightChange,
       borderRadius,
-      barLabel,
       className,
       brushConfig,
       renderer
@@ -90,7 +89,7 @@ const useBarChartProps = props => {
       scaleType: 'band'
     }, axis)) : yAxis;
   }, [defaultYAxis, hasHorizontalSeries, yAxis]);
-  const chartContainerProps = (0, _extends2.default)({}, other, {
+  const chartsContainerProps = (0, _extends2.default)({}, other, {
     series: seriesWithDefault,
     width,
     height,
@@ -111,8 +110,7 @@ const useBarChartProps = props => {
     slots,
     slotProps,
     borderRadius,
-    renderer,
-    barLabel
+    renderer
   };
   const gridProps = {
     vertical: grid?.vertical,
@@ -151,7 +149,7 @@ const useBarChartProps = props => {
   };
   return {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     gridProps,
     clipPathProps,

package/BarChart/useBarChartProps.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "axisHighlight", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "barLabel", "className", "hideLegend", "showToolbar", "brushConfig", "renderer"];
+const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "axisHighlight", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "className", "hideLegend", "showToolbar", "brushConfig", "renderer"];
 import * as React from 'react';
 import useId from '@mui/utils/useId';
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from "../constants/index.mjs";
@@ -37,7 +37,6 @@ export const useBarChartProps = props => {
       highlightedItem,
       onHighlightChange,
       borderRadius,
-      barLabel,
       className,
       brushConfig,
       renderer
@@ -83,7 +82,7 @@ export const useBarChartProps = props => {
       scaleType: 'band'
     }, axis)) : yAxis;
   }, [defaultYAxis, hasHorizontalSeries, yAxis]);
-  const chartContainerProps = _extends({}, other, {
+  const chartsContainerProps = _extends({}, other, {
     series: seriesWithDefault,
     width,
     height,
@@ -104,8 +103,7 @@ export const useBarChartProps = props => {
     slots,
     slotProps,
     borderRadius,
-    renderer,
-    barLabel
+    renderer
   };
   const gridProps = {
     vertical: grid?.vertical,
@@ -144,7 +142,7 @@ export const useBarChartProps = props => {
   };
   return {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     gridProps,
     clipPathProps,

package/BarChart/useRegisterItemClickHandlers.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useRegisterItemClickHandlers = useRegisterItemClickHandlers;
 var React = _interopRequireWildcard(require("react"));
 var _useChartsLayerContainerRef = require("../hooks/useChartsLayerContainerRef");
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 var _getChartPoint = require("../internals/getChartPoint");
 var _useStore = require("../internals/store/useStore");
 var _useChartCartesianAxisPosition = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors");
@@ -19,7 +19,7 @@ var _useChartCartesianAxisPosition = require("../internals/plugins/featurePlugin
 function useRegisterItemClickHandlers(onItemClick) {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const chartsLayerContainerRef = (0, _useChartsLayerContainerRef.useChartsLayerContainerRef)();
   const store = (0, _useStore.useStore)();
   React.useEffect(() => {

package/BarChart/useRegisterItemClickHandlers.mjs

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useChartsLayerContainerRef } from "../hooks/useChartsLayerContainerRef.mjs";
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 import { getChartPoint } from "../internals/getChartPoint.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
 import { selectorBarItemAtPosition } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs";
@@ -14,7 +14,7 @@ import { selectorBarItemAtPosition } from "../internals/plugins/featurePlugins/u
 export function useRegisterItemClickHandlers(onItemClick) {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const chartsLayerContainerRef = useChartsLayerContainerRef();
   const store = useStore();
   React.useEffect(() => {

package/CHANGELOG.md

@@ -1,5 +1,234 @@
 # Changelog
 
+## 9.0.0-beta.0
+
+<!-- generated comparing v9.0.0-alpha.4..master -->
+
+_Mar 27, 2026_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔊 New Charts voiceover component for improved screen reader support
+- ⌨️ Charts keyboard navigation improvements: axis tooltip now shows when navigating with the keyboard
+- 📊 Charts axes now can be set to automatically resize to fit their content
+- 📝 New `rowCheckbox` slot in Data Grid for easier checkbox column customization
+- ⚡️ `fetchRows()` API in Data Grid Pro now defaults `start` and `end` based on scroll position with lazy loading
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @cherniavskii, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-beta.0`
+
+- [DataGrid] Add `rowCheckbox` slot for easier customization (#21797) @michelengelen
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21820) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.0-beta.0`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21742) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.0-beta.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-beta.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.0-beta.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-beta.0`
+
+- [charts] Add `className` prop to Pro chart plot components (#21793) @JCQuintas
+- [charts] Add experimental position-based pointer interaction for line series (#21809) @JCQuintas
+- [charts] Add l10n to the bar accessibility (#21815) @alexfauquette
+- [charts] Add localization for the basic charts (#21822) @alexfauquette
+- [charts] Add voiceover component (#21344) @alexfauquette
+- [charts] Allow axes to automatically resize to content (#21087) @JCQuintas
+- [charts] Document multiple use-cases for references (#21768) @alexfauquette
+- [charts] Remove compatibility layer for React vs native events (#21780) @JCQuintas
+- [charts] Remove deprecated `barLabel` props (#21783) @alexfauquette
+- [charts] Show axis tooltip when navigating with keyboard (#21689) @Copilot
+
+#### `@mui/x-charts-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.0-beta.0`.
+
+#### `@mui/x-charts-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.0-beta.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.0-alpha.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document how to customize voiceover announcement (#21833) @alexfauquette
+- [docs] Remove Discord mention from docs (#21855) @mapache-salvaje
+- [docs] Remove stabilized experimental feature from demo (#21869) @JCQuintas
+- [docs] Update telemetry guide to reflect pseudonymous data collection and license compliance (#21812) @aemartos
+- [docs] Revise the Sparkline doc (#21614) @mapache-salvaje
+- [docs] Revise the Gauge doc (#21673) @mapache-salvaje
+- [docs] Revise the Heatmap doc (#21676) @mapache-salvaje
+
+### Core
+
+- [code-infra] Remove unused deps and unify es-toolkit via catalog (#21840) @Janpot
+- [code-infra] Update @mui/internal-bundle-size-checker to canary.68 (#21836) @Janpot
+- [code-infra] Update next (#21837) @Janpot
+- [internal] Remove headless data grid packages (#21843) @cherniavskii
+
+### Miscellaneous
+
+- Add @romgrk to CODEOWNERS for `x-virtualizer` and `x-internals` (#21819) @Copilot
+- [x-license] add 2022 plan version (#21814) @aemartos
+
+## 9.0.0-alpha.4
+
+_Mar 19, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.4`
+
+- [DataGrid] Mark charts integration as stable (#21764) @JCQuintas
+- [DataGrid] Move `elementOverrides` to constants and remove duplicates (#21618) @sai6855
+- [DataGrid] Migrate from deprecated Material UI APIs (#21682) @siriwatknp
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.0-alpha.4`.
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.4`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.4`
+
+- [pickers] Avoid stealing focus on click away (#13434) @LukasTy
+- [pickers] Promote `fieldRef` to stable and add `clearValue` method (#21655) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.0-alpha.4`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.4`
+
+- [charts] Add v9 chart series types and helper functions migration (#21009) @bernardobelchior
+- [charts] Extract event listener to the layer container (#21751) @alexfauquette
+- [charts] Fix WebGL print export canvas stretching (#21738) @JCQuintas
+- [charts] Improve deprecation warnings (#21760) @alexfauquette
+- [charts] Improve type safety in `identifierCleaner` (#21719) @bernardobelchior
+- [charts] Make `preferStrictDomainInLineCharts` the default (#21744) @JCQuintas
+- [charts] Move title and description to the layer container (#21757) @alexfauquette
+- [charts] Refactor `FunnelChart` classes structure (#21652) @JCQuintas
+- [charts] Refactor `Heatmap` classes structure (#21653) @JCQuintas
+- [charts] Refactor `RadarChart` classes structure (#21650) @JCQuintas
+- [charts] Refactor `SankeyChart` classes structure (#21654) @JCQuintas
+- [charts] Refactor legend getters to use utility functions (#21628) @sai6855
+- [charts] Remove deprecated `ChartContainer` and `ChartDataProvider` (#21777) @alexfauquette
+- [charts] Remove deprecated `itemId` from `SeriesLegendItemContext` (#21788) @alexfauquette
+- [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
+- [charts] Remove deprecated classes (#21775) @alexfauquette
+- [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
+- [charts] Remove get\*UtilityClass from public exports (#21769) @JCQuintas
+- [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
+- [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
+- [charts] Remove deprecated props about voronoi (#21796) @alexfauquette
+- [charts] Remove deprecated pieArcClasses (#21795) @alexfauquette
+- [charts] Rename `data-series-id` by `data-series` (#21761) @alexfauquette
+- [charts] Rename `voronoiMaxRadius`/`disableVoronoi` to `hitAreaRadius`/`disableHitArea` (#21750) @bernardobelchior
+- [charts] Update pt-PT locale (#21296) @bernardobelchior
+- [charts] Use different shape per series by default (#21713) @alexfauquette
+- [charts] Add className prop to Radar components (#21794) @JCQuintas
+- [charts] Add className prop to shared chart components (#21792) @JCQuintas
+- [charts] Add className prop to BarPlot (#21791) @JCQuintas
+- [charts] Portal tooltip into ChartsLayerContainer (#21801) @JCQuintas
+
+#### `@mui/x-charts-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.0-alpha.4`, plus:
+
+- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21716) @JCQuintas
+- [charts-pro] Remove deprecated `onAxisClick` for Heatmap (#21786) @alexfauquette
+
+#### `@mui/x-charts-premium@9.0.0-alpha.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.0-alpha.4`, plus:
+
+- [charts-premium] Add candlestick chart (#21129) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.0-alpha.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs-infra] Exclude `ServerSideLazyLoadingRevalidation` from argos (#21734) @sai6855
+- [docs] Update charts v9 migration guide to include premium package (#21743) @bernardobelchior
+- [docs] Update v9 migration guides to install next tag (#21741) @bernardobelchior
+- [docs] Revise the Pie chart docs (#21565) @mapache-salvaje
+- [docs] Revise the Bar Chart docs (#21482) @mapache-salvaje
+- [docs] Removed a `console.log` from an aggregation demo (#21698) @michelengelen
+
+### Core
+
+- [code-infra] Add pkg-pr-new as dev dependency (#21754) @Janpot
+- [code-infra] Prevent `combiner` to have default parameters (#21707) @JCQuintas
+- [code-infra] Remove CI coverage collection and upload to Codecov (#21671) @Janpot
+- [internal] Remove @bernardobelchior from Charts CODEOWNERS (#21776) @Copilot
+
+### Miscellaneous
+
+- [x-license] Fix process.env.MUI_VERSION not being replaced during build (#21727) @aemartos
+- [x-license] Add new watermark license status message (#21720) @aemartos
+
 ## 9.0.0-alpha.3
 
 _Mar 12, 2026_

package/ChartsAxis/index.d.mts

@@ -1,2 +1,3 @@
 export * from "./ChartsAxis.mjs";
-export * from "./axisClasses.mjs";
+export { axisClasses } from "./axisClasses.mjs";
+export type { ChartsAxisClasses, ChartsAxisClassKey } from "./axisClasses.mjs";

package/ChartsAxis/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./ChartsAxis.js";
-export * from "./axisClasses.js";
+export { axisClasses } from "./axisClasses.js";
+export type { ChartsAxisClasses, ChartsAxisClassKey } from "./axisClasses.js";

package/ChartsAxis/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  axisClasses: true
+};
+Object.defineProperty(exports, "axisClasses", {
+  enumerable: true,
+  get: function () {
+    return _axisClasses.axisClasses;
+  }
+});
 var _ChartsAxis = require("./ChartsAxis");
 Object.keys(_ChartsAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxis[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -14,14 +24,4 @@ Object.keys(_ChartsAxis).forEach(function (key) {
     }
   });
 });
-var _axisClasses = require("./axisClasses");
-Object.keys(_axisClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _axisClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _axisClasses[key];
-    }
-  });
-});
+var _axisClasses = require("./axisClasses");

package/ChartsAxis/index.mjs

@@ -1,2 +1,2 @@
 export * from "./ChartsAxis.mjs";
-export * from "./axisClasses.mjs";
+export { axisClasses } from "./axisClasses.mjs";

package/ChartsAxisHighlight/index.d.mts

@@ -1,4 +1,5 @@
 export * from "./ChartsAxisHighlight.mjs";
-export * from "./chartsAxisHighlightClasses.mjs";
+export { chartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.mjs";
+export type { ChartsAxisHighlightClasses, ChartsAxisHighlightClassKey } from "./chartsAxisHighlightClasses.mjs";
 export * from "./ChartsAxisHighlight.types.mjs";
 export * from "./ChartsAxisHighlightPath.mjs";

package/ChartsAxisHighlight/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./ChartsAxisHighlight.js";
-export * from "./chartsAxisHighlightClasses.js";
+export { chartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
+export type { ChartsAxisHighlightClasses, ChartsAxisHighlightClassKey } from "./chartsAxisHighlightClasses.js";
 export * from "./ChartsAxisHighlight.types.js";
 export * from "./ChartsAxisHighlightPath.js";

package/ChartsAxisHighlight/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  chartsAxisHighlightClasses: true
+};
+Object.defineProperty(exports, "chartsAxisHighlightClasses", {
+  enumerable: true,
+  get: function () {
+    return _chartsAxisHighlightClasses.chartsAxisHighlightClasses;
+  }
+});
 var _ChartsAxisHighlight = require("./ChartsAxisHighlight");
 Object.keys(_ChartsAxisHighlight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxisHighlight[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -15,19 +25,10 @@ Object.keys(_ChartsAxisHighlight).forEach(function (key) {
   });
 });
 var _chartsAxisHighlightClasses = require("./chartsAxisHighlightClasses");
-Object.keys(_chartsAxisHighlightClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _chartsAxisHighlightClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chartsAxisHighlightClasses[key];
-    }
-  });
-});
 var _ChartsAxisHighlight2 = require("./ChartsAxisHighlight.types");
 Object.keys(_ChartsAxisHighlight2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxisHighlight2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,6 +40,7 @@ Object.keys(_ChartsAxisHighlight2).forEach(function (key) {
 var _ChartsAxisHighlightPath = require("./ChartsAxisHighlightPath");
 Object.keys(_ChartsAxisHighlightPath).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsAxisHighlightPath[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/ChartsAxisHighlight/index.mjs

@@ -1,4 +1,4 @@
 export * from "./ChartsAxisHighlight.mjs";
-export * from "./chartsAxisHighlightClasses.mjs";
+export { chartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.mjs";
 export * from "./ChartsAxisHighlight.types.mjs";
 export * from "./ChartsAxisHighlightPath.mjs";

package/ChartsBrushOverlay/ChartsBrushOverlay.d.mts

@@ -1,4 +1,9 @@
-export interface ChartsBrushOverlayProps {}
+export interface ChartsBrushOverlayProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+}
 /**
  * Component that renders visual feedback during brush interaction
  */

package/ChartsBrushOverlay/ChartsBrushOverlay.d.ts

@@ -1,4 +1,9 @@
-export interface ChartsBrushOverlayProps {}
+export interface ChartsBrushOverlayProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+}
 /**
  * Component that renders visual feedback during brush interaction
  */