@mui/x-charts-pro 9.3.0 → 9.5.0

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

@@ -0,0 +1,22 @@
+import type { KeyboardKey } from '@mui/x-internal-gestures/core';
+import type { ChartPoint, GestureInstance } from "./zoomGestures.types.js";
+export interface UsePinchGestureOptions {
+  /** Whether the gesture is active. */
+  enabled: boolean;
+  /** Keys that must be held for the pinch to trigger the gesture. */
+  requiredKeys?: KeyboardKey[];
+  /**
+   * Called (rAF-throttled) on each pinch update.
+   *
+   * @param {ChartPoint} point The pinch centroid, in SVG coordinates.
+   * @param {number} deltaScale The scale change since the last call.
+   * @param {number} direction `> 0` when zooming in, `< 0` when zooming out.
+   */
+  onPinch: (point: ChartPoint, deltaScale: number, direction: number) => void;
+}
+/**
+ * Generic pinch gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the centroid and scale delta it forwards to `onPinch`.
+ */
+export declare function usePinchGesture(instance: GestureInstance, options: UsePinchGestureOptions): void;

package/internals/plugins/zoomGestures/usePinchGesture.js

@@ -0,0 +1,77 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePinchGesture = usePinchGesture;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _rafThrottle = require("@mui/x-internals/rafThrottle");
+/**
+ * Generic pinch gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the centroid and scale delta it forwards to `onPinch`.
+ */
+function usePinchGesture(instance, options) {
+  const {
+    enabled,
+    requiredKeys,
+    onPinch
+  } = options;
+  const {
+    chartsLayerContainerRef
+  } = instance;
+  const onPinchRef = React.useRef(onPinch);
+  React.useEffect(() => {
+    onPinchRef.current = onPinch;
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    instance.updateZoomInteractionListeners('zoomPinch', {
+      requiredKeys
+    });
+  }, [enabled, requiredKeys, instance]);
+  React.useEffect(() => {
+    const element = chartsLayerContainerRef.current;
+    if (element === null || !enabled) {
+      return () => {};
+    }
+    const latest = {
+      point: {
+        x: 0,
+        y: 0
+      },
+      deltaScale: 0,
+      direction: 0,
+      valid: false
+    };
+    const flush = (0, _rafThrottle.rafThrottle)(() => {
+      if (latest.valid) {
+        onPinchRef.current(latest.point, latest.deltaScale, latest.direction);
+        latest.valid = false;
+      }
+    });
+    const handler = instance.addInteractionListener('zoomPinch', event => {
+      // A direction of 0 means the pinch gesture is not yet meaningful.
+      if (event.detail.direction === 0) {
+        return;
+      }
+      latest.point = (0, _internals.getChartPoint)(element, {
+        clientX: event.detail.centroid.x,
+        clientY: event.detail.centroid.y
+      });
+      latest.deltaScale = event.detail.deltaScale;
+      latest.direction = event.detail.direction;
+      latest.valid = true;
+      flush();
+    });
+    return () => {
+      handler.cleanup();
+      flush.clear();
+    };
+  }, [chartsLayerContainerRef, enabled, instance]);
+}

package/internals/plugins/zoomGestures/usePinchGesture.mjs

@@ -0,0 +1,71 @@
+'use client';
+
+import * as React from 'react';
+import { getChartPoint } from '@mui/x-charts/internals';
+import { rafThrottle } from '@mui/x-internals/rafThrottle';
+/**
+ * Generic pinch gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the centroid and scale delta it forwards to `onPinch`.
+ */
+export function usePinchGesture(instance, options) {
+  const {
+    enabled,
+    requiredKeys,
+    onPinch
+  } = options;
+  const {
+    chartsLayerContainerRef
+  } = instance;
+  const onPinchRef = React.useRef(onPinch);
+  React.useEffect(() => {
+    onPinchRef.current = onPinch;
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    instance.updateZoomInteractionListeners('zoomPinch', {
+      requiredKeys
+    });
+  }, [enabled, requiredKeys, instance]);
+  React.useEffect(() => {
+    const element = chartsLayerContainerRef.current;
+    if (element === null || !enabled) {
+      return () => {};
+    }
+    const latest = {
+      point: {
+        x: 0,
+        y: 0
+      },
+      deltaScale: 0,
+      direction: 0,
+      valid: false
+    };
+    const flush = rafThrottle(() => {
+      if (latest.valid) {
+        onPinchRef.current(latest.point, latest.deltaScale, latest.direction);
+        latest.valid = false;
+      }
+    });
+    const handler = instance.addInteractionListener('zoomPinch', event => {
+      // A direction of 0 means the pinch gesture is not yet meaningful.
+      if (event.detail.direction === 0) {
+        return;
+      }
+      latest.point = getChartPoint(element, {
+        clientX: event.detail.centroid.x,
+        clientY: event.detail.centroid.y
+      });
+      latest.deltaScale = event.detail.deltaScale;
+      latest.direction = event.detail.direction;
+      latest.valid = true;
+      flush();
+    });
+    return () => {
+      handler.cleanup();
+      flush.clear();
+    };
+  }, [chartsLayerContainerRef, enabled, instance]);
+}

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

