@mui/x-charts 9.0.0-alpha.3 → 9.0.0-beta.0

package/internals/getChartPoint.js

@@ -12,8 +12,25 @@ exports.getChartPoint = getChartPoint;
  */
 function getChartPoint(element, event) {
   const rect = element.getBoundingClientRect();
+  const x = event.clientX - rect.left;
+  const y = event.clientY - rect.top;
+  if (typeof DOMMatrix === 'undefined') {
+    // Fallback for environments like JSDOM where DOMMatrix is not available.
+    return {
+      x,
+      y,
+      z: 0,
+      w: 1,
+      matrixTransform: () => ({
+        x,
+        y,
+        z: 0,
+        w: 1
+      })
+    };
+  }
   const style = getComputedStyle(element);
   const transform = new DOMMatrix(style.transform);
-  const point = new DOMPoint(event.clientX - rect.left, event.clientY - rect.top);
+  const point = new DOMPoint(x, y);
   return point.matrixTransform(transform.inverse());
 }

package/internals/getChartPoint.mjs

@@ -6,8 +6,25 @@
  */
 export function getChartPoint(element, event) {
   const rect = element.getBoundingClientRect();
+  const x = event.clientX - rect.left;
+  const y = event.clientY - rect.top;
+  if (typeof DOMMatrix === 'undefined') {
+    // Fallback for environments like JSDOM where DOMMatrix is not available.
+    return {
+      x,
+      y,
+      z: 0,
+      w: 1,
+      matrixTransform: () => ({
+        x,
+        y,
+        z: 0,
+        w: 1
+      })
+    };
+  }
   const style = getComputedStyle(element);
   const transform = new DOMMatrix(style.transform);
-  const point = new DOMPoint(event.clientX - rect.left, event.clientY - rect.top);
+  const point = new DOMPoint(x, y);
   return point.matrixTransform(transform.inverse());
 }

package/internals/identifierCleaner.d.mts

