@mui/x-charts-pro 9.5.0 → 9.7.0

package/internals/material/components/BasePopper.d.mts

@@ -1,2 +1,2 @@
-import { type ChartBasePopperProps } from "../../slots/chartBaseSlotProps.mjs";
+import type { ChartBasePopperProps } from "../../slots/chartBaseSlotProps.mjs";
 export declare function BasePopper(props: ChartBasePopperProps): import("react/jsx-runtime").JSX.Element;

package/internals/material/components/BasePopper.d.ts

@@ -1,2 +1,2 @@
-import { type ChartBasePopperProps } from "../../slots/chartBaseSlotProps.js";
+import type { ChartBasePopperProps } from "../../slots/chartBaseSlotProps.js";
 export declare function BasePopper(props: ChartBasePopperProps): import("react/jsx-runtime").JSX.Element;

package/internals/material/index.d.mts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.mjs";
-import { type ChartsIconSlotsPro } from "../slots/chartsIconSlots.mjs";
+import type { ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.mjs";
+import type { ChartsIconSlotsPro } from "../slots/chartsIconSlots.mjs";
 export type ChartsSlotsPro = ChartsBaseSlotsPro & ChartsIconSlotsPro;
 export type ChartsSlotPropsPro = { [key in keyof ChartsSlotsPro]: React.ComponentProps<ChartsSlotsPro[key]> };
 export declare const defaultSlotsMaterial: ChartsSlotsPro;

package/internals/material/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.js";
-import { type ChartsIconSlotsPro } from "../slots/chartsIconSlots.js";
+import type { ChartsBaseSlotsPro } from "../slots/chartsBaseSlots.js";
+import type { ChartsIconSlotsPro } from "../slots/chartsIconSlots.js";
 export type ChartsSlotsPro = ChartsBaseSlotsPro & ChartsIconSlotsPro;
 export type ChartsSlotPropsPro = { [key in keyof ChartsSlotsPro]: React.ComponentProps<ChartsSlotsPro[key]> };
 export declare const defaultSlotsMaterial: ChartsSlotsPro;

package/internals/plugins/allPlugins.d.mts

@@ -1,6 +1,6 @@
-import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "./useChartProExport/index.mjs";
-import { type UseChartProZoomSignature } from "./useChartProZoom/index.mjs";
+import type { ChartSeriesType, ConvertSignaturesIntoPlugins, UseChartCartesianAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartZAxisSignature, UseChartHighlightSignature, UseChartPolarAxisSignature, UseChartBrushSignature, UseChartVisibilityManagerSignature, UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
+import type { UseChartProExportSignature } from "./useChartProExport/index.mjs";
+import type { UseChartProZoomSignature } from "./useChartProZoom/index.mjs";
 export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
 export type AllPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<SeriesType>>;
 export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];

package/internals/plugins/allPlugins.d.ts

@@ -1,6 +1,6 @@
-import { type ChartSeriesType, type ConvertSignaturesIntoPlugins, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartZAxisSignature, type UseChartHighlightSignature, type UseChartPolarAxisSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature, type UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "./useChartProExport/index.js";
-import { type UseChartProZoomSignature } from "./useChartProZoom/index.js";
+import type { ChartSeriesType, ConvertSignaturesIntoPlugins, UseChartCartesianAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartZAxisSignature, UseChartHighlightSignature, UseChartPolarAxisSignature, UseChartBrushSignature, UseChartVisibilityManagerSignature, UseProgressiveRenderingSignature } from '@mui/x-charts/internals';
+import type { UseChartProExportSignature } from "./useChartProExport/index.js";
+import type { UseChartProZoomSignature } from "./useChartProZoom/index.js";
 export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
 export type AllPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<AllPluginSignatures<SeriesType>>;
 export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];

package/internals/plugins/useChartProExport/exportImage.d.mts

@@ -1,3 +1,3 @@
-import { type ChartImageExportOptions } from "./useChartProExport.types.mjs";
+import type { ChartImageExportOptions } from "./useChartProExport.types.mjs";
 export declare const getDrawDocument: () => Promise<typeof import("rasterizehtml").drawDocument>;
 export declare function exportImage(element: Element, svg: HTMLElement | SVGElement, params?: ChartImageExportOptions): Promise<void>;

package/internals/plugins/useChartProExport/exportImage.d.ts

@@ -1,3 +1,3 @@
-import { type ChartImageExportOptions } from "./useChartProExport.types.js";
+import type { ChartImageExportOptions } from "./useChartProExport.types.js";
 export declare const getDrawDocument: () => Promise<typeof import("rasterizehtml").drawDocument>;
 export declare function exportImage(element: Element, svg: HTMLElement | SVGElement, params?: ChartImageExportOptions): Promise<void>;

package/internals/plugins/useChartProExport/print.d.mts

@@ -1,4 +1,4 @@
-import { type ChartPrintExportOptions } from "./useChartProExport.types.mjs";
+import type { ChartPrintExportOptions } from "./useChartProExport.types.mjs";
 export declare function printChart(element: Element, {
   fileName,
   onBeforeExport,

package/internals/plugins/useChartProExport/print.d.ts

@@ -1,4 +1,4 @@
-import { type ChartPrintExportOptions } from "./useChartProExport.types.js";
+import type { ChartPrintExportOptions } from "./useChartProExport.types.js";
 export declare function printChart(element: Element, {
   fileName,
   onBeforeExport,

package/internals/plugins/useChartProExport/useChartProExport.d.mts

@@ -1,3 +1,3 @@
-import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "./useChartProExport.types.mjs";
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProExportSignature } from "./useChartProExport.types.mjs";
 export declare const useChartProExport: ChartPlugin<UseChartProExportSignature>;

package/internals/plugins/useChartProExport/useChartProExport.d.ts

@@ -1,3 +1,3 @@
-import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "./useChartProExport.types.js";
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProExportSignature } from "./useChartProExport.types.js";
 export declare const useChartProExport: ChartPlugin<UseChartProExportSignature>;

package/internals/plugins/useChartProExport/useChartProExport.types.d.mts

@@ -1,4 +1,4 @@
-import { type ChartPluginSignature } from '@mui/x-charts/internals';
+import type { ChartPluginSignature } from '@mui/x-charts/internals';
 export interface UseChartProExportParameters {}
 export type UseChartProExportDefaultizedParameters = UseChartProExportParameters;
 export interface UseChartProExportState {

package/internals/plugins/useChartProExport/useChartProExport.types.d.ts

@@ -1,4 +1,4 @@
-import { type ChartPluginSignature } from '@mui/x-charts/internals';
+import type { ChartPluginSignature } from '@mui/x-charts/internals';
 export interface UseChartProExportParameters {}
 export type UseChartProExportDefaultizedParameters = UseChartProExportParameters;
 export interface UseChartProExportState {

package/internals/plugins/useChartProZoom/calculateZoom.d.mts

@@ -1,4 +1,4 @@
-import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import type { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
 /**
  * Calculates the new zoom range based on the current zoom, step, and constraints.
  *

package/internals/plugins/useChartProZoom/calculateZoom.d.ts

@@ -1,4 +1,4 @@
-import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import type { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
 /**
  * Calculates the new zoom range based on the current zoom, step, and constraints.
  *

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.d.mts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const usePanOnDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.d.ts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.mts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const usePanOnPressAndDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.ts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnPressAndDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnWheel.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const usePanOnWheel: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/usePanOnWheel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const usePanOnWheel: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.d.mts

@@ -0,0 +1,10 @@
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+/**
+ * Registers the gestures required by the zoom feature.
+ * They are registered here instead of in the core interaction listener plugin
+ * so their implementations are only bundled with the zoom plugin.
+ */
+export declare const useRegisterZoomGestures: ({
+  instance
+}: Pick<Parameters<ChartPlugin<UseChartProZoomSignature>>[0], "instance">) => void;

package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.d.ts

@@ -0,0 +1,10 @@
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+/**
+ * Registers the gestures required by the zoom feature.
+ * They are registered here instead of in the core interaction listener plugin
+ * so their implementations are only bundled with the zoom plugin.
+ */
+export declare const useRegisterZoomGestures: ({
+  instance
+}: Pick<Parameters<ChartPlugin<UseChartProZoomSignature>>[0], "instance">) => void;

package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRegisterZoomGestures = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _core = require("@mui/x-internal-gestures/core");
+/**
+ * Registers the gestures required by the zoom feature.
+ * They are registered here instead of in the core interaction listener plugin
+ * so their implementations are only bundled with the zoom plugin.
+ */
+const useRegisterZoomGestures = ({
+  instance
+}) => {
+  React.useEffect(() => {
+    return instance.registerGestures([new _core.PanGesture({
+      name: 'zoomPan',
+      threshold: 0,
+      preventIf: ['zoomTapAndDrag', 'zoomPressAndDrag']
+    }), new _core.PinchGesture({
+      name: 'zoomPinch',
+      threshold: 5
+    }), new _core.TurnWheelGesture({
+      name: 'zoomTurnWheel',
+      sensitivity: 0.01,
+      initialDelta: 1,
+      passive: false
+    }), new _core.TurnWheelGesture({
+      name: 'panTurnWheel',
+      sensitivity: 0.5,
+      passive: false
+    }), new _core.TapAndDragGesture({
+      name: 'zoomTapAndDrag',
+      dragThreshold: 10
+    }), new _core.PressAndDragGesture({
+      name: 'zoomPressAndDrag',
+      dragThreshold: 10,
+      preventIf: ['zoomPinch']
+    }), new _core.TapGesture({
+      name: 'zoomDoubleTapReset',
+      taps: 2
+    })]);
+  }, [instance]);
+};
+exports.useRegisterZoomGestures = useRegisterZoomGestures;

package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs

@@ -0,0 +1,42 @@
+'use client';
+
+import * as React from 'react';
+import { PanGesture, PinchGesture, PressAndDragGesture, TapAndDragGesture, TapGesture, TurnWheelGesture } from '@mui/x-internal-gestures/core';
+/**
+ * Registers the gestures required by the zoom feature.
+ * They are registered here instead of in the core interaction listener plugin
+ * so their implementations are only bundled with the zoom plugin.
+ */
+export const useRegisterZoomGestures = ({
+  instance
+}) => {
+  React.useEffect(() => {
+    return instance.registerGestures([new PanGesture({
+      name: 'zoomPan',
+      threshold: 0,
+      preventIf: ['zoomTapAndDrag', 'zoomPressAndDrag']
+    }), new PinchGesture({
+      name: 'zoomPinch',
+      threshold: 5
+    }), new TurnWheelGesture({
+      name: 'zoomTurnWheel',
+      sensitivity: 0.01,
+      initialDelta: 1,
+      passive: false
+    }), new TurnWheelGesture({
+      name: 'panTurnWheel',
+      sensitivity: 0.5,
+      passive: false
+    }), new TapAndDragGesture({
+      name: 'zoomTapAndDrag',
+      dragThreshold: 10
+    }), new PressAndDragGesture({
+      name: 'zoomPressAndDrag',
+      dragThreshold: 10,
+      preventIf: ['zoomPinch']
+    }), new TapGesture({
+      name: 'zoomDoubleTapReset',
+      taps: 2
+    })]);
+  }, [instance]);
+};

package/internals/plugins/useChartProZoom/gestureHooks/useZoom.utils.d.mts

@@ -1,4 +1,4 @@
-import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import type { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
 /**
  * Helper to get the range (in percents of a reference range) corresponding to a given scale.
  * @param centerRatio {number} The ratio of the point that should not move between the previous and next range.

package/internals/plugins/useChartProZoom/gestureHooks/useZoom.utils.d.ts

@@ -1,4 +1,4 @@
-import { type DefaultizedZoomOptions, type ZoomData } from '@mui/x-charts/internals';
+import type { DefaultizedZoomOptions, ZoomData } from '@mui/x-charts/internals';
 /**
  * Helper to get the range (in percents of a reference range) corresponding to a given scale.
  * @param centerRatio {number} The ratio of the point that should not move between the previous and next range.

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnBrush.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const useZoomOnBrush: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnBrush.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnBrush: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnDoubleTapReset.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const useZoomOnDoubleTapReset: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnDoubleTapReset.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnDoubleTapReset: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.d.mts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const useZoomOnPinch: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.d.ts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnPinch: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnTapAndDrag.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const useZoomOnTapAndDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnTapAndDrag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnTapAndDrag: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.d.mts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.mjs";
 export declare const useZoomOnWheel: ({
   store,
   instance

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.d.ts

@@ -1,5 +1,5 @@
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import type { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnWheel: ({
   store,
   instance

package/internals/plugins/useChartProZoom/useChartProZoom.d.mts

@@ -1,3 +1,3 @@
-import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.mjs";
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "./useChartProZoom.types.mjs";
 export declare const useChartProZoom: ChartPlugin<UseChartProZoomSignature>;

package/internals/plugins/useChartProZoom/useChartProZoom.d.ts

@@ -1,3 +1,3 @@
-import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.js";
+import type { ChartPlugin } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "./useChartProZoom.types.js";
 export declare const useChartProZoom: ChartPlugin<UseChartProZoomSignature>;

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -27,6 +27,7 @@ var _useZoomOnBrush = require("./gestureHooks/useZoomOnBrush");
 var _useZoomOnDoubleTapReset = require("./gestureHooks/useZoomOnDoubleTapReset");
 var _initializeZoomInteractionConfig = require("./initializeZoomInteractionConfig");
 var _initializeZoomData = require("./initializeZoomData");
+var _useRegisterZoomGestures = require("./gestureHooks/useRegisterZoomGestures");
 /**
  * Type guard for `initialZoom` entries provided as a range value.
  */
@@ -193,6 +194,7 @@ const useChartProZoom = pluginData => {
   }, [removeIsInteracting]);
 
   // Add events
+  (0, _useRegisterZoomGestures.useRegisterZoomGestures)(pluginData);
   (0, _usePanOnDrag.usePanOnDrag)(pluginData, setZoomDataCallback);
   (0, _usePanOnPressAndDrag.usePanOnPressAndDrag)(pluginData, setZoomDataCallback);
   (0, _usePanOnWheel.usePanOnWheel)(pluginData, setZoomDataCallback);

package/internals/plugins/useChartProZoom/useChartProZoom.mjs

@@ -20,6 +20,7 @@ import { useZoomOnBrush } from "./gestureHooks/useZoomOnBrush.mjs";
 import { useZoomOnDoubleTapReset } from "./gestureHooks/useZoomOnDoubleTapReset.mjs";
 import { initializeZoomInteractionConfig } from "./initializeZoomInteractionConfig.mjs";
 import { initializeZoomData } from "./initializeZoomData.mjs";
+import { useRegisterZoomGestures } from "./gestureHooks/useRegisterZoomGestures.mjs";
 
 /**
  * Type guard for `initialZoom` entries provided as a range value.
@@ -187,6 +188,7 @@ export const useChartProZoom = pluginData => {
   }, [removeIsInteracting]);
 
   // Add events
+  useRegisterZoomGestures(pluginData);
   usePanOnDrag(pluginData, setZoomDataCallback);
   usePanOnPressAndDrag(pluginData, setZoomDataCallback);
   usePanOnWheel(pluginData, setZoomDataCallback);

package/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.mts

@@ -1,5 +1,5 @@
-import { type AxisId, type ChartRootSelector } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.mjs";
+import type { AxisId, ChartRootSelector } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "./useChartProZoom.types.mjs";
 export declare const selectorChartZoomState: ChartRootSelector<UseChartProZoomSignature, 'zoom'>;
 export declare const selectorChartZoomIsInteracting: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.mjs").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;

package/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts

@@ -1,5 +1,5 @@
-import { type AxisId, type ChartRootSelector } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.js";
+import type { AxisId, ChartRootSelector } from '@mui/x-charts/internals';
+import type { UseChartProZoomSignature } from "./useChartProZoom.types.js";
 export declare const selectorChartZoomState: ChartRootSelector<UseChartProZoomSignature, 'zoom'>;
 export declare const selectorChartZoomIsInteracting: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
   cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;

package/internals/plugins/useChartProZoom/useChartProZoom.types.d.mts

@@ -1,6 +1,6 @@
-import { type UseChartSeriesSignature, type ChartPluginSignature, type UseChartCartesianAxisSignature, type UseChartCartesianAxisDefaultizedParameters, type ZoomData, type AxisId, type UseChartBrushSignature } from '@mui/x-charts/internals';
-import { type ZoomInteractionConfig, type DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.mjs";
-import { type RangeButtonValue } from "../../../ChartsToolbarPro/rangeButtonValueToZoom.mjs";
+import type { UseChartSeriesSignature, ChartPluginSignature, UseChartCartesianAxisSignature, UseChartCartesianAxisDefaultizedParameters, ZoomData, AxisId, UseChartBrushSignature } from '@mui/x-charts/internals';
+import type { ZoomInteractionConfig, DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.mjs";
+import type { RangeButtonValue } from "../../../ChartsToolbarPro/rangeButtonValueToZoom.mjs";
 /**
  * Initializes the zoom of an axis with a range value instead of zoom percentages.
  */

package/internals/plugins/useChartProZoom/useChartProZoom.types.d.ts

@@ -1,6 +1,6 @@
-import { type UseChartSeriesSignature, type ChartPluginSignature, type UseChartCartesianAxisSignature, type UseChartCartesianAxisDefaultizedParameters, type ZoomData, type AxisId, type UseChartBrushSignature } from '@mui/x-charts/internals';
-import { type ZoomInteractionConfig, type DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.js";
-import { type RangeButtonValue } from "../../../ChartsToolbarPro/rangeButtonValueToZoom.js";
+import type { UseChartSeriesSignature, ChartPluginSignature, UseChartCartesianAxisSignature, UseChartCartesianAxisDefaultizedParameters, ZoomData, AxisId, UseChartBrushSignature } from '@mui/x-charts/internals';
+import type { ZoomInteractionConfig, DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.js";
+import type { RangeButtonValue } from "../../../ChartsToolbarPro/rangeButtonValueToZoom.js";
 /**
  * Initializes the zoom of an axis with a range value instead of zoom percentages.
  */

package/internals/plugins/zoomGestures/useDragGesture.d.mts

@@ -1,5 +1,5 @@
-import { type PanEvent } from '@mui/x-internal-gestures/core';
-import { type ChartPoint, type GestureInstance, type PanGestureConfig } from "./zoomGestures.types.mjs";
+import type { PanEvent } from '@mui/x-internal-gestures/core';
+import type { ChartPoint, GestureInstance, PanGestureConfig } from "./zoomGestures.types.mjs";
 export interface UseDragGestureOptions {
   /** Whether the gesture is active. */
   enabled: boolean;

package/internals/plugins/zoomGestures/useDragGesture.d.ts

@@ -1,5 +1,5 @@
-import { type PanEvent } from '@mui/x-internal-gestures/core';
-import { type ChartPoint, type GestureInstance, type PanGestureConfig } from "./zoomGestures.types.js";
+import type { PanEvent } from '@mui/x-internal-gestures/core';
+import type { ChartPoint, GestureInstance, PanGestureConfig } from "./zoomGestures.types.js";
 export interface UseDragGestureOptions {
   /** Whether the gesture is active. */
   enabled: boolean;

package/internals/plugins/zoomGestures/useWheelGesture.d.mts

@@ -1,5 +1,5 @@
-import { type KeyboardKey } from '@mui/x-internal-gestures/core';
-import { type ChartPoint, type GestureInstance } from "./zoomGestures.types.mjs";
+import type { KeyboardKey } from '@mui/x-internal-gestures/core';
+import type { ChartPoint, GestureInstance } from "./zoomGestures.types.mjs";
 export interface UseWheelGestureOptions {
   /** Whether the gesture is active. */
   enabled: boolean;

package/internals/plugins/zoomGestures/useWheelGesture.d.ts

@@ -1,5 +1,5 @@
-import { type KeyboardKey } from '@mui/x-internal-gestures/core';
-import { type ChartPoint, type GestureInstance } from "./zoomGestures.types.js";
+import type { KeyboardKey } from '@mui/x-internal-gestures/core';
+import type { ChartPoint, GestureInstance } from "./zoomGestures.types.js";
 export interface UseWheelGestureOptions {
   /** Whether the gesture is active. */
   enabled: boolean;

package/internals/plugins/zoomGestures/useWheelGesture.js

@@ -42,7 +42,7 @@ function useWheelGesture(instance, options) {
     if (element === null || !enabled) {
       return () => {};
     }
-    const rafThrottledOnWheel = (0, _rafThrottle.rafThrottle)(onWheelRef.current);
+    const rafThrottledOnWheel = (0, _rafThrottle.rafThrottle)((point, event) => onWheelRef.current(point, event));
     const handler = instance.addInteractionListener('zoomTurnWheel', event => {
       const point = (0, _internals.getChartPoint)(element, {
         clientX: event.detail.centroid.x,

package/internals/plugins/zoomGestures/useWheelGesture.mjs

@@ -36,7 +36,7 @@ export function useWheelGesture(instance, options) {
     if (element === null || !enabled) {
       return () => {};
     }
-    const rafThrottledOnWheel = rafThrottle(onWheelRef.current);
+    const rafThrottledOnWheel = rafThrottle((point, event) => onWheelRef.current(point, event));
     const handler = instance.addInteractionListener('zoomTurnWheel', event => {
       const point = getChartPoint(element, {
         clientX: event.detail.centroid.x,

package/internals/slots/chartBaseSlotProps.d.mts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import { type ChartBaseCommonProps } from '@mui/x-charts/models';
+import type { ChartBaseCommonProps } from '@mui/x-charts/models';
 export type ChartBaseTooltipProps = ChartBaseCommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;

package/internals/slots/chartBaseSlotProps.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import { type ChartBaseCommonProps } from '@mui/x-charts/models';
+import type { ChartBaseCommonProps } from '@mui/x-charts/models';
 export type ChartBaseTooltipProps = ChartBaseCommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;

package/internals/slots/chartsBaseSlots.d.mts

@@ -1,6 +1,6 @@
-import { type ChartsBaseSlots } from '@mui/x-charts/models';
+import type { ChartsBaseSlots } from '@mui/x-charts/models';
 import type * as React from 'react';
-import { type ChartBaseDividerProps, type ChartBaseMenuItemProps, type ChartBaseMenuListProps, type ChartBasePopperProps, type ChartBaseTooltipProps } from "./chartBaseSlotProps.mjs";
+import type { ChartBaseDividerProps, ChartBaseMenuItemProps, ChartBaseMenuListProps, ChartBasePopperProps, ChartBaseTooltipProps } from "./chartBaseSlotProps.mjs";
 import type { BaseDividerPropsOverrides, BaseMenuItemPropsOverrides, BaseMenuListPropsOverrides, BasePopperPropsOverrides, BaseTooltipPropsOverrides } from "../../models/chartsSlotsComponentsPropsPro.mjs";
 export interface ChartsBaseSlotsPro extends ChartsBaseSlots {
   baseDivider: React.ComponentType<ChartBaseDividerProps & BaseDividerPropsOverrides>;