@@ -0,0 +1,21 @@
+import { type KeyboardKey } from '@mui/x-internal-gestures/core';
+import { type ChartPoint, type GestureInstance } from "./zoomGestures.types.mjs";
+export interface UseWheelGestureOptions {
+  /** Whether the gesture is active. */
+  enabled: boolean;
+  /** Keys that must be held for the wheel to trigger the gesture. */
+  requiredKeys?: KeyboardKey[];
+  /**
+   * Called on each wheel tick inside the drawing area.
+   *
+   * @param {ChartPoint} point The wheel focal point, in SVG coordinates.
+   * @param {WheelEvent} event The `WheelEvent`.
+   */
+  onWheel: (point: ChartPoint, event: WheelEvent) => void;
+}
+/**
+ * Generic wheel gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the focal point and wheel event it forwards to `onWheel`.
+ */
+export declare function useWheelGesture(instance: GestureInstance, options: UseWheelGestureOptions): void;

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

@@ -0,0 +1,21 @@
+import { type KeyboardKey } from '@mui/x-internal-gestures/core';
+import { type ChartPoint, type GestureInstance } from "./zoomGestures.types.js";
+export interface UseWheelGestureOptions {
+  /** Whether the gesture is active. */
+  enabled: boolean;
+  /** Keys that must be held for the wheel to trigger the gesture. */
+  requiredKeys?: KeyboardKey[];
+  /**
+   * Called on each wheel tick inside the drawing area.
+   *
+   * @param {ChartPoint} point The wheel focal point, in SVG coordinates.
+   * @param {WheelEvent} event The `WheelEvent`.
+   */
+  onWheel: (point: ChartPoint, event: WheelEvent) => void;
+}
+/**
+ * Generic wheel gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the focal point and wheel event it forwards to `onWheel`.
+ */
+export declare function useWheelGesture(instance: GestureInstance, options: UseWheelGestureOptions): void;

package/internals/plugins/zoomGestures/useWheelGesture.js

@@ -0,0 +1,78 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWheelGesture = useWheelGesture;
+var React = _interopRequireWildcard(require("react"));
+var _rafThrottle = require("@mui/x-internals/rafThrottle");
+var _internals = require("@mui/x-charts/internals");
+/**
+ * Generic wheel gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the focal point and wheel event it forwards to `onWheel`.
+ */
+function useWheelGesture(instance, options) {
+  const {
+    enabled,
+    requiredKeys,
+    onWheel
+  } = options;
+  const {
+    chartsLayerContainerRef
+  } = instance;
+  const startedOutsideRef = React.useRef(false);
+  const startedOutsideTimeoutRef = React.useRef(null);
+  const onWheelRef = React.useRef(onWheel);
+  React.useEffect(() => {
+    onWheelRef.current = onWheel;
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    instance.updateZoomInteractionListeners('zoomTurnWheel', {
+      requiredKeys
+    });
+  }, [enabled, requiredKeys, instance]);
+  React.useEffect(() => {
+    const element = chartsLayerContainerRef.current;
+    if (element === null || !enabled) {
+      return () => {};
+    }
+    const rafThrottledOnWheel = (0, _rafThrottle.rafThrottle)(onWheelRef.current);
+    const handler = instance.addInteractionListener('zoomTurnWheel', event => {
+      const point = (0, _internals.getChartPoint)(element, {
+        clientX: event.detail.centroid.x,
+        clientY: event.detail.centroid.y
+      });
+
+      // Ignore wheel events that started outside the chart area (e.g. while page-scrolling
+      // over the chart). The timeout debounces re-entry caused by the scroll itself.
+      if (startedOutsideRef.current || !instance.isPointInside(point.x, point.y)) {
+        startedOutsideRef.current = true;
+        if (startedOutsideTimeoutRef.current) {
+          clearTimeout(startedOutsideTimeoutRef.current);
+        }
+        startedOutsideTimeoutRef.current = setTimeout(() => {
+          startedOutsideRef.current = false;
+          startedOutsideTimeoutRef.current = null;
+        }, 100);
+        return;
+      }
+      event.detail.srcEvent.preventDefault();
+      rafThrottledOnWheel(point, event.detail.srcEvent);
+    });
+    return () => {
+      handler.cleanup();
+      if (startedOutsideTimeoutRef.current) {
+        clearTimeout(startedOutsideTimeoutRef.current);
+        startedOutsideTimeoutRef.current = null;
+      }
+      startedOutsideRef.current = false;
+      rafThrottledOnWheel.clear();
+    };
+  }, [chartsLayerContainerRef, enabled, instance]);
+}