@@ -1,5 +1,5 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.mjs";
-import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.mjs";
+import type { SeriesId } from "../models/index.mjs";
+import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 /**
  * Cleans an identifier by extracting only type, seriesId, and dataIndex properties.
  * This is the common cleaner for most series types (bar, line, pie, scatter, radar, etc.).
@@ -8,8 +8,8 @@ import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.mjs";
  * identifier actually includes `dataIndex`. Series types with different identifier
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <SeriesType extends SeriesTypeWithDataIndex>(identifier: {
-  type: SeriesType;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<SeriesType>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.d.ts

@@ -1,5 +1,5 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.js";
-import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.js";
+import type { SeriesId } from "../models/index.js";
+import type { ChartSeriesType } from "../models/seriesType/config.js";
 /**
  * Cleans an identifier by extracting only type, seriesId, and dataIndex properties.
  * This is the common cleaner for most series types (bar, line, pie, scatter, radar, etc.).
@@ -8,8 +8,8 @@ import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.js";
  * identifier actually includes `dataIndex`. Series types with different identifier
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <SeriesType extends SeriesTypeWithDataIndex>(identifier: {
-  type: SeriesType;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<SeriesType>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.js

@@ -13,7 +13,6 @@ exports.identifierCleanerSeriesIdDataIndex = void 0;
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
 const identifierCleanerSeriesIdDataIndex = identifier => {
-  // @ts-expect-error we need to trust the output type here, since SeriesType is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/identifierCleaner.mjs

@@ -7,7 +7,6 @@
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
 export const identifierCleanerSeriesIdDataIndex = identifier => {
-  // @ts-expect-error we need to trust the output type here, since SeriesType is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/index.d.mts

@@ -16,9 +16,7 @@ export * from "../BarChart/useBarChartProps.mjs";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
-export * from "../ChartContainer/useChartContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
-export * from "../ChartDataProvider/useChartDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -50,6 +48,7 @@ export * from "../RadarChart/RadarChart.plugins.mjs";
 export * from "../PieChart/PieChart.plugins.mjs";
 export * from "./configInit.mjs";
 export * from "./getLabel.mjs";
+export * from "./legendUtils.mjs";
 export * from "./getChartPoint.mjs";
 export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
@@ -70,9 +69,9 @@ export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";
+export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.mjs";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.mjs";
 export * from "../context/ChartsProvider/index.mjs";
-export * from "../context/ChartProvider/index.mjs";
 export * from "../context/ChartsSlotsContext.mjs";
 export * from "../models/seriesType/config.mjs";
 export * from "../models/seriesType/common.mjs";

package/internals/index.d.ts

@@ -16,9 +16,7 @@ export * from "../BarChart/useBarChartProps.js";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
 export * from "../ChartsContainer/useChartsContainerProps.js";
-export * from "../ChartContainer/useChartContainerProps.js";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
-export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.js";
@@ -50,6 +48,7 @@ export * from "../RadarChart/RadarChart.plugins.js";
 export * from "../PieChart/PieChart.plugins.js";
 export * from "./configInit.js";
 export * from "./getLabel.js";
+export * from "./legendUtils.js";
 export * from "./getChartPoint.js";
 export * from "./isDefined.js";
 export * from "./getScale.js";
@@ -70,9 +69,9 @@ export { getSeriesColorFn } from "./getSeriesColorFn.js";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.js";
 export { getBandSize } from "./getBandSize.js";
 export * from "./plugins/utils/defaultSeriesConfig.js";
+export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.js";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
 export * from "../context/ChartsProvider/index.js";
-export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";

package/internals/index.js

@@ -23,6 +23,8 @@ var _exportNames = {
   getSeriesColorFn: true,
   checkBarChartScaleErrors: true,
   getBandSize: true,
+  useChartsTooltipUtilityClasses: true,
+  getChartsTooltipUtilityClass: true,
   getAxisExtrema: true
 };
 Object.defineProperty(exports, "checkBarChartScaleErrors", {
@@ -61,6 +63,12 @@ Object.defineProperty(exports, "getCartesianAxisTriggerTooltip", {
     return _getAxisTriggerTooltip.getAxisTriggerTooltip;
   }
 });
+Object.defineProperty(exports, "getChartsTooltipUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _chartsTooltipClasses.getChartsTooltipUtilityClass;
+  }
+});
 Object.defineProperty(exports, "getSeriesColorFn", {
   enumerable: true,
   get: function () {
@@ -85,6 +93,12 @@ Object.defineProperty(exports, "useAreaPlotData", {
     return _useAreaPlotData.useAreaPlotData;
   }
 });
+Object.defineProperty(exports, "useChartsTooltipUtilityClasses", {
+  enumerable: true,
+  get: function () {
+    return _chartsTooltipClasses.useUtilityClasses;
+  }
+});
 Object.defineProperty(exports, "useDrawingArea", {
   enumerable: true,
   get: function () {
@@ -240,18 +254,6 @@ Object.keys(_useChartsContainerProps).forEach(function (key) {
     }
   });
 });
-var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
-Object.keys(_useChartContainerProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartContainerProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useChartContainerProps[key];
-    }
-  });
-});
 var _useChartsDataProviderProps = require("../ChartsDataProvider/useChartsDataProviderProps");
 Object.keys(_useChartsDataProviderProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -264,18 +266,6 @@ Object.keys(_useChartsDataProviderProps).forEach(function (key) {
     }
   });
 });
-var _useChartDataProviderProps = require("../ChartDataProvider/useChartDataProviderProps");
-Object.keys(_useChartDataProviderProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartDataProviderProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useChartDataProviderProps[key];
-    }
-  });
-});
 var _seriesSelectorOfType = require("./seriesSelectorOfType");
 Object.keys(_seriesSelectorOfType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -604,6 +594,18 @@ Object.keys(_getLabel).forEach(function (key) {
     }
   });
 });
+var _legendUtils = require("./legendUtils");
+Object.keys(_legendUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _legendUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _legendUtils[key];
+    }
+  });
+});
 var _getChartPoint = require("./getChartPoint");
 Object.keys(_getChartPoint).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -800,6 +802,7 @@ Object.keys(_defaultSeriesConfig).forEach(function (key) {
     }
   });
 });
+var _chartsTooltipClasses = require("../ChartsTooltip/chartsTooltipClasses");
 var _getAxisExtrema = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema");
 var _ChartsProvider = require("../context/ChartsProvider");
 Object.keys(_ChartsProvider).forEach(function (key) {
@@ -813,18 +816,6 @@ Object.keys(_ChartsProvider).forEach(function (key) {
     }
   });
 });
-var _ChartProvider = require("../context/ChartProvider");
-Object.keys(_ChartProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChartProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartProvider[key];
-    }
-  });
-});
 var _ChartsSlotsContext = require("../context/ChartsSlotsContext");
 Object.keys(_ChartsSlotsContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/index.mjs

@@ -19,9 +19,7 @@ export * from "../BarChart/useBarChartProps.mjs";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
-export * from "../ChartContainer/useChartContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
-export * from "../ChartDataProvider/useChartDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -59,6 +57,7 @@ export * from "../PieChart/PieChart.plugins.mjs";
 // utils
 export * from "./configInit.mjs";
 export * from "./getLabel.mjs";
+export * from "./legendUtils.mjs";
 export * from "./getChartPoint.mjs";
 export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
@@ -79,11 +78,11 @@ export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";
+export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.mjs";
 
 // contexts
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.mjs";
 export * from "../context/ChartsProvider/index.mjs";
-export * from "../context/ChartProvider/index.mjs";
 export * from "../context/ChartsSlotsContext.mjs";
 
 // series configuration

package/internals/legendUtils.d.mts

@@ -0,0 +1,11 @@
+import type { SeriesLegendItemParams } from "../ChartsLegend/index.mjs";
+import type { ChartSeriesDefaultized, ChartSeriesType } from "../models/seriesType/config.mjs";
+import type { SeriesProcessorResult } from "./plugins/corePlugins/useChartSeriesConfig/types/seriesProcessor.types.mjs";
+type SeriesTypeWithLegendFields = { [T in ChartSeriesType]: ChartSeriesDefaultized<T> extends {
+  label?: unknown;
+  labelMarkType?: unknown;
+  color: string;
+} ? T : never }[ChartSeriesType];
+/** One legend item per series (bar, scatter, rangeBar, radar). */
+export declare function getSeriesLegendItems<T extends SeriesTypeWithLegendFields>(type: T, params: SeriesProcessorResult<T>, defaultMarkType?: SeriesLegendItemParams['markType']): SeriesLegendItemParams[];
+export {};

