@mui/x-charts-pro 9.8.0 → 9.10.0

package/SankeyChart/SankeyDataProvider.d.mts

@@ -15,7 +15,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  *
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
-declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyDataProvider(props: SankeyDataProviderProps): React.JSX.Element;
 declare namespace SankeyDataProvider {
   var propTypes: any;
 }

package/SankeyChart/SankeyDataProvider.d.ts

@@ -15,7 +15,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  *
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
-declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyDataProvider(props: SankeyDataProviderProps): React.JSX.Element;
 declare namespace SankeyDataProvider {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkLabelPlot.d.mts

@@ -5,7 +5,7 @@ export interface SankeyLinkLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyLinkLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkLabelPlot.d.ts

@@ -5,7 +5,7 @@ export interface SankeyLinkLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyLinkLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkPlot.d.mts

@@ -13,7 +13,7 @@ export interface SankeyLinkPlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
 }
-declare function SankeyLinkPlot(props: SankeyLinkPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkPlot(props: SankeyLinkPlotProps): React.JSX.Element | null;
 declare namespace SankeyLinkPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkPlot.d.ts

@@ -13,7 +13,7 @@ export interface SankeyLinkPlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
 }
-declare function SankeyLinkPlot(props: SankeyLinkPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkPlot(props: SankeyLinkPlotProps): React.JSX.Element | null;
 declare namespace SankeyLinkPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodeLabelPlot.d.mts

@@ -5,7 +5,7 @@ export interface SankeyNodeLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyNodeLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodeLabelPlot.d.ts

@@ -5,7 +5,7 @@ export interface SankeyNodeLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyNodeLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodePlot.d.mts

@@ -13,7 +13,7 @@ export interface SankeyNodePlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
 }
-declare function SankeyNodePlot(props: SankeyNodePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodePlot(props: SankeyNodePlotProps): React.JSX.Element | null;
 declare namespace SankeyNodePlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodePlot.d.ts

@@ -13,7 +13,7 @@ export interface SankeyNodePlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
 }