package/internals/plugins/zoomGestures/useWheelGesture.mjs

@@ -0,0 +1,72 @@
+'use client';
+
+import * as React from 'react';
+import { rafThrottle } from '@mui/x-internals/rafThrottle';
+import { getChartPoint } from '@mui/x-charts/internals';
+/**
+ * Generic wheel gesture binding.
+ *
+ * It owns the listener lifecycle, and lets you create your own interactions from the focal point and wheel event it forwards to `onWheel`.
+ */
+export function useWheelGesture(instance, options) {
+  const {
+    enabled,
+    requiredKeys,
+    onWheel
+  } = options;
+  const {
+    chartsLayerContainerRef
+  } = instance;
+  const startedOutsideRef = React.useRef(false);
+  const startedOutsideTimeoutRef = React.useRef(null);
+  const onWheelRef = React.useRef(onWheel);
+  React.useEffect(() => {
+    onWheelRef.current = onWheel;
+  });
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    instance.updateZoomInteractionListeners('zoomTurnWheel', {
+      requiredKeys
+    });
+  }, [enabled, requiredKeys, instance]);
+  React.useEffect(() => {
+    const element = chartsLayerContainerRef.current;
+    if (element === null || !enabled) {
+      return () => {};
+    }
+    const rafThrottledOnWheel = rafThrottle(onWheelRef.current);
+    const handler = instance.addInteractionListener('zoomTurnWheel', event => {
+      const point = getChartPoint(element, {
+        clientX: event.detail.centroid.x,
+        clientY: event.detail.centroid.y
+      });
+
+      // Ignore wheel events that started outside the chart area (e.g. while page-scrolling
+      // over the chart). The timeout debounces re-entry caused by the scroll itself.
+      if (startedOutsideRef.current || !instance.isPointInside(point.x, point.y)) {
+        startedOutsideRef.current = true;
+        if (startedOutsideTimeoutRef.current) {
+          clearTimeout(startedOutsideTimeoutRef.current);
+        }
+        startedOutsideTimeoutRef.current = setTimeout(() => {
+          startedOutsideRef.current = false;
+          startedOutsideTimeoutRef.current = null;
+        }, 100);
+        return;
+      }
+      event.detail.srcEvent.preventDefault();
+      rafThrottledOnWheel(point, event.detail.srcEvent);
+    });
+    return () => {
+      handler.cleanup();
+      if (startedOutsideTimeoutRef.current) {
+        clearTimeout(startedOutsideTimeoutRef.current);
+        startedOutsideTimeoutRef.current = null;
+      }
+      startedOutsideRef.current = false;
+      rafThrottledOnWheel.clear();
+    };
+  }, [chartsLayerContainerRef, enabled, instance]);
+}

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

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+import type { KeyboardKey, PointerMode } from '@mui/x-internal-gestures/core';
+import type { UseChartInteractionListenerInstance } from '@mui/x-charts/internals';
+/**
+ * The minimal slice of a chart instance required to bind zoom/pan gestures.
+ */
+export interface GestureInstance {
+  chartsLayerContainerRef: React.RefObject<HTMLDivElement | null>;
+  addInteractionListener: UseChartInteractionListenerInstance['addInteractionListener'];
+  updateZoomInteractionListeners: UseChartInteractionListenerInstance['updateZoomInteractionListeners'];
+  isPointInside: (x: number, y: number, targetElement?: Element | EventTarget | null) => boolean;
+}
+/**
+ * Pointer and keyboard gating for a pan gesture.
+ */
+export interface PanGestureConfig {
+  requiredKeys?: KeyboardKey[];
+  pointerMode?: PointerMode[];
+  mouse?: {
+    requiredKeys?: KeyboardKey[];
+  };
+  touch?: {
+    requiredKeys?: KeyboardKey[];
+  };
+}
+export interface ChartPoint {
+  x: number;
+  y: number;
+}

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

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+import type { KeyboardKey, PointerMode } from '@mui/x-internal-gestures/core';
+import type { UseChartInteractionListenerInstance } from '@mui/x-charts/internals';
+/**
+ * The minimal slice of a chart instance required to bind zoom/pan gestures.
+ */
+export interface GestureInstance {
+  chartsLayerContainerRef: React.RefObject<HTMLDivElement | null>;
+  addInteractionListener: UseChartInteractionListenerInstance['addInteractionListener'];
+  updateZoomInteractionListeners: UseChartInteractionListenerInstance['updateZoomInteractionListeners'];
+  isPointInside: (x: number, y: number, targetElement?: Element | EventTarget | null) => boolean;
+}
+/**
+ * Pointer and keyboard gating for a pan gesture.
+ */
+export interface PanGestureConfig {
+  requiredKeys?: KeyboardKey[];
+  pointerMode?: PointerMode[];
+  mouse?: {
+    requiredKeys?: KeyboardKey[];
+  };
+  touch?: {
+    requiredKeys?: KeyboardKey[];
+  };
+}
+export interface ChartPoint {
+  x: number;
+  y: number;
+}

