@mui/x-charts-premium 9.0.0-alpha.0 → 9.0.0-alpha.1

package/BarChartPremium/BarChartPremium.d.ts

@@ -39,5 +39,5 @@ export interface BarChartPremiumProps extends Omit<BarChartProProps, 'series' |
  *
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
-declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<SVGSVGElement>>;
+declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<HTMLDivElement>>;
 export { BarChartPremium };

package/BarChartPremium/BarChartPremium.js

@@ -82,11 +82,12 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
     onZoomChange,
     apiRef,
     plugins: _BarChartPremium2.BAR_CHART_PREMIUM_PLUGINS
-  }), ref);
+  }));
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderProProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
+      ref: ref,
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, (0, _extends2.default)({}, barPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeBarPlot.RangeBarPlot, (0, _extends2.default)({}, rangeBarPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.FocusedBar, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedRangeBar.FocusedRangeBar, {})]
@@ -197,8 +198,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    */
   hiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string,
-    type: _propTypes.default.oneOf(['bar']).isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar'])
   })),
   /**
    * If `true`, the legend is not rendered.
@@ -248,8 +249,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    */
   initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string,
-    type: _propTypes.default.oneOf(['bar']).isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar'])
   })),
   /**
    * The list of zoom data related to each axis.
@@ -318,6 +319,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @param {BarItemIdentifier | RangeBarItemIdentifier} itemIdentifier The item identifier.
    */
   onItemClick: _propTypes.default.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: _propTypes.default.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -367,6 +376,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   theme: _propTypes.default.oneOf(['dark', 'light']),
   title: _propTypes.default.string,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    dataIndex: _propTypes.default.number.isRequired
+  })),
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
@@ -374,7 +391,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   tooltipItem: _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar']).isRequired
+    type: _propTypes.default.oneOf(['bar'])
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/BarChartPremium/RangeBar/seriesConfig/keyboardFocusHandler.js