-declare function SankeyNodePlot(props: SankeyNodePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodePlot(props: SankeyNodePlotProps): React.JSX.Element | null;
 declare namespace SankeyNodePlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyPlot.d.mts

@@ -26,7 +26,7 @@ export interface SankeyPlotProps {
 /**
  * Renders a Sankey diagram plot.
  */
-declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyPlot(props: SankeyPlotProps): React.JSX.Element | null;
 declare namespace SankeyPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyPlot.d.ts

@@ -26,7 +26,7 @@ export interface SankeyPlotProps {
 /**
  * Renders a Sankey diagram plot.
  */
-declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyPlot(props: SankeyPlotProps): React.JSX.Element | null;
 declare namespace SankeyPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.classes.d.mts

@@ -1,2 +1,2 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
-export declare const useUtilityClasses: (props: Pick<SankeyTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;
+export declare const useUtilityClasses: (props: Pick<SankeyTooltipProps, 'classes'>) => Record<"cell" | "labelCell" | "mark" | "markContainer" | "paper" | "root" | "row" | "table" | "valueCell", string>;

package/SankeyChart/SankeyTooltip/SankeyTooltip.classes.d.ts

@@ -1,2 +1,2 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.js";
-export declare const useUtilityClasses: (props: Pick<SankeyTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;
+export declare const useUtilityClasses: (props: Pick<SankeyTooltipProps, 'classes'>) => Record<"cell" | "labelCell" | "mark" | "markContainer" | "paper" | "root" | "row" | "table" | "valueCell", string>;

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.mts

@@ -1,5 +1,5 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
-declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.ts

@@ -1,5 +1,5 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.js";
-declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.mts

@@ -1,6 +1,6 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
-export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react").JSX.Element | null;
 export declare namespace SankeyTooltipContent {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.ts

@@ -1,6 +1,6 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.js";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
-export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react").JSX.Element | null;
 export declare namespace SankeyTooltipContent {
   var propTypes: any;
 }

package/SankeyChart/sankeyClasses.d.mts

@@ -23,4 +23,4 @@ export declare function getSankeyUtilityClass(slot: string): string;
 export declare const sankeyClasses: SankeyClasses;
 export declare const useUtilityClasses: (options?: {
   classes?: Partial<SankeyClasses>;
-}) => Record<"nodes" | "links" | "node" | "link" | "root" | "nodeLabels" | "linkLabels" | "nodeLabel" | "linkLabel", string>;
+}) => Record<"link" | "linkLabel" | "linkLabels" | "links" | "node" | "nodeLabel" | "nodeLabels" | "nodes" | "root", string>;

package/SankeyChart/sankeyClasses.d.ts

@@ -23,4 +23,4 @@ export declare function getSankeyUtilityClass(slot: string): string;
 export declare const sankeyClasses: SankeyClasses;
 export declare const useUtilityClasses: (options?: {
   classes?: Partial<SankeyClasses>;
-}) => Record<"nodes" | "links" | "node" | "link" | "root" | "nodeLabels" | "linkLabels" | "nodeLabel" | "linkLabel", string>;
+}) => Record<"link" | "linkLabel" | "linkLabels" | "links" | "node" | "nodeLabel" | "nodeLabels" | "nodes" | "root", string>;

package/SankeyChart/seriesConfig/createIsFaded.d.mts

@@ -1,3 +1,3 @@
 import type { HighlightItemIdentifierWithType } from '@mui/x-charts/models';
 import type { SankeyHighlightScope } from "../sankey.highlight.types.mjs";
-export declare function createSankeyIsFaded(highlightScope: SankeyHighlightScope | null | undefined, highlightedItem: HighlightItemIdentifierWithType<'sankey'> | null): (item: HighlightItemIdentifierWithType<"sankey"> | null) => boolean;
+export declare function createSankeyIsFaded(highlightScope: SankeyHighlightScope | null | undefined, highlightedItem: HighlightItemIdentifierWithType<'sankey'> | null): (item: HighlightItemIdentifierWithType<'sankey'> | null) => boolean;

package/SankeyChart/seriesConfig/createIsFaded.d.ts

@@ -1,3 +1,3 @@
 import type { HighlightItemIdentifierWithType } from '@mui/x-charts/models';
 import type { SankeyHighlightScope } from "../sankey.highlight.types.js";
-export declare function createSankeyIsFaded(highlightScope: SankeyHighlightScope | null | undefined, highlightedItem: HighlightItemIdentifierWithType<'sankey'> | null): (item: HighlightItemIdentifierWithType<"sankey"> | null) => boolean;
+export declare function createSankeyIsFaded(highlightScope: SankeyHighlightScope | null | undefined, highlightedItem: HighlightItemIdentifierWithType<'sankey'> | null): (item: HighlightItemIdentifierWithType<'sankey'> | null) => boolean;

package/SankeyChart/seriesConfig/index.js

@@ -8,7 +8,7 @@ exports.sankeySeriesConfig = void 0;
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _tooltipGetter = require("./tooltipGetter");
 var _calculateSankeyLayout = require("../calculateSankeyLayout");
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = _interopRequireDefault(require("./identifierSerializer"));
 var _identifierCleaner = _interopRequireDefault(require("./identifierCleaner"));
@@ -35,7 +35,7 @@ const sankeySeriesConfig = exports.sankeySeriesConfig = {
   colorProcessor,
   legendGetter,
   tooltipGetter: _tooltipGetter.tooltipGetter,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.default,

package/SankeyChart/seriesConfig/index.mjs

@@ -1,7 +1,7 @@
 import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
 import { tooltipGetter } from "./tooltipGetter.mjs";
 import { calculateSankeyLayout } from "../calculateSankeyLayout.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import identifierSerializer from "./identifierSerializer.mjs";
 import identifierCleaner from "./identifierCleaner.mjs";
@@ -29,7 +29,7 @@ export const sankeySeriesConfig = {
   colorProcessor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   getSeriesWithDefaultValues,
   keyboardFocusHandler,
   identifierSerializer,

package/SankeyChart/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'sankey'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'sankey'>;

package/SankeyChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'sankey'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'sankey'>;

package/SankeyChart/seriesConfig/tooltipPosition.js

@@ -3,15 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    seriesLayout,
-    identifier,
-    placement
-  } = params;
-  if (!identifier) {
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
+var _internals = require("@mui/x-charts/internals");
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'sankey') {
     return null;
   }
   const seriesItem = series.sankey?.series[identifier.seriesId];
@@ -92,5 +88,4 @@ const tooltipItemPositionGetter = params => {
     }
   }
   return null;
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/SankeyChart/seriesConfig/tooltipPosition.mjs

@@ -1,11 +1,7 @@
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    seriesLayout,
-    identifier,
-    placement
-  } = params;
-  if (!identifier) {
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartSeriesLayout } from '@mui/x-charts/internals';
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'sankey') {
     return null;
   }
   const seriesItem = series.sankey?.series[identifier.seriesId];