package/internals/plugins/zoomGestures/zoomGestures.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/plugins/zoomGestures/zoomGestures.types.mjs

@@ -0,0 +1 @@
+export {};

package/internals/slots/chartsBaseSlots.d.mts

@@ -1,10 +1,11 @@
 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 { BaseDividerPropsOverrides, BaseMenuItemPropsOverrides, BaseMenuListPropsOverrides, BasePopperPropsOverrides, BaseTooltipPropsOverrides } from "../../models/chartsSlotsComponentsPropsPro.mjs";
 export interface ChartsBaseSlotsPro extends ChartsBaseSlots {
-  baseDivider: React.ComponentType<ChartBaseDividerProps>;
-  baseMenuItem: React.ComponentType<ChartBaseMenuItemProps>;
-  baseMenuList: React.ComponentType<ChartBaseMenuListProps>;
-  basePopper: React.ComponentType<ChartBasePopperProps>;
-  baseTooltip: React.ComponentType<ChartBaseTooltipProps>;
+  baseDivider: React.ComponentType<ChartBaseDividerProps & BaseDividerPropsOverrides>;
+  baseMenuItem: React.ComponentType<ChartBaseMenuItemProps & BaseMenuItemPropsOverrides>;
+  baseMenuList: React.ComponentType<ChartBaseMenuListProps & BaseMenuListPropsOverrides>;
+  basePopper: React.ComponentType<ChartBasePopperProps & BasePopperPropsOverrides>;
+  baseTooltip: React.ComponentType<ChartBaseTooltipProps & BaseTooltipPropsOverrides>;
 }

package/internals/slots/chartsBaseSlots.d.ts

@@ -1,10 +1,11 @@
 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.js";
