@mui/x-charts-pro 8.21.0 → 8.22.0

package/BarChartPro/BarChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { BarChartProps, BarChartSlotProps, BarChartSlots } from '@mui/x-charts/BarChart';
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
+import { type BarChartProps, type BarChartSlotProps, type BarChartSlots } from '@mui/x-charts/BarChart';
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
 export interface BarChartProSlots extends Omit<BarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface BarChartProSlotProps extends Omit<BarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/BarChartPro/BarChartPro.js

@@ -332,6 +332,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -400,6 +405,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -904,6 +914,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -971,6 +986,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),

package/BarChartPro/BarChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartBrushSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type BarChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'bar'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
+export type BarChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'bar'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export declare const BAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<BarChartProPluginSignatures>;

package/BarChartPro/BarChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.BAR_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/CHANGELOG.md

@@ -5,6 +5,142 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.22.0
+
+_Dec 11, 2025_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- Each Tree View component now exposes its own hook to initialize the `apiRef` object with accurate typing:
+
+  ```diff
+  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
+  +import { useSimpleTreeViewApiRef } from '@mui/x-tree-view/hooks';
+  -const apiRef = useTreeViewApiRef();
+  +const apiRef = useSimpleTreeViewApiRef();
+
+  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
+  +import { useRichTreeViewApiRef } from '@mui/x-tree-view/hooks';
+  -const apiRef = useTreeViewApiRef();
+  +const apiRef = useRichTreeViewApiRef();
+
+  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
+  +import { useRichTreeViewProApiRef } from '@mui/x-tree-view-pro/hooks';
+  -const apiRef = useTreeViewApiRef();
+  +const apiRef = useRichTreeViewProApiRef();
+  ```
+
+- 📚 [Tutorial](https://mui.com/x/react-data-grid/tutorials/server-side-data/) on building a Data Grid with server-side data
+- 🐞 Bugfixes
+
+Special thanks go out to this community member for their valuable contributions:
+@kzhgit
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @oliviertassinari
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.22.0`
+
+- [DataGrid] Sync component props with theme defaults (#20590) @michelengelen
+- [DataGrid] Add fallback for CSS `color-mix` if it is unsupported (#20597) @cherniavskii
+- [DataGrid] Use `baseTooltip` slot for column header sort icon (#20460) @kzhgit
+
+#### `@mui/x-data-grid-pro@8.22.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@8.22.0`.
+
+#### `@mui/x-data-grid-premium@8.22.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@8.22.0`, plus:
+
+- [DataGridPremium] Handle pivoting column name generation for empty strings (#20608) @arminmeh
+- [DataGridPremium] Pass a row with aggregated value to the custom aggregation function `valueFormatter` (#20607) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.22.0`
+
+- [pickers] Fix invalid date tests (#20606) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.22.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@8.22.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.22.0`
+
+- [charts] Add consistent animation duration and timing (#20564) @JCQuintas
+- [charts] Extract a tooltip plugin from the interaction one (#20591) @alexfauquette
+- [charts] General type improvements (#20565) @JCQuintas
+- [charts] Place ordinal ticks according to a continuous scale (#19808) @alexfauquette
+- [charts] Remove layout data from the tooltip internals (#20548) @alexfauquette
+- [charts] Remove usage of focus outline for item highlight (#19856) @alexfauquette
+- [charts] Simplify `MarkPlot` by moving calculation to `useMarkPlotData` (#20570) @JCQuintas
+- [charts] Use `store.state` over `store.getSnapshot()` (#20616) @bernardobelchior
+- [charts] Vendor flatqueue (#20610) @bernardobelchior
+- [charts] Extract pie layout computation (#20611) @alexfauquette
+- [charts][infra] Enable `@typescript-eslint/consistent-type-imports` eslint rules (#20560) @JCQuintas
+- [charts][infra] Enable `import/no-cycle` eslint rules (#20554) @JCQuintas
+
+#### `@mui/x-charts-pro@8.22.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@8.22.0`, plus:
+
+- [charts-pro] Display sankey labels on top of nodes (#20569) @alexfauquette
+
+#### `@mui/x-charts-premium@8.22.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@8.22.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.22.0`
+
+- [tree view] Expose one hook per component to initialize the `apiRef` (#20235) @flaviendelangle
+- [tree view] Update the typing of `updateItemChildren()` to accept `null` (#20483) @noraleonte
+
+#### `@mui/x-tree-view-pro@8.22.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-tree-view@8.22.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.22.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add tutorial on building a Data Grid with server-side data (DX-22) (#19782) @mapache-salvaje
+- [docs] Modify the default value for the stacking demo (#20596) @alexfauquette
+- [docs] Revise the Charts Custom Components doc (#19793) @mapache-salvaje
+- [docs] Remove copy-pasted `aria-label` (#20620) @alexfauquette
+
+### Core
+
+- [internal] Remove unsafe dependency version from range (#20574) @oliviertassinari
+
+### Miscellaneous
+
+- Bump `@mui/monorepo` digest to `800638d` (#20337) @renovate[bot]
+- Bump `@next/eslint-plugin-next` to `15.5.7` (#20575) @renovate[bot]
+- Bump GitHub Actions (#20577) @renovate[bot]
+- Bump Tanstack query to `^5.90.12` (#20582) @renovate[bot]
+- Bump Vite & Vitest (#20583) @renovate[bot]
+- Bump `eslint` to `^8.48.1` (#20576) @renovate[bot]
+- Bump `markdown-to-jsx` to `^9.3.2` (#20507) @renovate[bot]
+- Bump `motion` to `^12.23.25` (#20579) @renovate[bot]
+- Bump react monorepo to `19.2.1` (#20581) @renovate[bot]
+- Bump `react-hook-form` to `^7.68.0` (#20584) @renovate[bot]
+- Bump `react-router` to `^7.10.1` (#20341) @renovate[bot]
+- Bump `tsx` to `^4.21.0` (#20585) @renovate[bot]
+- Bump MUI infra packages (#20478) @renovate[bot]
+- [infra] Automatically add teams to release PRs (#20558) @JCQuintas
+- [infra] Fix codeowners typo (#20562) @JCQuintas
+
 ## 8.21.0
 
 _Dec 3, 2025_
@@ -115,7 +251,7 @@ Internal changes.
 - Bump react-hook-form to ^7.66.1 (#20497) @renovate[bot]
 - Bump rimraf to ^6.1.2 (#20498) @renovate[bot]
 - Bump webpack-bundle-analyzer to ^5.0.1 (#20508) @renovate[bot]
-- Bump next to ^15.5.6 [SECURITY] (#20555) @renovate[bot]
+- Bump next to ^15.5.7 [SECURITY] (#20555) @renovate[bot]
 
 ## 8.20.0
 

package/ChartContainerPro/ChartContainerPro.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ChartsSurfaceProps } from '@mui/x-charts/ChartsSurface';
-import { ChartAnyPluginSignature, ChartSeriesType } from '@mui/x-charts/internals';
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { ChartDataProviderProProps } from "../ChartDataProviderPro/index.js";
+import { type ChartsSurfaceProps } from '@mui/x-charts/ChartsSurface';
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartDataProviderProProps } from "../ChartDataProviderPro/index.js";
 export type ChartContainerProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProProps<TSeries, TSignatures> & ChartsSurfaceProps;
 type ChartContainerProComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerProProps<TSeries, TSignatures> & {
   ref?: React.ForwardedRef<SVGSVGElement>;

package/ChartContainerPro/useChartContainerProProps.d.ts

@@ -1,8 +1,8 @@
-import { ChartAnyPluginSignature, ChartSeriesType, UseChartContainerPropsReturnValue } from '@mui/x-charts/internals';
-import * as React from 'react';
-import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
+import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartContainerPropsReturnValue } from '@mui/x-charts/internals';
+import type * as React from 'react';
+import { type ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
 import type { ChartContainerProProps } from "./ChartContainerPro.js";
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 export type UseChartContainerProPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
   chartDataProviderProProps: ChartDataProviderProps<TSeries, TSignatures>;
 };

package/ChartDataProviderPro/ChartDataProviderPro.d.ts

@@ -1,7 +1,7 @@
-import { ChartSeriesType, ChartAnyPluginSignature, ChartProviderProps } from '@mui/x-charts/internals';
-import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartProviderProps } from '@mui/x-charts/internals';
+import { type ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 export type ChartDataProviderProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProps<TSeries, TSignatures> & ChartProviderProps<TSeries, TSignatures>['pluginParams'] & {
   /**
    * Slots to customize charts' components.

package/ChartDataProviderPro/ChartDataProviderPro.js

@@ -16,7 +16,7 @@ var _material = require("../internals/material");
 var _allPlugins = require("../internals/plugins/allPlugins");
 var _useChartDataProviderProProps = require("./useChartDataProviderProProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const releaseInfo = "MTc2NDgwNjQwMDAwMA==";
+const releaseInfo = "MTc2NTQxMTIwMDAwMA==";
 const packageIdentifier = 'x-charts-pro';
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/ChartDataProviderPro/useChartDataProviderProProps.d.ts

@@ -1,4 +1,4 @@
-import { ChartAnyPluginSignature, ChartSeriesType } from '@mui/x-charts/internals';
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
 import type { ChartDataProviderProProps } from "./ChartDataProviderPro.js";
 import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 export declare const useChartDataProviderProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>) => {

package/ChartZoomSlider/internals/ChartAxisZoomSlider.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 interface ChartZoomSliderProps {
   /**
    * The ID of the axis this overview refers to.

package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts

@@ -1,4 +1,4 @@
-import { AxisId, ZoomData } from '@mui/x-charts/internals';
+import { type AxisId, type ZoomData } from '@mui/x-charts/internals';
 export interface ChartAxisZoomSliderActiveTrackProps {
   axisId: AxisId;
   axisDirection: 'x' | 'y';

package/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js

@@ -88,7 +88,7 @@ function ChartAxisZoomSliderActiveTrack({
         return;
       }
       const point = (0, _internals.getSVGPoint)(element, event);
-      const pointerZoom = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, point);
+      const pointerZoom = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, point);
       if (pointerZoom === null) {
         return;
       }
@@ -104,13 +104,13 @@ function ChartAxisZoomSliderActiveTrack({
       // Prevent text selection when dragging
       event.preventDefault();
       activePreviewRect.setPointerCapture(event.pointerId);
-      const axisZoomData = (0, _useChartProZoom.selectorChartAxisZoomData)(store.getSnapshot(), axisId);
+      const axisZoomData = (0, _useChartProZoom.selectorChartAxisZoomData)(store.state, axisId);
       const element = svgRef.current;
       if (!axisZoomData || !element) {
         return;
       }
       const point = (0, _internals.getSVGPoint)(element, event);
-      const pointerDownZoom = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, point);
+      const pointerDownZoom = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, point);
       if (pointerDownZoom === null) {
         return;
       }
@@ -133,10 +133,10 @@ function ChartAxisZoomSliderActiveTrack({
     }
     const point = (0, _internals.getSVGPoint)(element, event);
     instance.setZoomData(prevZoomData => {
-      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.getSnapshot(), axisId);
+      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.state, axisId);
       return prevZoomData.map(zoom => {
         if (zoom.axisId === axisId) {
-          const newStart = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, point);
+          const newStart = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, point);
           if (newStart === null) {
             return zoom;
           }
@@ -155,10 +155,10 @@ function ChartAxisZoomSliderActiveTrack({
     }
     const point = (0, _internals.getSVGPoint)(element, event);
     instance.setZoomData(prevZoomData => {
-      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.getSnapshot(), axisId);
+      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.state, axisId);
       return prevZoomData.map(zoom => {
         if (zoom.axisId === axisId) {
-          const newEnd = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, point);
+          const newEnd = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, point);
           if (newEnd === null) {
             return zoom;
           }
@@ -181,7 +181,7 @@ function ChartAxisZoomSliderActiveTrack({
   const {
     minStart,
     maxEnd
-  } = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.getSnapshot(), axisId);
+  } = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.state, axisId);
   const range = maxEnd - minStart;
   const zoomStart = Math.max(minStart, zoomData.start);
   const zoomEnd = Math.min(zoomData.end, maxEnd);

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreview.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 interface ChartAxisZoomSliderPreviewProps {
   axisId: AxisId;
   axisDirection: 'x' | 'y';

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 interface ChartAxisZoomSliderPreviewContentProps {
   axisId: AxisId;
   x: number;

package/ChartZoomSlider/internals/ChartAxisZoomSliderTrack.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 interface ChartAxisZoomSliderTrackProps extends React.ComponentProps<'rect'> {
   axisId: AxisId;
   axisDirection: 'x' | 'y';

package/ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js

@@ -72,17 +72,17 @@ function ChartAxisZoomSliderTrack(_ref) {
       return;
     }
     const pointerDownPoint = (0, _internals.getSVGPoint)(element, event);
-    const zoomFromPointerDown = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, pointerDownPoint);
+    const zoomFromPointerDown = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, pointerDownPoint);
     if (zoomFromPointerDown === null) {
       return;
     }
     const onPointerMove = (0, _rafThrottle.rafThrottle)(function onPointerMove(pointerMoveEvent) {
       const pointerMovePoint = (0, _internals.getSVGPoint)(element, pointerMoveEvent);
-      const zoomFromPointerMove = (0, _zoomUtils.calculateZoomFromPoint)(store.getSnapshot(), axisId, pointerMovePoint);
+      const zoomFromPointerMove = (0, _zoomUtils.calculateZoomFromPoint)(store.state, axisId, pointerMovePoint);
       if (zoomFromPointerMove === null) {
         return;
       }
-      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.getSnapshot(), axisId);
+      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.state, axisId);
       instance.setAxisZoomData(axisId, prevZoomData => {
         if (zoomFromPointerMove > zoomFromPointerDown) {
           const end = (0, _zoomUtils.calculateZoomEnd)(zoomFromPointerMove, (0, _extends2.default)({}, prevZoomData, {

package/ChartZoomSlider/internals/ChartsTooltipZoomSliderValue.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PopperProps } from '@mui/material/Popper';
+import { type PopperProps } from '@mui/material/Popper';
 interface ChartsTooltipZoomSliderValueProps extends Pick<PopperProps, 'anchorEl' | 'open' | 'modifiers' | 'placement'>, React.PropsWithChildren {}
 export declare function ChartsTooltipZoomSliderValue({
   anchorEl,

package/ChartZoomSlider/internals/previews/AreaPreviewPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface AreaPreviewPlotProps extends PreviewPlotProps {}
 export declare function AreaPreviewPlot({
   axisId

package/ChartZoomSlider/internals/previews/BarPreviewPlot.d.ts

@@ -1,4 +1,4 @@
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface BarPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/ChartZoomSlider/internals/previews/LinePreviewPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface LinePreviewPlotProps extends PreviewPlotProps {}
 export declare function LinePreviewPlot({
   axisId

package/ChartZoomSlider/internals/previews/PreviewPlot.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from '@mui/x-charts/internals';
+import { type AxisId } from '@mui/x-charts/internals';
 export interface PreviewPlotProps {
   axisId: AxisId;
 }

package/ChartZoomSlider/internals/previews/ScatterPreviewPlot.d.ts

@@ -1,4 +1,4 @@
-import { PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 interface ScatterPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/ChartZoomSlider/internals/zoom-utils.d.ts

@@ -1,5 +1,5 @@
-import { AxisId, ChartState, DefaultedXAxis, DefaultedYAxis, DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
-import { ChartDrawingArea } from '@mui/x-charts/hooks';
+import { type AxisId, type ChartState, type DefaultedXAxis, type DefaultedYAxis, type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import { type ChartDrawingArea } from '@mui/x-charts/hooks';
 export declare function calculateZoomFromPoint(state: ChartState<any>, axisId: AxisId, point: DOMPoint): number | null;
 export declare function calculateZoomFromPointImpl(drawingArea: ChartDrawingArea, axis: Pick<DefaultedXAxis | DefaultedYAxis, 'position' | 'reverse'>, zoomOptions: Pick<DefaultizedZoomOptions, 'minStart' | 'maxEnd'>, point: Pick<DOMPoint, 'x' | 'y'>): number;
 export declare function calculateZoomStart(newStart: number, currentZoom: ZoomData, options: Pick<DefaultizedZoomOptions, 'minStart' | 'minSpan' | 'maxSpan'>): number;

package/ChartsToolbarPro/ChartsToolbarImageExportTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartImageExportOptions } from "../internals/plugins/useChartProExport/index.js";
-import { ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartImageExportOptions } from "../internals/plugins/useChartProExport/index.js";
+import { type ChartsSlotPropsPro } from "../internals/material/index.js";
 export interface ChartsToolbarImageExportOptions extends Omit<ChartImageExportOptions, 'type'>, Required<Pick<ChartImageExportOptions, 'type'>> {}
 export type ChartsToolbarImageExportTriggerProps = ChartsSlotPropsPro['baseButton'] & {
   /**

package/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartPrintExportOptions } from "../internals/plugins/useChartProExport/index.js";
-import { ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartPrintExportOptions } from "../internals/plugins/useChartProExport/index.js";
+import { type ChartsSlotPropsPro } from "../internals/material/index.js";
 export interface ChartsToolbarPrintExportOptions extends ChartPrintExportOptions {
   /**
    * If `true`, this export option will be removed from the ChartsToolbarExport menu.

package/ChartsToolbarPro/ChartsToolbarPro.d.ts

@@ -1,6 +1,6 @@
-import { ChartsToolbarProps } from '@mui/x-charts/Toolbar';
-import { ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
-import { ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
+import { type ChartsToolbarProps } from '@mui/x-charts/Toolbar';
+import { type ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
+import { type ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
 export interface ChartsToolbarProProps extends ChartsToolbarProps {
   printOptions?: ChartsToolbarPrintExportOptions;
   imageExportOptions?: ChartsToolbarImageExportOptions[];

package/ChartsToolbarPro/ChartsToolbarZoomInTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartsSlotProps } from '@mui/x-charts/internals';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 interface ChartsToolbarZoomInTriggerProps {
   /**
    * A function to customize the rendering of the component.

package/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartsSlotProps } from '@mui/x-charts/internals';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from '@mui/x-charts/internals';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 interface ChartsToolbarZoomOutTriggerProps {
   /**
    * A function to customize the rendering of the component.

package/ChartsToolbarPro/Toolbar.types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ChartsToolbarProProps } from "./ChartsToolbarPro.js";
+import type * as React from 'react';
+import { type ChartsToolbarProProps } from "./ChartsToolbarPro.js";
 export interface ChartsToolbarProSlots {
   /**
    * Custom component for the toolbar.

package/ChartsToolbarPro/internals/ChartsMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartBasePopperProps, Placement } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBasePopperProps, type Placement } from "../../internals/slots/chartBaseSlotProps.js";
 export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;

package/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.js";
 export interface ChartsToolbarDividerProps extends ChartBaseDividerProps {}
 declare const ChartsToolbarDivider: React.ForwardRefExoticComponent<Omit<ChartsToolbarDividerProps, "ref"> & React.RefAttributes<HTMLHRElement>>;
 export { ChartsToolbarDivider };

package/FunnelChart/FunnelChart.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
-import { FunnelPlotProps } from "./FunnelPlot.js";
-import { FunnelSeriesType } from "./funnel.types.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
-import { CategoryAxis } from "./categoryAxis.types.js";
-import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
+import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
+import { type FunnelPlotProps } from "./FunnelPlot.js";
+import { type FunnelSeriesType } from "./funnel.types.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type FunnelChartSlotExtension } from "./funnelSlots.types.js";
+import { type CategoryAxis } from "./categoryAxis.types.js";
+import { type FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
 export type FunnelSeries = MakeOptional<FunnelSeriesType, 'type'>;
 export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
   /**

package/FunnelChart/FunnelChart.plugins.d.ts

@@ -1,5 +1,5 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
-export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+import { type ConvertSignaturesIntoPlugins, type UseChartHighlightSignature, type UseChartTooltipSignature, type UseChartInteractionSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
+export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
 export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginSignatures>;

package/FunnelChart/FunnelChart.plugins.js

@@ -7,4 +7,4 @@ exports.FUNNEL_CHART_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartFunnelAxis = require("./funnelAxisPlugin/useChartFunnelAxis");
-const FUNNEL_CHART_PLUGINS = exports.FUNNEL_CHART_PLUGINS = [_useChartFunnelAxis.useChartFunnelAxis, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProExport.useChartProExport];
+const FUNNEL_CHART_PLUGINS = exports.FUNNEL_CHART_PLUGINS = [_useChartFunnelAxis.useChartFunnelAxis, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProExport.useChartProExport];

package/FunnelChart/FunnelPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FunnelItemIdentifier } from "./funnel.types.js";
-import { FunnelPlotSlotExtension } from "./funnelPlotSlots.types.js";
+import { type FunnelItemIdentifier } from "./funnel.types.js";
+import { type FunnelPlotSlotExtension } from "./funnelPlotSlots.types.js";
 export interface FunnelPlotProps extends FunnelPlotSlotExtension {
   /**
    * Callback fired when a funnel item is clicked.