@@ -86,5 +82,4 @@ const tooltipItemPositionGetter = params => {
     }
   }
   return null;
-};
-export default tooltipItemPositionGetter;
+});

package/SankeyChart/utils.d.mts

@@ -1,3 +1,3 @@
-import { sankeyJustify } from "./d3Sankey/index.mjs";
+import { sankeyRight } from "./d3Sankey/index.mjs";
 import type { SankeyNodeOptions } from "./sankey.types.mjs";
-export declare const getNodeAlignFunction: (align?: SankeyNodeOptions["align"]) => typeof sankeyJustify;
+export declare const getNodeAlignFunction: (align?: SankeyNodeOptions['align']) => typeof sankeyRight;

package/SankeyChart/utils.d.ts

@@ -1,3 +1,3 @@
-import { sankeyJustify } from "./d3Sankey/index.js";
+import { sankeyRight } from "./d3Sankey/index.js";
 import type { SankeyNodeOptions } from "./sankey.types.js";
-export declare const getNodeAlignFunction: (align?: SankeyNodeOptions["align"]) => typeof sankeyJustify;
+export declare const getNodeAlignFunction: (align?: SankeyNodeOptions['align']) => typeof sankeyRight;

package/ScatterChartPro/ScatterChartPro.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ScatterChartProps, ScatterChartSlotProps, ScatterChartSlots } from '@mui/x-charts/ScatterChart';
 import type { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
@@ -12,7 +13,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    * Slot props for the tooltip component.
    * @default {}
    */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides>;
 }
 export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**

package/ScatterChartPro/ScatterChartPro.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ScatterChartProps, ScatterChartSlotProps, ScatterChartSlots } from '@mui/x-charts/ScatterChart';
 import type { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
@@ -12,7 +13,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    * Slot props for the tooltip component.
    * @default {}
    */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides>;
 }
 export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.8.0
+ * @mui/x-charts-pro v9.10.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.8.0
+ * @mui/x-charts-pro v9.10.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/ChartsWatermark.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
   packageInfo: CommercialPackageInfo;
 }
-export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsWatermark(props: ChartsWatermarkProps): React.JSX.Element;
 export {};

package/internals/ChartsWatermark.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
   packageInfo: CommercialPackageInfo;
 }
-export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsWatermark(props: ChartsWatermarkProps): React.JSX.Element;
 export {};

package/internals/index.d.mts

@@ -3,6 +3,8 @@ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPr
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.mjs";
 export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.mjs";
 export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.mjs";
+export { useDragGesture, useWheelGesture, usePinchGesture, type UseDragGestureOptions, type UseWheelGestureOptions, type UsePinchGestureOptions, type GestureInstance, type PanGestureConfig } from "./plugins/zoomGestures/index.mjs";
+export { useRegisterZoomGestures } from "./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs";
 export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.mjs";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.mjs";
 export { useHeatmapProps } from "../Heatmap/useHeatmapProps.mjs";