+import type { BaseDividerPropsOverrides, BaseMenuItemPropsOverrides, BaseMenuListPropsOverrides, BasePopperPropsOverrides, BaseTooltipPropsOverrides } from "../../models/chartsSlotsComponentsPropsPro.js";
 export interface ChartsBaseSlotsPro extends ChartsBaseSlots {
-  baseDivider: React.ComponentType<ChartBaseDividerProps>;
-  baseMenuItem: React.ComponentType<ChartBaseMenuItemProps>;
-  baseMenuList: React.ComponentType<ChartBaseMenuListProps>;
-  basePopper: React.ComponentType<ChartBasePopperProps>;
-  baseTooltip: React.ComponentType<ChartBaseTooltipProps>;
+  baseDivider: React.ComponentType<ChartBaseDividerProps & BaseDividerPropsOverrides>;
+  baseMenuItem: React.ComponentType<ChartBaseMenuItemProps & BaseMenuItemPropsOverrides>;
+  baseMenuList: React.ComponentType<ChartBaseMenuListProps & BaseMenuListPropsOverrides>;
+  basePopper: React.ComponentType<ChartBasePopperProps & BasePopperPropsOverrides>;
+  baseTooltip: React.ComponentType<ChartBaseTooltipProps & BaseTooltipPropsOverrides>;
 }

package/internals/slots/chartsIconSlots.d.mts

@@ -1,19 +1,20 @@
 import type * as React from 'react';
 import { type ChartBaseIconProps, type ChartsIconSlots } from '@mui/x-charts/models';
+import type { ZoomInIconPropsOverrides, ZoomOutIconPropsOverrides, ExportIconPropsOverrides } from "../../models/chartsSlotsComponentsPropsPro.mjs";
 export interface ChartsIconSlotsPro extends ChartsIconSlots {
   /**
    * Icon displayed on the toolbar's zoom in button.
    * @default ChartsZoomInIcon
    */
-  zoomInIcon: React.ComponentType<ChartBaseIconProps>;
+  zoomInIcon: React.ComponentType<ChartBaseIconProps & ZoomInIconPropsOverrides>;
   /**
    * Icon displayed on the toolbar's zoom out button.
    * @default ChartsZoomOutIcon
    */
-  zoomOutIcon: React.ComponentType<ChartBaseIconProps>;
+  zoomOutIcon: React.ComponentType<ChartBaseIconProps & ZoomOutIconPropsOverrides>;
   /**
    * Icon displayed on the toolbar's export button.
    * @default ChartsExportIcon
    */
-  exportIcon: React.ComponentType<ChartBaseIconProps>;
+  exportIcon: React.ComponentType<ChartBaseIconProps & ExportIconPropsOverrides>;
 }

package/internals/slots/chartsIconSlots.d.ts

@@ -1,19 +1,20 @@
 import type * as React from 'react';
 import { type ChartBaseIconProps, type ChartsIconSlots } from '@mui/x-charts/models';
+import type { ZoomInIconPropsOverrides, ZoomOutIconPropsOverrides, ExportIconPropsOverrides } from "../../models/chartsSlotsComponentsPropsPro.js";
 export interface ChartsIconSlotsPro extends ChartsIconSlots {
   /**
    * Icon displayed on the toolbar's zoom in button.
    * @default ChartsZoomInIcon
    */
-  zoomInIcon: React.ComponentType<ChartBaseIconProps>;
+  zoomInIcon: React.ComponentType<ChartBaseIconProps & ZoomInIconPropsOverrides>;
   /**
    * Icon displayed on the toolbar's zoom out button.
    * @default ChartsZoomOutIcon
    */
-  zoomOutIcon: React.ComponentType<ChartBaseIconProps>;
+  zoomOutIcon: React.ComponentType<ChartBaseIconProps & ZoomOutIconPropsOverrides>;
   /**
    * Icon displayed on the toolbar's export button.
    * @default ChartsExportIcon
    */
-  exportIcon: React.ComponentType<ChartBaseIconProps>;
+  exportIcon: React.ComponentType<ChartBaseIconProps & ExportIconPropsOverrides>;
 }

package/models/chartsSlotsComponentsPropsPro.d.mts

@@ -0,0 +1,11 @@
+export interface BaseDividerPropsOverrides {}
+export interface BaseMenuItemPropsOverrides {}
+export interface BaseMenuListPropsOverrides {}
+export interface BasePopperPropsOverrides {}
+export interface BaseTooltipPropsOverrides {}
+export interface ZoomInIconPropsOverrides {}
+export interface ZoomOutIconPropsOverrides {}
+export interface ExportIconPropsOverrides {}
+export interface CellPropsOverrides {}
+export interface FunnelSectionPropsOverrides {}
+export interface FunnelSectionLabelPropsOverrides {}

package/models/chartsSlotsComponentsPropsPro.d.ts

