@mui/x-charts 9.7.0 → 9.9.0

package/ChartsYAxis/ChartsYAxisImpl.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
   axis: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
@@ -8,5 +9,5 @@ interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
 export declare function ChartsYAxisImpl({
   axis,
   ...inProps
-}: ChartsYAxisImplProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsYAxisImplProps): React.JSX.Element | null;
 export {};

package/Gauge/GaugeProvider.d.mts

@@ -103,7 +103,7 @@ export declare const GaugeContext: React.Context<Required<GaugeConfig> & Process
 export interface GaugeProviderProps extends GaugeConfig, CircularConfig {
   children: React.ReactNode;
 }
-export declare function GaugeProvider(props: GaugeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function GaugeProvider(props: GaugeProviderProps): React.JSX.Element;
 export declare function useGaugeState(): Required<GaugeConfig> & ProcessedCircularConfig & {
   /**
    * The maximal radius from (cx, cy) that fits the arc in the drawing area.

package/Gauge/GaugeProvider.d.ts

@@ -103,7 +103,7 @@ export declare const GaugeContext: React.Context<Required<GaugeConfig> & Process
 export interface GaugeProviderProps extends GaugeConfig, CircularConfig {
   children: React.ReactNode;
 }
-export declare function GaugeProvider(props: GaugeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function GaugeProvider(props: GaugeProviderProps): React.JSX.Element;
 export declare function useGaugeState(): Required<GaugeConfig> & ProcessedCircularConfig & {
   /**
    * The maximal radius from (cx, cy) that fits the arc in the drawing area.

package/Gauge/GaugeReferenceArc.d.mts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare function GaugeReferenceArc({
   className,
   ...other
-}: React.ComponentProps<'path'>): import("react/jsx-runtime").JSX.Element;
+}: React.ComponentProps<'path'>): React.JSX.Element;

package/Gauge/GaugeReferenceArc.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare function GaugeReferenceArc({
   className,
   ...other
-}: React.ComponentProps<'path'>): import("react/jsx-runtime").JSX.Element;
+}: React.ComponentProps<'path'>): React.JSX.Element;

package/Gauge/GaugeValueArc.d.mts

@@ -4,7 +4,7 @@ declare function GaugeValueArc({
   ...other
 }: React.ComponentProps<'path'> & {
   skipAnimation?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare namespace GaugeValueArc {
   var propTypes: any;
 }

package/Gauge/GaugeValueArc.d.ts

@@ -4,7 +4,7 @@ declare function GaugeValueArc({
   ...other
 }: React.ComponentProps<'path'> & {
   skipAnimation?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare namespace GaugeValueArc {
   var propTypes: any;
 }

package/Gauge/GaugeValueText.d.mts

@@ -7,7 +7,7 @@ export interface GaugeFormatterParams {
 export interface GaugeValueTextProps extends Omit<ChartsTextProps, 'text'> {
   text?: string | ((params: GaugeFormatterParams) => string | null);
 }
-declare function GaugeValueText(props: GaugeValueTextProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GaugeValueText(props: GaugeValueTextProps): import("react").JSX.Element | null;
 declare namespace GaugeValueText {
   var propTypes: any;
 }

package/Gauge/GaugeValueText.d.ts

@@ -7,7 +7,7 @@ export interface GaugeFormatterParams {
 export interface GaugeValueTextProps extends Omit<ChartsTextProps, 'text'> {
   text?: string | ((params: GaugeFormatterParams) => string | null);
 }
-declare function GaugeValueText(props: GaugeValueTextProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GaugeValueText(props: GaugeValueTextProps): import("react").JSX.Element | null;
 declare namespace GaugeValueText {
   var propTypes: any;
 }

package/LineChart/AnimatedArea.d.mts

@@ -19,7 +19,7 @@ export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/animated-area/)
  */
-declare function AnimatedArea(props: AnimatedAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function AnimatedArea(props: AnimatedAreaProps): React.JSX.Element;
 declare namespace AnimatedArea {
   var propTypes: any;
 }

package/LineChart/AnimatedArea.d.ts

@@ -19,7 +19,7 @@ export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/animated-area/)
  */
-declare function AnimatedArea(props: AnimatedAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function AnimatedArea(props: AnimatedAreaProps): React.JSX.Element;
 declare namespace AnimatedArea {
   var propTypes: any;
 }

package/LineChart/AppearingMask.d.mts

@@ -13,5 +13,5 @@ export declare const appearingMaskClasses: AppearingMaskClasses;
 /**
  * @ignore - internal component.
  */
-export declare function AppearingMask(props: AppearingMaskProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppearingMask(props: AppearingMaskProps): React.JSX.Element;
 export {};

package/LineChart/AppearingMask.d.ts

@@ -13,5 +13,5 @@ export declare const appearingMaskClasses: AppearingMaskClasses;
 /**
  * @ignore - internal component.
  */
-export declare function AppearingMask(props: AppearingMaskProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppearingMask(props: AppearingMaskProps): React.JSX.Element;
 export {};

package/LineChart/AreaElement.d.mts

@@ -45,7 +45,7 @@ export interface AreaElementProps extends Omit<AreaElementOwnerState, 'isFaded'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/area-element/)
  */
-declare function AreaElement(props: AreaElementProps): import("react/jsx-runtime").JSX.Element;
+declare function AreaElement(props: AreaElementProps): React.JSX.Element;
 declare namespace AreaElement {
   var propTypes: any;
 }

package/LineChart/AreaElement.d.ts

@@ -45,7 +45,7 @@ export interface AreaElementProps extends Omit<AreaElementOwnerState, 'isFaded'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/area-element/)
  */
-declare function AreaElement(props: AreaElementProps): import("react/jsx-runtime").JSX.Element;
+declare function AreaElement(props: AreaElementProps): React.JSX.Element;
 declare namespace AreaElement {
   var propTypes: any;
 }

package/LineChart/AreaPlot.d.mts

@@ -22,7 +22,7 @@ export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [AreaPlot API](https://mui.com/x/api/charts/area-plot/)
  */
-declare function AreaPlot(props: AreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function AreaPlot(props: AreaPlotProps): React.JSX.Element;
 declare namespace AreaPlot {
   var propTypes: any;
 }

package/LineChart/AreaPlot.d.ts

@@ -22,7 +22,7 @@ export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [AreaPlot API](https://mui.com/x/api/charts/area-plot/)
  */
-declare function AreaPlot(props: AreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function AreaPlot(props: AreaPlotProps): React.JSX.Element;
 declare namespace AreaPlot {
   var propTypes: any;
 }

package/LineChart/CircleMarkElement.d.mts

@@ -38,7 +38,7 @@ type CircleMarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighlig
  *
  * - [CircleMarkElement API](https://mui.com/x/api/charts/circle-mark-element/)
  */
-declare function CircleMarkElement(props: CircleMarkElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CircleMarkElement(props: CircleMarkElementProps): React.JSX.Element;
 declare namespace CircleMarkElement {
   var propTypes: any;
 }

package/LineChart/CircleMarkElement.d.ts

@@ -38,7 +38,7 @@ type CircleMarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighlig
  *
  * - [CircleMarkElement API](https://mui.com/x/api/charts/circle-mark-element/)
  */
-declare function CircleMarkElement(props: CircleMarkElementProps): import("react/jsx-runtime").JSX.Element;
+declare function CircleMarkElement(props: CircleMarkElementProps): React.JSX.Element;
 declare namespace CircleMarkElement {
   var propTypes: any;
 }

package/LineChart/FocusedLineMark.d.mts

@@ -1 +1 @@
-export declare function FocusedLineMark(): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedLineMark(): import("react").JSX.Element | null;

package/LineChart/FocusedLineMark.d.ts

@@ -1 +1 @@
-export declare function FocusedLineMark(): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedLineMark(): import("react").JSX.Element | null;

package/LineChart/LineElement.d.mts

@@ -49,7 +49,7 @@ export interface LineElementProps extends Omit<LineElementOwnerState, 'isFaded'
  *
  * - [LineElement API](https://mui.com/x/api/charts/line-element/)
  */
-declare function LineElement(props: LineElementProps): import("react/jsx-runtime").JSX.Element;
+declare function LineElement(props: LineElementProps): React.JSX.Element;
 declare namespace LineElement {
   var propTypes: any;
 }

package/LineChart/LineElement.d.ts

@@ -49,7 +49,7 @@ export interface LineElementProps extends Omit<LineElementOwnerState, 'isFaded'
  *
  * - [LineElement API](https://mui.com/x/api/charts/line-element/)
  */
-declare function LineElement(props: LineElementProps): import("react/jsx-runtime").JSX.Element;
+declare function LineElement(props: LineElementProps): React.JSX.Element;
 declare namespace LineElement {
   var propTypes: any;
 }

package/LineChart/LineHighlightElement.d.mts

@@ -21,7 +21,7 @@ export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
  *
  * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
  */
-declare function LineHighlightElement(props: LineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+declare function LineHighlightElement(props: LineHighlightElementProps): React.JSX.Element;
 declare namespace LineHighlightElement {
   var propTypes: any;
 }

package/LineChart/LineHighlightElement.d.ts

@@ -21,7 +21,7 @@ export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
  *
  * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
  */
-declare function LineHighlightElement(props: LineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+declare function LineHighlightElement(props: LineHighlightElementProps): React.JSX.Element;
 declare namespace LineHighlightElement {
   var propTypes: any;
 }

package/LineChart/LineHighlightPlot.d.mts

@@ -30,7 +30,7 @@ export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElemen
  *
  * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
  */
-declare function LineHighlightPlot(props: LineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function LineHighlightPlot(props: LineHighlightPlotProps): React.JSX.Element | null;
 declare namespace LineHighlightPlot {
   var propTypes: any;
 }

package/LineChart/LineHighlightPlot.d.ts

@@ -30,7 +30,7 @@ export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElemen
  *
  * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
  */
-declare function LineHighlightPlot(props: LineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function LineHighlightPlot(props: LineHighlightPlotProps): React.JSX.Element | null;
 declare namespace LineHighlightPlot {
   var propTypes: any;
 }

package/LineChart/LinePlot.d.mts

@@ -21,7 +21,7 @@ export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [LinePlot API](https://mui.com/x/api/charts/line-plot/)
  */
-declare function LinePlot(props: LinePlotProps): import("react/jsx-runtime").JSX.Element;
+declare function LinePlot(props: LinePlotProps): React.JSX.Element;
 declare namespace LinePlot {
   var propTypes: any;
 }

package/LineChart/LinePlot.d.ts

@@ -21,7 +21,7 @@ export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [LinePlot API](https://mui.com/x/api/charts/line-plot/)
  */
-declare function LinePlot(props: LinePlotProps): import("react/jsx-runtime").JSX.Element;
+declare function LinePlot(props: LinePlotProps): React.JSX.Element;
 declare namespace LinePlot {
   var propTypes: any;
 }

package/LineChart/LinePlot.js

@@ -73,7 +73,8 @@ function LinePlot(props) {
       seriesId,
       color,
       gradientId,
-      hidden
+      hidden,
+      isSampled
     }) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineElement.LineElement, {
         seriesId: seriesId,
@@ -81,7 +82,7 @@ function LinePlot(props) {
         color: color,
         gradientId: gradientId,
         hidden: hidden,
-        skipAnimation: skipAnimation,
+        skipAnimation: skipAnimation || isSampled,
         slots: slots,
         slotProps: slotProps,
         onClick: onItemClick && (event => onItemClick(event, {

package/LineChart/LinePlot.mjs

@@ -66,7 +66,8 @@ function LinePlot(props) {
       seriesId,
       color,
       gradientId,
-      hidden
+      hidden,
+      isSampled
     }) => {
       return /*#__PURE__*/_jsx(LineElement, {
         seriesId: seriesId,
@@ -74,7 +75,7 @@ function LinePlot(props) {
         color: color,
         gradientId: gradientId,
         hidden: hidden,
-        skipAnimation: skipAnimation,
+        skipAnimation: skipAnimation || isSampled,
         slots: slots,
         slotProps: slotProps,
         onClick: onItemClick && (event => onItemClick(event, {

package/LineChart/MarkElement.d.mts

@@ -48,7 +48,7 @@ export type MarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighli
  *
  * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
  */
-declare function MarkElement(props: MarkElementProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkElement(props: MarkElementProps): React.JSX.Element;
 declare namespace MarkElement {
   var propTypes: any;
 }

package/LineChart/MarkElement.d.ts

@@ -48,7 +48,7 @@ export type MarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighli
  *
  * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
  */
-declare function MarkElement(props: MarkElementProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkElement(props: MarkElementProps): React.JSX.Element;
 declare namespace MarkElement {
   var propTypes: any;
 }

package/LineChart/MarkPlot.d.mts

@@ -36,7 +36,7 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
  */
-declare function MarkPlot(props: MarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkPlot(props: MarkPlotProps): React.JSX.Element;
 declare namespace MarkPlot {
   var propTypes: any;
 }

package/LineChart/MarkPlot.d.ts

@@ -36,7 +36,7 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
  */
-declare function MarkPlot(props: MarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkPlot(props: MarkPlotProps): React.JSX.Element;
 declare namespace MarkPlot {
   var propTypes: any;
 }

package/LineChart/seriesConfig/index.js

@@ -12,7 +12,7 @@ var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _getItemAtPosition = _interopRequireDefault(require("./getItemAtPosition"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = require("../../internals/identifierSerializer");
@@ -24,7 +24,7 @@ const lineSeriesConfig = exports.lineSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   xExtremumGetter: _extremums.getExtremumX,
   yExtremumGetter: _extremums.getExtremumY,

package/LineChart/seriesConfig/index.mjs

@@ -4,7 +4,7 @@ import getColor from "./getColor.mjs";
 import legendGetter from "./legend.mjs";
 import tooltipGetter, { axisTooltipGetter } from "./tooltip.mjs";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import getItemAtPosition from "./getItemAtPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
@@ -16,7 +16,7 @@ export const lineSeriesConfig = {
   seriesProcessor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   xExtremumGetter: getExtremumX,
   yExtremumGetter: getExtremumY,

package/LineChart/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'line'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'line'>;

package/LineChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'line'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'line'>;

package/LineChart/seriesConfig/tooltipPosition.js

@@ -3,31 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
+var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
+var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
+var _useChartCartesianAxisRendering = require("../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_useChartTooltip.selectorChartsTooltipItem, _useChartSeries.selectorChartSeriesProcessed, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes) {
+  if (!identifier || identifier.type !== 'line' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.line?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
-  const xValue = axesConfig.x.data?.[identifier.dataIndex];
+  const xValue = xAxis.data?.[identifier.dataIndex];
   const yValue = itemSeries.data[identifier.dataIndex] == null ? null : itemSeries.visibleStackedData[identifier.dataIndex][1];
   if (xValue == null || yValue == null) {
     return null;
   }
   return {
-    x: axesConfig.x.scale(xValue),
-    y: axesConfig.y.scale(yValue)
+    x: xAxis.scale(xValue),
+    y: yAxis.scale(yValue)
   };
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/LineChart/seriesConfig/tooltipPosition.mjs

@@ -1,27 +1,27 @@
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
+import { selectorChartSeriesProcessed } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
+import { selectorChartXAxis, selectorChartYAxis } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes) {
+  if (!identifier || identifier.type !== 'line' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.line?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
-  const xValue = axesConfig.x.data?.[identifier.dataIndex];
+  const xValue = xAxis.data?.[identifier.dataIndex];
   const yValue = itemSeries.data[identifier.dataIndex] == null ? null : itemSeries.visibleStackedData[identifier.dataIndex][1];
   if (xValue == null || yValue == null) {
     return null;
   }
   return {
-    x: axesConfig.x.scale(xValue),
-    y: axesConfig.y.scale(yValue)
+    x: xAxis.scale(xValue),
+    y: yAxis.scale(yValue)
   };
-};
-export default tooltipItemPositionGetter;
+});

package/LineChart/useLinePlotData.d.mts

@@ -1,4 +1,5 @@
 import type { ComputedAxisConfig } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
+import type { ZoomMap } from "../internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.mjs";
 import type { ChartsXAxisProps, ChartsYAxisProps } from "../models/index.mjs";
 import type { SeriesId } from "../models/seriesType/common.mjs";
 interface LinePlotDataPoint {
@@ -7,6 +8,17 @@ interface LinePlotDataPoint {
   color: string;
   gradientId?: string;
   hidden: boolean;
+  /** Skip the path animation: morphing between different sampled point counts looks wrong. */
+  isSampled: boolean;
 }
-export declare function useLinePlotData(xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): LinePlotDataPoint[];
+export declare function useLinePlotData(xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>,
+/**
+ * Overrides the zoom span and pixel size used for sampling. The zoom-slider preview passes its
+ * full-range zoom and own width so its density stays stable while the main chart zooms, instead
+ * of reading the active zoom from the store.
+ */
+samplingOverride?: {
+  zoomMap: ZoomMap;
+  availableSize: number;
+}): LinePlotDataPoint[];
 export {};

package/LineChart/useLinePlotData.d.ts

@@ -1,4 +1,5 @@
 import type { ComputedAxisConfig } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
+import type { ZoomMap } from "../internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.js";
 import type { ChartsXAxisProps, ChartsYAxisProps } from "../models/index.js";
 import type { SeriesId } from "../models/seriesType/common.js";
 interface LinePlotDataPoint {
@@ -7,6 +8,17 @@ interface LinePlotDataPoint {
   color: string;
   gradientId?: string;
   hidden: boolean;
+  /** Skip the path animation: morphing between different sampled point counts looks wrong. */
+  isSampled: boolean;
 }
-export declare function useLinePlotData(xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): LinePlotDataPoint[];
+export declare function useLinePlotData(xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>,
+/**
+ * Overrides the zoom span and pixel size used for sampling. The zoom-slider preview passes its
+ * full-range zoom and own width so its density stays stable while the main chart zooms, instead
+ * of reading the active zoom from the store.
+ */
+samplingOverride?: {
+  zoomMap: ZoomMap;
+  availableSize: number;
+}): LinePlotDataPoint[];
 export {};