package/internals/index.d.ts

@@ -3,6 +3,8 @@ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPr
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
 export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
 export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
+export { useDragGesture, useWheelGesture, usePinchGesture, type UseDragGestureOptions, type UseWheelGestureOptions, type UsePinchGestureOptions, type GestureInstance, type PanGestureConfig } from "./plugins/zoomGestures/index.js";
+export { useRegisterZoomGestures } from "./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.js";
 export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
 export { useHeatmapProps } from "../Heatmap/useHeatmapProps.js";

package/internals/index.js

@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   useChartsContainerProProps: true,
   seriesPreviewPlotMap: true,
+  useDragGesture: true,
+  useWheelGesture: true,
+  usePinchGesture: true,
+  useRegisterZoomGestures: true,
   defaultSeriesConfigPro: true,
   useHeatmapProps: true,
   defaultSlotsMaterial: true,
@@ -41,14 +45,40 @@ Object.defineProperty(exports, "useChartsContainerProProps", {
     return _useChartsContainerProProps.useChartsContainerProProps;
   }
 });
+Object.defineProperty(exports, "useDragGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.useDragGesture;
+  }
+});
 Object.defineProperty(exports, "useHeatmapProps", {
   enumerable: true,
   get: function () {
     return _useHeatmapProps.useHeatmapProps;
   }
 });
+Object.defineProperty(exports, "usePinchGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.usePinchGesture;
+  }
+});
+Object.defineProperty(exports, "useRegisterZoomGestures", {
+  enumerable: true,
+  get: function () {
+    return _useRegisterZoomGestures.useRegisterZoomGestures;
+  }
+});
+Object.defineProperty(exports, "useWheelGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.useWheelGesture;
+  }
+});
 var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
 var _seriesPreviewPlotMap = require("../ChartsZoomSlider/internals/seriesPreviewPlotMap");
+var _zoomGestures = require("./plugins/zoomGestures");
+var _useRegisterZoomGestures = require("./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures");
 var _ChartsDataProviderPro = require("../ChartsDataProviderPro/ChartsDataProviderPro");
 var _useHeatmapProps = require("../Heatmap/useHeatmapProps");
 var _material = require("./material");

package/internals/index.mjs

@@ -1,5 +1,7 @@
 export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.mjs";
 export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.mjs";
+export { useDragGesture, useWheelGesture, usePinchGesture } from "./plugins/zoomGestures/index.mjs";
+export { useRegisterZoomGestures } from "./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs";
 export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.mjs";
 export { useHeatmapProps } from "../Heatmap/useHeatmapProps.mjs";
 export { defaultSlotsMaterial } from "./material/index.mjs";

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

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

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

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

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

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

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

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

package/internals/plugins/allPlugins.d.mts

@@ -3,7 +3,7 @@ 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>>)[];
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature>)[];
 export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
 export type DefaultPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<SeriesType>>;
-export declare const DEFAULT_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<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
+export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature>)[];

package/internals/plugins/allPlugins.d.ts

@@ -3,7 +3,7 @@ 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>>)[];
+export declare const ALL_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartPolarAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature>)[];
 export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartProZoomSignature, UseChartProExportSignature, UseChartVisibilityManagerSignature<SeriesType>, UseProgressiveRenderingSignature];
 export type DefaultPluginsType<SeriesType extends ChartSeriesType = ChartSeriesType> = ConvertSignaturesIntoPlugins<DefaultPluginSignatures<SeriesType>>;
-export declare const DEFAULT_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<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>>)[];
+export declare const DEFAULT_PLUGINS: (import("@mui/x-charts/internals").ChartPlugin<UseChartBrushSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartCartesianAxisSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartHighlightSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartInteractionSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProExportSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartProZoomSignature> | import("@mui/x-charts/internals").ChartPlugin<UseChartTooltipSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartVisibilityManagerSignature<any>> | import("@mui/x-charts/internals").ChartPlugin<UseChartZAxisSignature> | import("@mui/x-charts/internals").ChartPlugin<UseProgressiveRenderingSignature>)[];