@@ -0,0 +1,11 @@
+export interface BaseDividerPropsOverrides {}
+export interface BaseMenuItemPropsOverrides {}
+export interface BaseMenuListPropsOverrides {}
+export interface BasePopperPropsOverrides {}
+export interface BaseTooltipPropsOverrides {}
+export interface ZoomInIconPropsOverrides {}
+export interface ZoomOutIconPropsOverrides {}
+export interface ExportIconPropsOverrides {}
+export interface CellPropsOverrides {}
+export interface FunnelSectionPropsOverrides {}
+export interface FunnelSectionLabelPropsOverrides {}

package/models/chartsSlotsComponentsPropsPro.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/models/chartsSlotsComponentsPropsPro.mjs

@@ -0,0 +1 @@
+export {};

package/models/index.d.mts

@@ -1,4 +1,5 @@
 export * from '@mui/x-charts/models';
 export type { ZoomData, ZoomFilterMode, ZoomOptions, ZoomSliderOptions, ZoomSliderShowTooltip } from '@mui/x-charts/internals';
 export * from "./seriesType/index.mjs";
+export * from "./chartsSlotsComponentsPropsPro.mjs";
 export { defaultOnBeforeExport } from "../internals/plugins/useChartProExport/defaults.mjs";

package/models/index.d.ts

@@ -1,4 +1,5 @@
 export * from '@mui/x-charts/models';
 export type { ZoomData, ZoomFilterMode, ZoomOptions, ZoomSliderOptions, ZoomSliderShowTooltip } from '@mui/x-charts/internals';
 export * from "./seriesType/index.js";
+export * from "./chartsSlotsComponentsPropsPro.js";
 export { defaultOnBeforeExport } from "../internals/plugins/useChartProExport/defaults.js";

package/models/index.js

@@ -36,4 +36,16 @@ Object.keys(_seriesType).forEach(function (key) {
     }
   });
 });
+var _chartsSlotsComponentsPropsPro = require("./chartsSlotsComponentsPropsPro");
+Object.keys(_chartsSlotsComponentsPropsPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _chartsSlotsComponentsPropsPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartsSlotsComponentsPropsPro[key];
+    }
+  });
+});
 var _defaults = require("../internals/plugins/useChartProExport/defaults");

package/models/index.mjs

@@ -3,4 +3,5 @@ export * from '@mui/x-charts/models';
 // End of re-export-block
 
 export * from "./seriesType/index.mjs";
+export * from "./chartsSlotsComponentsPropsPro.mjs";
 export { defaultOnBeforeExport } from "../internals/plugins/useChartProExport/defaults.mjs";

package/models/seriesType/heatmap.d.mts

@@ -1,7 +1,7 @@
 import { type DefaultizedProps } from '@mui/x-internals/types';
 import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType, type DatasetElementType } from '@mui/x-charts/internals';
 export type HeatmapValueType = readonly [number, number, number];
-export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueType, 'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
+export interface HeatmapSeriesType extends Omit<CommonSeriesType<'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
   type: 'heatmap';
   /**
    * Data associated to each cell in the heatmap.

package/models/seriesType/heatmap.d.ts

@@ -1,7 +1,7 @@
 import { type DefaultizedProps } from '@mui/x-internals/types';
 import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType, type DatasetElementType } from '@mui/x-charts/internals';
 export type HeatmapValueType = readonly [number, number, number];
-export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueType, 'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
+export interface HeatmapSeriesType extends Omit<CommonSeriesType<'heatmap'>, 'color' | 'colorGetter' | 'valueFormatter'>, CartesianSeriesType {
   type: 'heatmap';
   /**
    * Data associated to each cell in the heatmap.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "9.3.0",
+  "version": "9.5.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -27,15 +27,15 @@
     "directory": "packages/x-charts-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.29.2",
+    "@babel/runtime": "^7.29.7",
     "@mui/utils": "9.0.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "^9.0.0",
+    "@mui/x-charts": "^9.5.0",
+    "@mui/x-charts-vendor": "^9.4.0",
     "@mui/x-internals": "^9.1.0",
     "@mui/x-internal-gestures": "^9.3.0",
-    "@mui/x-charts": "^9.3.0",
-    "@mui/x-license": "^9.2.0"
+    "@mui/x-license": "^9.4.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",