@@ -5,18 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _internals = require("@mui/x-charts/internals");
-const keyboardFocusHandler = event => {
-  switch (event.key) {
-    case 'ArrowRight':
-      return (0, _internals.createGetNextIndexFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowLeft':
-      return (0, _internals.createGetPreviousIndexFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowDown':
-      return (0, _internals.createGetPreviousSeriesFocusedItem)(_internals.composableCartesianSeriesTypes);
-    case 'ArrowUp':
-      return (0, _internals.createGetNextSeriesFocusedItem)(_internals.composableCartesianSeriesTypes);
-    default:
-      return null;
-  }
-};
+const keyboardFocusHandler = (0, _internals.createCommonKeyboardFocusHandler)(_internals.composableCartesianSeriesTypes);
 var _default = exports.default = keyboardFocusHandler;

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # Changelog
 
+## 9.0.0-alpha.1
+
+_Feb 26, 2026_
+
+We'd like to extend a big thank you to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡️ Improved dynamic data support and cache invalidation in lazy loading for Data Grid Pro
+- ⌨️ Keyboard support for selecting day, month, and year in Date Pickers
+- 📊 Axis tooltip sorting and control improvements in Charts
+- 🐞 Bugfixes and internal improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@EllGree, @lion1963
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @cherniavskii, @dav-is, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp, @ZeeshanTamboli
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.1`
+
+- [DataGrid] Forward rest props in `GridFilterInputMultipleValue` (#21407) @siriwatknp
+- [DataGrid] Preserve key input during row edit when using `rowModesModel` (#20759) @michelengelen
+- [DataGrid] Remove double rtl inversion logic for columns pinning (#21371) @siriwatknp
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.1` [![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.1`, plus:
+
+- [DataGridPro] Fix number input visibility in header filters (#21328) @michelengelen
+- [DataGridPro] Improve dynamic data support and cache invalidation in lazy loading (#21282) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.1` [![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.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.1`
+
+- [DatePicker] Add keyboard support for selecting day, month, and year (#20859) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.1` [![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.1`, plus:
+
+- [DateRangePicker] Fix timezone update issue leading to `invalidRange` error (#20863) @michelengelen
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.1`
+
+- [charts] Add `sort` props to the axis tooltip (#21293) @alexfauquette
+- [charts] Controll axis tooltip (#21351) @alexfauquette
+- [charts] De duplicate keyboard focus handler function (#21267) @sai6855
+- [charts] Make `type` optional in identifiers (#21311) @alexfauquette
+- [charts] Move ref to the root component (#21396) @alexfauquette
+- [charts] Refactor loading and no data overlays to use a shared OverlayText component (#21414) @sai6855
+- [charts] Require series ids to be unique (#21330) @alexfauquette
+- [charts] Set `showMark` as `false` by default (#21373) @alexfauquette
+- [charts] Use `createGetNextIndexFocusedItem()` util in Funnel and RangeBar charts (#21390) @sai6855
+- [charts] Remove unnecessary string concatenation (#21418) @sai6855
+
+#### `@mui/x-charts-pro@9.0.0-alpha.1` [![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.1`.
+
+#### `@mui/x-charts-premium@9.0.0-alpha.1` [![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.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.1`
+
+- [tree view] Focus item sibling on unmount instead of the 1st item (#21254) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.1` [![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.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix external 301s (#21377) @Janpot
+- [docs] Show premium in the overview (#21343) @alexfauquette
+- [docs][charts] Revise the useLegend hook doc (#21352) @mapache-salvaje
+- [docs][charts] Revise the axis hooks doc (#21317) @mapache-salvaje
+- [docs][charts] Revise the scale hooks doc (#21316) @mapache-salvaje
+- [docs][charts] Revise the series hooks doc (#21353) @mapache-salvaje
+- [docs][charts] Revise the useDataset doc (#21336) @mapache-salvaje
+- [docs][charts] Revise the useDrawingArea doc (#21333) @mapache-salvaje
+
+### Core
+
+- [core] Update docs deploy script to the `docs-next` branch (#21341) @siriwatknp
+- [code-infra] Cleanup unused babel plugins (#21453) @brijeshb42
+- [code-infra] Do not append `x` to the last version for the compare API (#21408) @arminmeh
+- [code-infra] Upgrade react-docgen to v8 X (#21155) @JCQuintas
+- [code-infra] Modernize codemod (#21096) @JCQuintas
+- [docs-infra] Fix current version detection logic (#21417) @cherniavskii
+- [docs-infra] Reapply Cookie Banner (#21281) @dav-is
+- [internal] Headless filtering plugin (#21302) @arminmeh
+- [internal] Headless pagination plugin (#21183) @arminmeh
+- [internal] Headless virtualization followups (#21327) @cherniavskii
+- [internal] Keep cached data for disabled pipe processors (#21348) @arminmeh
+- [internal] Remove autoprefixer package (#21440) @ZeeshanTamboli
+
+### Miscellaneous
+
+- [l10n] Fix Czech (csCZ) locale: sort/filter labels are swapped (#21400) @EllGree
+- [l10n] Improve Ukrainian (uk-UA) locale (#21366) @lion1963
+
 ## 9.0.0-alpha.0
 
 _Feb 16, 2026_

package/ChartDataProviderPremium/ChartDataProviderPremium.js

@@ -18,7 +18,7 @@ var _seriesConfig = require("../BarChartPremium/RangeBar/seriesConfig");
 var _allPlugins = require("../internals/plugins/allPlugins");
 var _useChartDataProviderPremiumProps = require("./useChartDataProviderPremiumProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const releaseInfo = "MTc3MTIwMDAwMDAwMA==";
+const releaseInfo = "MTc3MjA2NDAwMDAwMA==";
 const packageIdentifier = 'x-charts-premium';
 const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {
   rangeBar: _seriesConfig.rangeBarSeriesConfig

package/ChartsContainerPremium/ChartsContainerPremium.js

@@ -42,9 +42,10 @@ const ChartsContainerPremium = exports.ChartsContainerPremium = /*#__PURE__*/Rea
     chartDataProviderPremiumProps,
     children,
     chartsSurfaceProps
-  } = (0, _useChartsContainerPremiumProps.useChartsContainerPremiumProps)(props, ref);
+  } = (0, _useChartsContainerPremiumProps.useChartsContainerPremiumProps)(props);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderPremiumProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
+      ref: ref,
       children: children
     }))
   }));

package/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts

@@ -1,4 +1,3 @@
-import type * as React from 'react';
 import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
 import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
@@ -6,4 +5,4 @@ import type { ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/
 export type UseChartsContainerPremiumPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
   chartDataProviderPremiumProps: ChartDataProviderPremiumProps<TSeries, TSignatures>;
 };
-export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;
+export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;

package/ChartsContainerPremium/useChartsContainerPremiumProps.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _internals = require("@mui/x-charts-pro/internals");
 var _allPlugins = require("../internals/plugins/allPlugins");
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
-function useChartsContainerPremiumProps(props, ref) {
+function useChartsContainerPremiumProps(props) {
   const _ref = props,
     {
       plugins
@@ -21,7 +21,7 @@ function useChartsContainerPremiumProps(props, ref) {
     chartDataProviderProProps,
     chartsSurfaceProps,
     children
-  } = (0, _internals.useChartsContainerProProps)(baseProps, ref);
+  } = (0, _internals.useChartsContainerProProps)(baseProps);
   const chartDataProviderPremiumProps = (0, _extends2.default)({}, chartDataProviderProProps, {
     plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS
   });

package/HeatmapPremium/HeatmapPremium.js

@@ -176,9 +176,17 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    * The callback fired when an item is clicked.
    *
    * @param {React.MouseEvent<SVGSVGElement, MouseEvent>} event The click event.
-   * @param {SeriesItemIdentifier<SeriesType>} item The clicked item.
+   * @param {SeriesItemIdentifierWithType<SeriesType>} item The clicked item.
    */
   onItemClick: _propTypes.default.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: _propTypes.default.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -226,6 +234,14 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
    */
   tooltip: _propTypes.default.object,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    dataIndex: _propTypes.default.number.isRequired
+  })),
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
@@ -233,7 +249,7 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
   tooltipItem: _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['heatmap']).isRequired,
+    type: _propTypes.default.oneOf(['heatmap']),
     xIndex: _propTypes.default.number.isRequired,
     yIndex: _propTypes.default.number.isRequired
   }),

package/esm/BarChartPremium/BarChartPremium.d.ts

@@ -39,5 +39,5 @@ export interface BarChartPremiumProps extends Omit<BarChartProProps, 'series' |
  *
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
-declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<SVGSVGElement>>;
+declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<HTMLDivElement>>;
 export { BarChartPremium };

package/esm/BarChartPremium/BarChartPremium.js

@@ -75,11 +75,12 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
     onZoomChange,
     apiRef,
     plugins: BAR_CHART_PREMIUM_PLUGINS
-  }), ref);
+  }));
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderProProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
+      ref: ref,
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(BarPlot, _extends({}, barPlotProps)), /*#__PURE__*/_jsx(RangeBarPlot, _extends({}, rangeBarPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(FocusedBar, {}), /*#__PURE__*/_jsx(FocusedRangeBar, {})]
@@ -190,8 +191,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    */
   hiddenItems: PropTypes.arrayOf(PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string,
-    type: PropTypes.oneOf(['bar']).isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar'])
   })),
   /**
    * If `true`, the legend is not rendered.
@@ -241,8 +242,8 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    */
   initialHiddenItems: PropTypes.arrayOf(PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string,
-    type: PropTypes.oneOf(['bar']).isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar'])
   })),
   /**
    * The list of zoom data related to each axis.
@@ -311,6 +312,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @param {BarItemIdentifier | RangeBarItemIdentifier} itemIdentifier The item identifier.
    */
   onItemClick: PropTypes.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: PropTypes.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -360,6 +369,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   theme: PropTypes.oneOf(['dark', 'light']),
   title: PropTypes.string,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: PropTypes.arrayOf(PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    dataIndex: PropTypes.number.isRequired
+  })),
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
@@ -367,7 +384,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   tooltipItem: PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar']).isRequired
+    type: PropTypes.oneOf(['bar'])
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/esm/BarChartPremium/RangeBar/seriesConfig/keyboardFocusHandler.js

@@ -1,16 +1,3 @@
-import { createGetNextIndexFocusedItem, createGetPreviousIndexFocusedItem, createGetNextSeriesFocusedItem, createGetPreviousSeriesFocusedItem, composableCartesianSeriesTypes } from '@mui/x-charts/internals';
-const keyboardFocusHandler = event => {
-  switch (event.key) {
-    case 'ArrowRight':
-      return createGetNextIndexFocusedItem(composableCartesianSeriesTypes);
-    case 'ArrowLeft':
-      return createGetPreviousIndexFocusedItem(composableCartesianSeriesTypes);
-    case 'ArrowDown':
-      return createGetPreviousSeriesFocusedItem(composableCartesianSeriesTypes);
-    case 'ArrowUp':
-      return createGetNextSeriesFocusedItem(composableCartesianSeriesTypes);
-    default:
-      return null;
-  }
-};
+import { composableCartesianSeriesTypes, createCommonKeyboardFocusHandler } from '@mui/x-charts/internals';
+const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes);
 export default keyboardFocusHandler;

package/esm/ChartDataProviderPremium/ChartDataProviderPremium.js

@@ -12,7 +12,7 @@ import { rangeBarSeriesConfig } from "../BarChartPremium/RangeBar/seriesConfig/i
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
 import { useChartDataProviderPremiumProps } from "./useChartDataProviderPremiumProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc3MTIwMDAwMDAwMA==";
+const releaseInfo = "MTc3MjA2NDAwMDAwMA==";
 const packageIdentifier = 'x-charts-premium';
 export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {
   rangeBar: rangeBarSeriesConfig

package/esm/ChartsContainerPremium/ChartsContainerPremium.js

@@ -35,9 +35,10 @@ const ChartsContainerPremium = /*#__PURE__*/React.forwardRef(function ChartsCont
     chartDataProviderPremiumProps,
     children,
     chartsSurfaceProps
-  } = useChartsContainerPremiumProps(props, ref);
+  } = useChartsContainerPremiumProps(props);
   return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderPremiumProps, {
     children: /*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
+      ref: ref,
       children: children
     }))
   }));

package/esm/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts

@@ -1,4 +1,3 @@
-import type * as React from 'react';
 import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
 import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
@@ -6,4 +5,4 @@ import type { ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/
 export type UseChartsContainerPremiumPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
   chartDataProviderPremiumProps: ChartDataProviderPremiumProps<TSeries, TSignatures>;
 };
-export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;
+export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;

package/esm/ChartsContainerPremium/useChartsContainerPremiumProps.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
 import { useChartsContainerProProps } from '@mui/x-charts-pro/internals';
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
-export function useChartsContainerPremiumProps(props, ref) {
+export function useChartsContainerPremiumProps(props) {
   const _ref = props,
     {
       plugins
@@ -15,7 +15,7 @@ export function useChartsContainerPremiumProps(props, ref) {
     chartDataProviderProProps,
     chartsSurfaceProps,
     children
-  } = useChartsContainerProProps(baseProps, ref);
+  } = useChartsContainerProProps(baseProps);
   const chartDataProviderPremiumProps = _extends({}, chartDataProviderProProps, {
     plugins: plugins ?? DEFAULT_PLUGINS
   });

package/esm/HeatmapPremium/HeatmapPremium.js

@@ -169,9 +169,17 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    * The callback fired when an item is clicked.
    *
    * @param {React.MouseEvent<SVGSVGElement, MouseEvent>} event The click event.
-   * @param {SeriesItemIdentifier<SeriesType>} item The clicked item.
+   * @param {SeriesItemIdentifierWithType<SeriesType>} item The clicked item.
    */
   onItemClick: PropTypes.func,
+  /**
+   * The function called when the pointer position corresponds to a new axis data item.
+   * This update can either be caused by a pointer movement, or an axis update.
+   * In case of multiple axes, the function is called if at least one axis is updated.
+   * The argument contains the identifier for all axes with a `data` property.
+   * @param {AxisItemIdentifier[]} axisItems The array of axes item identifiers.
+   */
+  onTooltipAxisChange: PropTypes.func,
   /**
    * The callback fired when the tooltip item changes.
    *
@@ -219,6 +227,14 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
    * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
    */
   tooltip: PropTypes.object,
+  /**
+   * The controlled axis tooltip.
+   * Identified by the axis id, and data index.
+   */
+  tooltipAxis: PropTypes.arrayOf(PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    dataIndex: PropTypes.number.isRequired
+  })),
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
@@ -226,7 +242,7 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
   tooltipItem: PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['heatmap']).isRequired,
+    type: PropTypes.oneOf(['heatmap']),
     xIndex: PropTypes.number.isRequired,
     yIndex: PropTypes.number.isRequired
   }),

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.0.0-alpha.0
+ * @mui/x-charts-premium v9.0.0-alpha.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.0.0-alpha.0
+ * @mui/x-charts-premium v9.0.0-alpha.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-premium",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0-alpha.1",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "^7.3.7",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "9.0.0-alpha.0",
-    "@mui/x-charts-pro": "9.0.0-alpha.0",
+    "@mui/x-charts": "9.0.0-alpha.1",
     "@mui/x-internals": "9.0.0-alpha.0",
-    "@mui/x-charts-vendor": "9.0.0-alpha.0",
-    "@mui/x-license": "9.0.0-alpha.0"
+    "@mui/x-charts-pro": "9.0.0-alpha.1",
+    "@mui/x-license": "9.0.0-alpha.0",
+    "@mui/x-charts-vendor": "9.0.0-alpha.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -60,11 +60,13 @@
     "node": ">=14.0.0"
   },
   "type": "commonjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
@@ -75,6 +77,10 @@
       }
     },
     "./*": {
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
+      },
       "require": {
         "types": "./*/index.d.ts",
         "default": "./*/index.js"
@@ -85,6 +91,10 @@
       }
     },
     "./moduleAugmentation/*": {
+      "import": {
+        "types": "./esm/moduleAugmentation/*.d.ts",
+        "default": "./esm/moduleAugmentation/*.js"
+      },
       "require": {
         "types": "./moduleAugmentation/*.d.ts",
         "default": "./moduleAugmentation/*.js"
@@ -95,5 +105,7 @@
       }
     },
     "./esm": null
-  }
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts"
 }