package/internals/plugins/useChartProSampling/barSampler.d.mts

@@ -0,0 +1,8 @@
+import type { SamplingStrategy } from '@mui/x-charts/internals';
+import type { SamplingPyramid } from "./sampling.pyramid.types.mjs";
+/**
+ * Min/max LOD pyramid over the bar's stacked envelope. Uses `min(base, top)`/`max(base, top)` per
+ * point rather than base/top directly, so diverging/negative bars (where the stack emits `[0, -5]`,
+ * i.e. base > top) keep their full extent instead of being truncated.
+ */
+export declare const barSampler: SamplingStrategy<'bar', SamplingPyramid>;

package/internals/plugins/useChartProSampling/barSampler.d.ts

@@ -0,0 +1,8 @@
+import type { SamplingStrategy } from '@mui/x-charts/internals';
+import type { SamplingPyramid } from "./sampling.pyramid.types.js";
+/**
+ * Min/max LOD pyramid over the bar's stacked envelope. Uses `min(base, top)`/`max(base, top)` per
+ * point rather than base/top directly, so diverging/negative bars (where the stack emits `[0, -5]`,
+ * i.e. base > top) keep their full extent instead of being truncated.
+ */
+export declare const barSampler: SamplingStrategy<'bar', SamplingPyramid>;

package/internals/plugins/useChartProSampling/barSampler.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.barSampler = void 0;
+var _sampling = require("./sampling");
+var _sampling2 = require("./sampling.line");
+/**
+ * Min/max LOD pyramid over the bar's stacked envelope. Uses `min(base, top)`/`max(base, top)` per
+ * point rather than base/top directly, so diverging/negative bars (where the stack emits `[0, -5]`,
+ * i.e. base > top) keep their full extent instead of being truncated.
+ */
+const barSampler = exports.barSampler = {
+  build: series => (0, _sampling.buildSamplingPyramid)(Float64Array.from(series.visibleStackedData, point => Math.min(point[0], point[1])), Float64Array.from(series.visibleStackedData, point => Math.max(point[0], point[1]))),
+  sample: _sampling2.sample,
+  bucketSizeAt: (span, context) => (0, _sampling.getSamplingBucketSize)(span, context.dataLength, context.availableSize, context.minSpan)
+};

package/internals/plugins/useChartProSampling/barSampler.mjs

@@ -0,0 +1,12 @@
+import { buildSamplingPyramid, getSamplingBucketSize } from "./sampling.mjs";
+import { sample } from "./sampling.line.mjs";
+/**
+ * Min/max LOD pyramid over the bar's stacked envelope. Uses `min(base, top)`/`max(base, top)` per
+ * point rather than base/top directly, so diverging/negative bars (where the stack emits `[0, -5]`,
+ * i.e. base > top) keep their full extent instead of being truncated.
+ */
+export const barSampler = {
+  build: series => buildSamplingPyramid(Float64Array.from(series.visibleStackedData, point => Math.min(point[0], point[1])), Float64Array.from(series.visibleStackedData, point => Math.max(point[0], point[1]))),
+  sample,
+  bucketSizeAt: (span, context) => getSamplingBucketSize(span, context.dataLength, context.availableSize, context.minSpan)
+};

package/internals/plugins/useChartProSampling/index.d.mts

@@ -0,0 +1,2 @@
+export { useChartProSampling } from "./useChartProSampling.mjs";
+export type * from "./useChartProSampling.types.mjs";

package/internals/plugins/useChartProSampling/index.d.ts

@@ -0,0 +1,2 @@
+export { useChartProSampling } from "./useChartProSampling.js";
+export type * from "./useChartProSampling.types.js";