@mui/x-charts 9.0.0-alpha.3 → 9.0.0-alpha.4

package/BarChart/BarPlot.d.mts

@@ -7,6 +7,10 @@ import { type RendererType } from "../ScatterChart/index.mjs";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface BarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
   /**
    * If `true`, animations are skipped.
    * @default undefined

package/BarChart/BarPlot.d.ts

@@ -7,6 +7,10 @@ import { type RendererType } from "../ScatterChart/index.js";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface BarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
   /**
    * If `true`, animations are skipped.
    * @default undefined

package/BarChart/BarPlot.js

@@ -11,6 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _hooks = require("../hooks");
 var _BarLabelPlot = require("./BarLabel/BarLabelPlot");
@@ -22,7 +23,7 @@ var _animation = require("../internals/animation/animation");
 var _IndividualBarPlot = require("./IndividualBarPlot");
 var _BatchBarPlot = require("./BatchBarPlot");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
+const _excluded = ["className", "skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
 const BarPlotRoot = (0, _styles.styled)('g', {
   name: 'MuiBarPlot',
   slot: 'Root'
@@ -47,6 +48,7 @@ const BarPlotRoot = (0, _styles.styled)('g', {
  */
 function BarPlot(props) {
   const {
+      className,
       skipAnimation: inSkipAnimation,
       onItemClick,
       borderRadius,
@@ -70,7 +72,7 @@ function BarPlot(props) {
   const classes = (0, _barClasses.useUtilityClasses)();
   const BarElementPlot = renderer === 'svg-batch' ? _BatchBarPlot.BatchBarPlot : _IndividualBarPlot.IndividualBarPlot;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BarPlotRoot, {
-    className: classes.root,
+    className: (0, _clsx.default)(classes.root, className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BarElementPlot, (0, _extends2.default)({
       completedData: completedData,
       masksData: masksData
@@ -108,6 +110,10 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * Defines the border radius of the bar element.
    */
   borderRadius: _propTypes.default.number,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * Callback fired when a bar item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/BarChart/BarPlot.mjs

@@ -2,9 +2,10 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
+const _excluded = ["className", "skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { useDrawingArea, useXAxes, useYAxes } from "../hooks/index.mjs";
 import { BarLabelPlot } from "./BarLabel/BarLabelPlot.mjs";
@@ -40,6 +41,7 @@ const BarPlotRoot = styled('g', {
  */
 function BarPlot(props) {
   const {
+      className,
       skipAnimation: inSkipAnimation,
       onItemClick,
       borderRadius,
@@ -63,7 +65,7 @@ function BarPlot(props) {
   const classes = useUtilityClasses();
   const BarElementPlot = renderer === 'svg-batch' ? BatchBarPlot : IndividualBarPlot;
   return /*#__PURE__*/_jsxs(BarPlotRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     children: [/*#__PURE__*/_jsx(BarElementPlot, _extends({
       completedData: completedData,
       masksData: masksData
@@ -101,6 +103,10 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * Defines the border radius of the bar element.
    */
   borderRadius: PropTypes.number,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * Callback fired when a bar item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/BarChart/BatchBarPlot/BatchBarPlot.js

@@ -9,7 +9,7 @@ exports.BatchBarPlot = BatchBarPlot;
 var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../../hooks");
 var _barClasses = require("../barClasses");
-var _useChartContext = require("../../context/ChartProvider/useChartContext");
+var _useChartsContext = require("../../context/ChartsProvider/useChartsContext");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
 var _useRegisterItemClickHandlers = require("../useRegisterItemClickHandlers");
 var _useCreateBarPaths = require("./useCreateBarPaths");
@@ -66,7 +66,7 @@ function SeriesBatchPlot({
   const classes = (0, _barClasses.useUtilityClasses)();
   const {
     store
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const isSeriesHighlighted = store.use(_useChartHighlight.selectorChartIsSeriesHighlighted, series.seriesId);
   const isSeriesFaded = store.use(_useChartHighlight.selectorChartIsSeriesFaded, series.seriesId);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
@@ -115,7 +115,7 @@ function FadedHighlightedBars({
 }) {
   const {
     store
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const seriesHighlightedDataIndex = store.use(_useChartHighlight.selectorChartSeriesHighlightedItem, processedSeries.seriesId);
   const seriesUnfadedDataIndex = store.use(_useChartHighlight.selectorChartSeriesUnfadedItem, processedSeries.seriesId);
   const seriesHighlightedItem = seriesHighlightedDataIndex != null ? processedSeries.data.find(v => v.dataIndex === seriesHighlightedDataIndex) || null : null;

package/BarChart/BatchBarPlot/BatchBarPlot.mjs

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useChartsLayerContainerRef } from "../../hooks/index.mjs";
 import { useUtilityClasses } from "../barClasses.mjs";
-import { useChartContext } from "../../context/ChartProvider/useChartContext.mjs";
+import { useChartsContext } from "../../context/ChartsProvider/useChartsContext.mjs";
 import { selectorChartIsSeriesFaded, selectorChartIsSeriesHighlighted, selectorChartSeriesHighlightedItem, selectorChartSeriesUnfadedItem } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
 import { useRegisterItemClickHandlers } from "../useRegisterItemClickHandlers.mjs";
 import { createPath, useCreateBarPaths } from "./useCreateBarPaths.mjs";
@@ -60,7 +60,7 @@ function SeriesBatchPlot({
   const classes = useUtilityClasses();
   const {
     store
-  } = useChartContext();
+  } = useChartsContext();
   const isSeriesHighlighted = store.use(selectorChartIsSeriesHighlighted, series.seriesId);
   const isSeriesFaded = store.use(selectorChartIsSeriesFaded, series.seriesId);
   return /*#__PURE__*/_jsxs(React.Fragment, {
@@ -109,7 +109,7 @@ function FadedHighlightedBars({
 }) {
   const {
     store
-  } = useChartContext();
+  } = useChartsContext();
   const seriesHighlightedDataIndex = store.use(selectorChartSeriesHighlightedItem, processedSeries.seriesId);
   const seriesUnfadedDataIndex = store.use(selectorChartSeriesUnfadedItem, processedSeries.seriesId);
   const seriesHighlightedItem = seriesHighlightedDataIndex != null ? processedSeries.data.find(v => v.dataIndex === seriesHighlightedDataIndex) || null : null;

package/BarChart/index.d.mts

@@ -3,7 +3,6 @@ export * from "./BarPlot.mjs";
 export * from "./BarElement.mjs";
 export * from "./BarLabel/index.mjs";
 export * from "./FocusedBar.mjs";
-export * from "./barElementClasses.mjs";
 export * from "./BarChart.plugins.mjs";
 export { type BarProps } from "./AnimatedBarElement.mjs";
 export { barClasses } from "./barClasses.mjs";

package/BarChart/index.d.ts

@@ -3,7 +3,6 @@ export * from "./BarPlot.js";
 export * from "./BarElement.js";
 export * from "./BarLabel/index.js";
 export * from "./FocusedBar.js";
-export * from "./barElementClasses.js";
 export * from "./BarChart.plugins.js";
 export { type BarProps } from "./AnimatedBarElement.js";
 export { barClasses } from "./barClasses.js";

package/BarChart/index.js

@@ -72,18 +72,6 @@ Object.keys(_FocusedBar).forEach(function (key) {
     }
   });
 });
-var _barElementClasses = require("./barElementClasses");
-Object.keys(_barElementClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _barElementClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _barElementClasses[key];
-    }
-  });
-});
 var _BarChart2 = require("./BarChart.plugins");
 Object.keys(_BarChart2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/BarChart/index.mjs

@@ -3,6 +3,5 @@ export * from "./BarPlot.mjs";
 export * from "./BarElement.mjs";
 export * from "./BarLabel/index.mjs";
 export * from "./FocusedBar.mjs";
-export * from "./barElementClasses.mjs";
 export * from "./BarChart.plugins.mjs";
 export { barClasses } from "./barClasses.mjs";

package/BarChart/seriesConfig/bar/legend.js

@@ -4,25 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getLabel = require("../../../internals/getLabel");
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = (0, _getLabel.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;
-  }, []);
-};
+var _legendUtils = require("../../../internals/legendUtils");
+const legendGetter = series => (0, _legendUtils.getSeriesLegendItems)('bar', series);
 var _default = exports.default = legendGetter;

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/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

@@ -90,7 +90,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,
@@ -151,7 +151,7 @@ const useBarChartProps = props => {
   };
   return {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     gridProps,
     clipPathProps,

package/BarChart/useBarChartProps.mjs

@@ -83,7 +83,7 @@ export const useBarChartProps = props => {
       scaleType: 'band'
     }, axis)) : yAxis;
   }, [defaultYAxis, hasHorizontalSeries, yAxis]);
-  const chartContainerProps = _extends({}, other, {
+  const chartsContainerProps = _extends({}, other, {
     series: seriesWithDefault,
     width,
     height,
@@ -144,7 +144,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,128 @@
 # Changelog
 
+## 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
  */