package/internals/legendUtils.d.ts

@@ -0,0 +1,11 @@
+import type { SeriesLegendItemParams } from "../ChartsLegend/index.js";
+import type { ChartSeriesDefaultized, ChartSeriesType } from "../models/seriesType/config.js";
+import type { SeriesProcessorResult } from "./plugins/corePlugins/useChartSeriesConfig/types/seriesProcessor.types.js";
+type SeriesTypeWithLegendFields = { [T in ChartSeriesType]: ChartSeriesDefaultized<T> extends {
+  label?: unknown;
+  labelMarkType?: unknown;
+  color: string;
+} ? T : never }[ChartSeriesType];
+/** One legend item per series (bar, scatter, rangeBar, radar). */
+export declare function getSeriesLegendItems<T extends SeriesTypeWithLegendFields>(type: T, params: SeriesProcessorResult<T>, defaultMarkType?: SeriesLegendItemParams['markType']): SeriesLegendItemParams[];
+export {};

package/internals/legendUtils.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeriesLegendItems = getSeriesLegendItems;
+var _getLabel = require("./getLabel");
+/** One legend item per series (bar, scatter, rangeBar, radar). */
+function getSeriesLegendItems(type, params, defaultMarkType) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  return seriesOrder.reduce((acc, seriesId) => {
+    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
+    if (formattedLabel === undefined) {
+      return acc;
+    }
+    acc.push({
+      type,
+      markType: series[seriesId].labelMarkType ?? defaultMarkType,
+      seriesId,
+      color: series[seriesId].color,
+      label: formattedLabel
+    });
+    return acc;
+  }, []);
+}

package/internals/legendUtils.mjs

@@ -0,0 +1,22 @@
+import { getLabel } from "./getLabel.mjs";
+/** One legend item per series (bar, scatter, rangeBar, radar). */
+export function getSeriesLegendItems(type, params, defaultMarkType) {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  return seriesOrder.reduce((acc, seriesId) => {
+    const formattedLabel = getLabel(series[seriesId].label, 'legend');
+    if (formattedLabel === undefined) {
+      return acc;
+    }
+    acc.push({
+      type,
+      markType: series[seriesId].labelMarkType ?? defaultMarkType,
+      seriesId,
+      color: series[seriesId].color,
+      label: formattedLabel
+    });
+    return acc;
+  }, []);
+}

package/internals/plugins/corePlugins/corePlugins.d.mts

@@ -11,6 +11,6 @@ import type { ChartSeriesType } from "../../../models/seriesType/config.mjs";
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export declare const CHART_CORE_PLUGINS: readonly [import("../models/index.mjs").ChartPlugin<UseChartElementRefSignature>, import("../models/index.mjs").ChartPlugin<UseChartIdSignature>, import("../models/index.mjs").ChartPlugin<UseChartSeriesConfigSignature>, import("../models/index.mjs").ChartPlugin<UseChartExperimentalFeaturesSignature>, import("../models/index.mjs").ChartPlugin<UseChartDimensionsSignature>, import("../models/index.mjs").ChartPlugin<UseChartSeriesSignature>, import("../models/index.mjs").ChartPlugin<UseChartInteractionListenerSignature>, import("../models/index.mjs").ChartPlugin<UseChartAnimationSignature>];
-export type ChartCorePluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartElementRefSignature, UseChartIdSignature, UseChartSeriesConfigSignature<SeriesType>, UseChartExperimentalFeaturesSignature, UseChartDimensionsSignature, UseChartSeriesSignature<SeriesType>, UseChartAnimationSignature, UseChartInteractionListenerSignature];
+export declare const CHART_CORE_PLUGINS: readonly [import("../models/index.mjs").ChartPlugin<UseChartElementRefSignature>, import("../models/index.mjs").ChartPlugin<UseChartIdSignature>, import("../models/index.mjs").ChartPlugin<UseChartSeriesConfigSignature>, import("../models/index.mjs").ChartPlugin<UseChartExperimentalFeaturesSignature<keyof import("../../index.mjs").ChartsSeriesConfig>>, import("../models/index.mjs").ChartPlugin<UseChartDimensionsSignature>, import("../models/index.mjs").ChartPlugin<UseChartSeriesSignature>, import("../models/index.mjs").ChartPlugin<UseChartInteractionListenerSignature>, import("../models/index.mjs").ChartPlugin<UseChartAnimationSignature>];
+export type ChartCorePluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartElementRefSignature, UseChartIdSignature, UseChartSeriesConfigSignature<SeriesType>, UseChartExperimentalFeaturesSignature<SeriesType>, UseChartDimensionsSignature, UseChartSeriesSignature<SeriesType>, UseChartAnimationSignature, UseChartInteractionListenerSignature];
 export interface ChartCorePluginParameters extends UseChartIdParameters, UseChartSeriesConfigParameters {}

package/internals/plugins/corePlugins/corePlugins.d.ts

@@ -11,6 +11,6 @@ import type { ChartSeriesType } from "../../../models/seriesType/config.js";
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export declare const CHART_CORE_PLUGINS: readonly [import("../models/index.js").ChartPlugin<UseChartElementRefSignature>, import("../models/index.js").ChartPlugin<UseChartIdSignature>, import("../models/index.js").ChartPlugin<UseChartSeriesConfigSignature>, import("../models/index.js").ChartPlugin<UseChartExperimentalFeaturesSignature>, import("../models/index.js").ChartPlugin<UseChartDimensionsSignature>, import("../models/index.js").ChartPlugin<UseChartSeriesSignature>, import("../models/index.js").ChartPlugin<UseChartInteractionListenerSignature>, import("../models/index.js").ChartPlugin<UseChartAnimationSignature>];
-export type ChartCorePluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartElementRefSignature, UseChartIdSignature, UseChartSeriesConfigSignature<SeriesType>, UseChartExperimentalFeaturesSignature, UseChartDimensionsSignature, UseChartSeriesSignature<SeriesType>, UseChartAnimationSignature, UseChartInteractionListenerSignature];
+export declare const CHART_CORE_PLUGINS: readonly [import("../models/index.js").ChartPlugin<UseChartElementRefSignature>, import("../models/index.js").ChartPlugin<UseChartIdSignature>, import("../models/index.js").ChartPlugin<UseChartSeriesConfigSignature>, import("../models/index.js").ChartPlugin<UseChartExperimentalFeaturesSignature<keyof import("../../index.js").ChartsSeriesConfig>>, import("../models/index.js").ChartPlugin<UseChartDimensionsSignature>, import("../models/index.js").ChartPlugin<UseChartSeriesSignature>, import("../models/index.js").ChartPlugin<UseChartInteractionListenerSignature>, import("../models/index.js").ChartPlugin<UseChartAnimationSignature>];
+export type ChartCorePluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartElementRefSignature, UseChartIdSignature, UseChartSeriesConfigSignature<SeriesType>, UseChartExperimentalFeaturesSignature<SeriesType>, UseChartDimensionsSignature, UseChartSeriesSignature<SeriesType>, UseChartAnimationSignature, UseChartInteractionListenerSignature];
 export interface ChartCorePluginParameters extends UseChartIdParameters, UseChartSeriesConfigParameters {}

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.js

@@ -137,11 +137,11 @@ const useChartDimensions = ({
   }, [computeSize, hasInSize, chartsLayerContainerRef]);
   if (process.env.NODE_ENV !== 'production') {
     if (stateRef.current.displayError && params.width === undefined && innerWidth === 0) {
-      console.error(`MUI X Charts: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
+      console.error(`MUI X Charts: ChartsContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
       stateRef.current.displayError = false;
     }
     if (stateRef.current.displayError && params.height === undefined && innerHeight === 0) {
-      console.error(`MUI X Charts: ChartContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
+      console.error(`MUI X Charts: ChartsContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
       stateRef.current.displayError = false;
     }
   }

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.mjs

@@ -130,11 +130,11 @@ export const useChartDimensions = ({
   }, [computeSize, hasInSize, chartsLayerContainerRef]);
   if (process.env.NODE_ENV !== 'production') {
     if (stateRef.current.displayError && params.width === undefined && innerWidth === 0) {
-      console.error(`MUI X Charts: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
+      console.error(`MUI X Charts: ChartsContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
       stateRef.current.displayError = false;
     }
     if (stateRef.current.displayError && params.height === undefined && innerHeight === 0) {
-      console.error(`MUI X Charts: ChartContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
+      console.error(`MUI X Charts: ChartsContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
       stateRef.current.displayError = false;
     }
   }

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.d.mts

@@ -1,3 +1,4 @@
 import { type ChartPlugin } from "../../models/index.mjs";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.mjs";
-export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature>;
+import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
+export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature<ChartSeriesType>>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.d.ts

@@ -1,3 +1,4 @@
 import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
-export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature>;
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
+export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature<ChartSeriesType>>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.d.mts

@@ -1,6 +1,4 @@
+import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import { type ChartRootSelector } from "../../utils/selectors.mjs";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.mjs";
-export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature>;
-export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.mjs").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("./useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../useChartInteractionListener/index.mjs").UseChartInteractionListenerState & Partial<{}> & {
-  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => boolean;
+export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature<ChartSeriesType>>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.d.ts

@@ -1,6 +1,4 @@
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
-export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature>;
-export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("./useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean;
+export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature<ChartSeriesType>>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorPreferStrictDomainInLineCharts = exports.selectorChartExperimentalFeaturesState = void 0;
-var _store = require("@mui/x-internals/store");
+exports.selectorChartExperimentalFeaturesState = void 0;
 const selectorChartExperimentalFeaturesState = state => state.experimentalFeatures;
-exports.selectorChartExperimentalFeaturesState = selectorChartExperimentalFeaturesState;
-const selectorPreferStrictDomainInLineCharts = exports.selectorPreferStrictDomainInLineCharts = (0, _store.createSelector)(selectorChartExperimentalFeaturesState, features => Boolean(features?.preferStrictDomainInLineCharts));
+exports.selectorChartExperimentalFeaturesState = selectorChartExperimentalFeaturesState;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.mjs

@@ -1,3 +1 @@
-import { createSelector } from '@mui/x-internals/store';
-export const selectorChartExperimentalFeaturesState = state => state.experimentalFeatures;
-export const selectorPreferStrictDomainInLineCharts = createSelector(selectorChartExperimentalFeaturesState, features => Boolean(features?.preferStrictDomainInLineCharts));
+export const selectorChartExperimentalFeaturesState = state => state.experimentalFeatures;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.d.mts

@@ -1,21 +1,31 @@
 import { type ChartPluginSignature } from "../../models/index.mjs";
-export interface ChartExperimentalFeatures {
+import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
+interface LineExperimentalFeatures {
   /**
-   * Default domainLimit to strict for line chart x-axis.
+   * Enables pointer-based interaction detection for line and area series.
+   *
+   * When enabled, the chart uses pointer position to determine which series
+   * is closest to the cursor, rather than relying on SVG element hover events.
+   *
+   * This provides finer control over highlighting and clicking the closest
+   * line or point, but uses an approximation (linear interpolation between
+   * data points) rather than exact SVG geometry.
    */
-  preferStrictDomainInLineCharts?: boolean;
+  enablePositionBasedPointerInteraction?: boolean;
 }
-export interface UseChartExperimentalFeaturesParameters {
+export type ChartExperimentalFeatures<SeriesType extends ChartSeriesType = ChartSeriesType> = 'line' extends SeriesType ? LineExperimentalFeatures : {};
+export interface UseChartExperimentalFeaturesParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures?: ChartExperimentalFeatures;
+  experimentalFeatures?: ChartExperimentalFeatures<SeriesType>;
 }
 export interface UseChartExperimentalFeaturesState {
   experimentalFeatures?: ChartExperimentalFeatures;
 }
-export type UseChartExperimentalFeaturesSignature = ChartPluginSignature<{
-  params: UseChartExperimentalFeaturesParameters;
-  defaultizedParams: UseChartExperimentalFeaturesParameters;
+export type UseChartExperimentalFeaturesSignature<SeriesType extends ChartSeriesType> = ChartPluginSignature<{
+  params: UseChartExperimentalFeaturesParameters<SeriesType>;
+  defaultizedParams: UseChartExperimentalFeaturesParameters<SeriesType>;
   state: UseChartExperimentalFeaturesState;
-}>;
+}>;
+export {};

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.d.ts

@@ -1,21 +1,31 @@
 import { type ChartPluginSignature } from "../../models/index.js";
-export interface ChartExperimentalFeatures {
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
+interface LineExperimentalFeatures {
   /**
-   * Default domainLimit to strict for line chart x-axis.
+   * Enables pointer-based interaction detection for line and area series.
+   *
+   * When enabled, the chart uses pointer position to determine which series
+   * is closest to the cursor, rather than relying on SVG element hover events.
+   *
+   * This provides finer control over highlighting and clicking the closest
+   * line or point, but uses an approximation (linear interpolation between
+   * data points) rather than exact SVG geometry.
    */
-  preferStrictDomainInLineCharts?: boolean;
+  enablePositionBasedPointerInteraction?: boolean;
 }
-export interface UseChartExperimentalFeaturesParameters {
+export type ChartExperimentalFeatures<SeriesType extends ChartSeriesType = ChartSeriesType> = 'line' extends SeriesType ? LineExperimentalFeatures : {};
+export interface UseChartExperimentalFeaturesParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures?: ChartExperimentalFeatures;
+  experimentalFeatures?: ChartExperimentalFeatures<SeriesType>;
 }
 export interface UseChartExperimentalFeaturesState {
   experimentalFeatures?: ChartExperimentalFeatures;
 }
-export type UseChartExperimentalFeaturesSignature = ChartPluginSignature<{
-  params: UseChartExperimentalFeaturesParameters;
-  defaultizedParams: UseChartExperimentalFeaturesParameters;
+export type UseChartExperimentalFeaturesSignature<SeriesType extends ChartSeriesType> = ChartPluginSignature<{
+  params: UseChartExperimentalFeaturesParameters<SeriesType>;
+  defaultizedParams: UseChartExperimentalFeaturesParameters<SeriesType>;
   state: UseChartExperimentalFeaturesState;
-}>;
+}>;
+export {};

package/internals/plugins/corePlugins/useChartSeries/index.d.mts

@@ -1,3 +1,4 @@
 export { useChartSeries } from "./useChartSeries.mjs";
 export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries, SeriesIdToType, SeriesLayout } from "./useChartSeries.types.mjs";
-export * from "./useChartSeries.selectors.mjs";
+export * from "./useChartSeries.selectors.mjs";
+export * from "./useChartSeriesLayout.selectors.mjs";

package/internals/plugins/corePlugins/useChartSeries/index.d.ts

@@ -1,3 +1,4 @@
 export { useChartSeries } from "./useChartSeries.js";
 export type { UseChartSeriesSignature, UseChartSeriesParameters, UseChartSeriesDefaultizedParameters, ProcessedSeries, SeriesIdToType, SeriesLayout } from "./useChartSeries.types.js";
-export * from "./useChartSeries.selectors.js";
+export * from "./useChartSeries.selectors.js";
+export * from "./useChartSeriesLayout.selectors.js";

package/internals/plugins/corePlugins/useChartSeries/index.js

@@ -24,4 +24,16 @@ Object.keys(_useChartSeries2).forEach(function (key) {
       return _useChartSeries2[key];
     }
   });
+});
+var _useChartSeriesLayout = require("./useChartSeriesLayout.selectors");
+Object.keys(_useChartSeriesLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartSeriesLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartSeriesLayout[key];
+    }
+  });
 });