@mui/x-charts 9.6.0 → 9.7.0

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.ts

@@ -1,5 +1,5 @@
-import { type RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
-import { type RadarClasses } from "../radarClasses.js";
+import type { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
+import type { RadarClasses } from "../radarClasses.js";
 import type { SeriesId, HighlightItemIdentifierWithType } from "../../models/seriesType/index.js";
 import type { HighlightState } from "../../hooks/useItemHighlightState.js";
 interface GetPathPropsParams {

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.mts

@@ -1,6 +1,6 @@
-import { type RadarSeriesMarksProps } from "./RadarSeriesPlot.types.mjs";
-import { type RadarClasses } from "../radarClasses.mjs";
-import { type SeriesId } from "../../models/seriesType/common.mjs";
+import type { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.mjs";
+import type { RadarClasses } from "../radarClasses.mjs";
+import type { SeriesId } from "../../models/seriesType/common.mjs";
 import type { HighlightItemIdentifierWithType } from "../../models/index.mjs";
 import type { HighlightState } from "../../hooks/useItemHighlightState.mjs";
 interface GetCirclePropsParams {

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.ts

@@ -1,6 +1,6 @@
-import { type RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
-import { type RadarClasses } from "../radarClasses.js";
-import { type SeriesId } from "../../models/seriesType/common.js";
+import type { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
+import type { RadarClasses } from "../radarClasses.js";
+import type { SeriesId } from "../../models/seriesType/common.js";
 import type { HighlightItemIdentifierWithType } from "../../models/index.js";
 import type { HighlightState } from "../../hooks/useItemHighlightState.js";
 interface GetCirclePropsParams {

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.mts

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

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

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

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.d.mts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type RadarClasses } from "../radarClasses.mjs";
-import { type RadarItemIdentifier } from "../../models/seriesType/radar.mjs";
+import type { RadarClasses } from "../radarClasses.mjs";
+import type { RadarItemIdentifier } from "../../models/seriesType/radar.mjs";
 interface CommonRadarSeriesPlotProps {
   /**
    * A CSS class name applied to the root element.

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type RadarClasses } from "../radarClasses.js";
-import { type RadarItemIdentifier } from "../../models/seriesType/radar.js";
+import type { RadarClasses } from "../radarClasses.js";
+import type { RadarItemIdentifier } from "../../models/seriesType/radar.js";
 interface CommonRadarSeriesPlotProps {
   /**
    * A CSS class name applied to the root element.

package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SeriesItemIdentifierWithData } from "../../models/seriesType/index.mjs";
+import type { SeriesItemIdentifierWithData } from "../../models/seriesType/index.mjs";
 export declare const useInteractionAllItemProps: (data: SeriesItemIdentifierWithData<"radar">[], skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;

package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
+import type { SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
 export declare const useInteractionAllItemProps: (data: SeriesItemIdentifierWithData<"radar">[], skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.mts

@@ -1,4 +1,4 @@
-import { type SeriesId } from "../../models/seriesType/common.mjs";
+import type { SeriesId } from "../../models/seriesType/common.mjs";
 /**
  * This hook provides all the data needed to display radar series.
  * @param querySeriesId The id of the series to display

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -1,4 +1,4 @@
-import { type SeriesId } from "../../models/seriesType/common.js";
+import type { SeriesId } from "../../models/seriesType/common.js";
 /**
  * This hook provides all the data needed to display radar series.
  * @param querySeriesId The id of the series to display

package/RadarChart/seriesConfig/extremums.d.mts

@@ -1,3 +1,3 @@
-import { type PolarExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { PolarExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
 export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/RadarChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { type PolarExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { PolarExtremumGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
 export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/RadarChart/seriesConfig/getColor.d.mts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 declare const getColor: ColorProcessor<'radar'>;
 export default getColor;

package/RadarChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { type ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { ColorProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const getColor: ColorProcessor<'radar'>;
 export default getColor;

package/RadarChart/seriesConfig/index.d.mts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/RadarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { type ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { ChartSeriesTypeConfig } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/RadarChart/seriesConfig/legend.d.mts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 declare const legendGetter: LegendGetter<'radar'>;
 export default legendGetter;

package/RadarChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { type LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { LegendGetter } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const legendGetter: LegendGetter<'radar'>;
 export default legendGetter;

package/RadarChart/seriesConfig/seriesProcessor.d.mts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 declare const seriesProcessor: SeriesProcessor<'radar'>;
 export default seriesProcessor;

package/RadarChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 declare const seriesProcessor: SeriesProcessor<'radar'>;
 export default seriesProcessor;

package/RadarChart/useRadarChartProps.d.mts

@@ -1,12 +1,12 @@
 import type { RadarChartProps } from "./RadarChart.mjs";
-import { type ChartsOverlayProps } from "../ChartsOverlay/index.mjs";
-import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.mjs";
+import type { ChartsOverlayProps } from "../ChartsOverlay/index.mjs";
+import type { ChartsLegendSlotExtension } from "../ChartsLegend/index.mjs";
 import type { ChartsWrapperProps } from "../ChartsWrapper/index.mjs";
-import { type RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.mjs";
-import { type ChartsSurfaceProps } from "../ChartsSurface/index.mjs";
-import { type RadarGridProps } from "./RadarGrid/index.mjs";
-import { type RadarChartPluginSignatures } from "./RadarChart.plugins.mjs";
-import { type RadarSeriesAreaProps, type RadarSeriesMarksProps } from "./RadarSeriesPlot/index.mjs";
+import type { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.mjs";
+import type { ChartsSurfaceProps } from "../ChartsSurface/index.mjs";
+import type { RadarGridProps } from "./RadarGrid/index.mjs";
+import type { RadarChartPluginSignatures } from "./RadarChart.plugins.mjs";
+import type { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesPlot/index.mjs";
 /**
  * A helper function that extracts RadarChartProps from the input props
  * and returns an object with props for the children components of RadarChart.

package/RadarChart/useRadarChartProps.d.ts

@@ -1,12 +1,12 @@
 import type { RadarChartProps } from "./RadarChart.js";
-import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import type { ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import type { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
-import { type RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
-import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { type RadarGridProps } from "./RadarGrid/index.js";
-import { type RadarChartPluginSignatures } from "./RadarChart.plugins.js";
-import { type RadarSeriesAreaProps, type RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
+import type { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
+import type { ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import type { RadarGridProps } from "./RadarGrid/index.js";
+import type { RadarChartPluginSignatures } from "./RadarChart.plugins.js";
+import type { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
 /**
  * A helper function that extracts RadarChartProps from the input props
  * and returns an object with props for the children components of RadarChart.

package/ScatterChart/BatchScatter.d.mts

@@ -1,7 +1,7 @@
-import { type DefaultizedScatterSeriesType } from "../models/seriesType/scatter.mjs";
-import { type D3Scale } from "../models/axis.mjs";
+import type { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.mjs";
+import type { D3Scale } from "../models/axis.mjs";
 import type { ScatterClasses } from "./scatterClasses.mjs";
-import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 import type { ScatterSizeGetter } from "./seriesConfig/getMarkerSize.mjs";
 export interface BatchScatterProps {
   series: DefaultizedScatterSeriesType;

package/ScatterChart/BatchScatter.d.ts

@@ -1,7 +1,7 @@
-import { type DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
-import { type D3Scale } from "../models/axis.js";
+import type { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
+import type { D3Scale } from "../models/axis.js";
 import type { ScatterClasses } from "./scatterClasses.js";
-import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 import type { ScatterSizeGetter } from "./seriesConfig/getMarkerSize.js";
 export interface BatchScatterProps {
   series: DefaultizedScatterSeriesType;

package/ScatterChart/Scatter.d.mts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { type ScatterMarkerSlotProps, type ScatterMarkerSlots } from "./ScatterMarker.types.mjs";
-import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier } from "../models/seriesType/scatter.mjs";
-import { type D3Scale } from "../models/axis.mjs";
-import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { ScatterMarkerSlotProps, ScatterMarkerSlots } from "./ScatterMarker.types.mjs";
+import type { DefaultizedScatterSeriesType, ScatterItemIdentifier } from "../models/seriesType/scatter.mjs";
+import type { D3Scale } from "../models/axis.mjs";
+import type { ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 import type { ScatterSizeGetter } from "./seriesConfig/getMarkerSize.mjs";
 import type { ScatterClasses } from "./scatterClasses.mjs";
 /**

package/ScatterChart/Scatter.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { type ScatterMarkerSlotProps, type ScatterMarkerSlots } from "./ScatterMarker.types.js";
-import { type DefaultizedScatterSeriesType, type ScatterItemIdentifier } from "../models/seriesType/scatter.js";
-import { type D3Scale } from "../models/axis.js";
-import { type ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { ScatterMarkerSlotProps, ScatterMarkerSlots } from "./ScatterMarker.types.js";
+import type { DefaultizedScatterSeriesType, ScatterItemIdentifier } from "../models/seriesType/scatter.js";
+import type { D3Scale } from "../models/axis.js";
+import type { ColorGetter } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
 import type { ScatterSizeGetter } from "./seriesConfig/getMarkerSize.js";
 import type { ScatterClasses } from "./scatterClasses.js";
 /**

package/ScatterChart/ScatterChart.d.mts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { type MakeOptional } from '@mui/x-internals/types';
-import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.mjs";
-import { type ChartsSlots, type ChartsSlotProps } from "../internals/material/index.mjs";
-import { type ScatterPlotProps, type ScatterPlotSlotProps, type ScatterPlotSlots } from "./ScatterPlot.mjs";
-import { type ChartsContainerProps } from "../ChartsContainer/index.mjs";
-import { type ScatterSeriesType } from "../models/seriesType/scatter.mjs";
-import { type ChartsTooltipProps } from "../ChartsTooltip/index.mjs";
-import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.mjs";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { ChartsToolbarSlotProps, ChartsToolbarSlots } from "../Toolbar/index.mjs";
+import type { ChartsSlots, ChartsSlotProps } from "../internals/material/index.mjs";
+import type { ScatterPlotProps, ScatterPlotSlotProps, ScatterPlotSlots } from "./ScatterPlot.mjs";
+import type { ChartsContainerProps } from "../ChartsContainer/index.mjs";
+import type { ScatterSeriesType } from "../models/seriesType/scatter.mjs";
+import type { ChartsTooltipProps } from "../ChartsTooltip/index.mjs";
+import type { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.mjs";
 import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
-import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.mjs";
-import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from "../ChartsOverlay/index.mjs";
-import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.mjs";
-import { type ChartsAxisSlots, type ChartsAxisSlotProps } from "../models/axis.mjs";
-import { type ChartsGridProps } from "../ChartsGrid/index.mjs";
+import type { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.mjs";
+import type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/index.mjs";
+import type { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.mjs";
+import type { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.mjs";
+import type { ChartsGridProps } from "../ChartsGrid/index.mjs";
 import type { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.mjs";
 import type { ScatterChartPluginSignatures } from "./ScatterChart.plugins.mjs";
 export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}

package/ScatterChart/ScatterChart.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { type MakeOptional } from '@mui/x-internals/types';
-import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
-import { type ChartsSlots, type ChartsSlotProps } from "../internals/material/index.js";
-import { type ScatterPlotProps, type ScatterPlotSlotProps, type ScatterPlotSlots } from "./ScatterPlot.js";
-import { type ChartsContainerProps } from "../ChartsContainer/index.js";
-import { type ScatterSeriesType } from "../models/seriesType/scatter.js";
-import { type ChartsTooltipProps } from "../ChartsTooltip/index.js";
-import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { ChartsToolbarSlotProps, ChartsToolbarSlots } from "../Toolbar/index.js";
+import type { ChartsSlots, ChartsSlotProps } from "../internals/material/index.js";
+import type { ScatterPlotProps, ScatterPlotSlotProps, ScatterPlotSlots } from "./ScatterPlot.js";
+import type { ChartsContainerProps } from "../ChartsContainer/index.js";
+import type { ScatterSeriesType } from "../models/seriesType/scatter.js";
+import type { ChartsTooltipProps } from "../ChartsTooltip/index.js";
+import type { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
 import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
-import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.js";
-import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from "../ChartsOverlay/index.js";
-import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { type ChartsAxisSlots, type ChartsAxisSlotProps } from "../models/axis.js";
-import { type ChartsGridProps } from "../ChartsGrid/index.js";
+import type { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.js";
+import type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/index.js";
+import type { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import type { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
+import type { ChartsGridProps } from "../ChartsGrid/index.js";
 import type { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
 import type { ScatterChartPluginSignatures } from "./ScatterChart.plugins.js";
 export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}

package/ScatterChart/ScatterChart.plugins.d.mts

@@ -1,13 +1,13 @@
-import { type UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.mjs";
-import { type UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
-import { type UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
-import { type UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
-import { type UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
-import { type ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.mjs";
-import { type UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.mjs";
-import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
-import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
-import { type UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
-import { type UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.mjs";
+import type { UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.mjs";
+import type { UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
+import type { UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
+import type { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
+import type { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import type { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.mjs";
+import type { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.mjs";
+import type { UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
+import type { UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
+import type { UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
+import type { UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.mjs";
 export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export declare const SCATTER_CHART_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartPluginSignatures>;

package/ScatterChart/ScatterChart.plugins.d.ts

@@ -1,13 +1,13 @@
-import { type UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { type UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { type UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
-import { type UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { type UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-import { type ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
-import { type UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
-import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
-import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-import { type UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.js";
-import { type UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.js";
+import type { UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
+import type { UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
+import type { UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
+import type { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
+import type { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import type { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
+import type { UseChartClosestPointSignature } from "../internals/plugins/featurePlugins/useChartClosestPoint/index.js";
+import type { UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
+import type { UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
+import type { UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.js";
+import type { UseProgressiveRenderingSignature } from "../internals/plugins/featurePlugins/useProgressiveRendering/index.js";
 export type ScatterChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'scatter'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartHighlightSignature<'scatter'>, UseChartVisibilityManagerSignature<'scatter'>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export declare const SCATTER_CHART_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartPluginSignatures>;

package/ScatterChart/ScatterMarker.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SeriesId } from "../models/seriesType/common.mjs";
+import type { SeriesId } from "../models/seriesType/common.mjs";
 export interface ScatterMarkerProps {
   /**
    * The series ID.

package/ScatterChart/ScatterMarker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SeriesId } from "../models/seriesType/common.js";
+import type { SeriesId } from "../models/seriesType/common.js";
 export interface ScatterMarkerProps {
   /**
    * The series ID.

package/ScatterChart/ScatterPlot.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ScatterProps, type ScatterSlotProps, type ScatterSlots } from "./Scatter.mjs";
+import type { ScatterProps, ScatterSlotProps, ScatterSlots } from "./Scatter.mjs";
 import type { ScatterPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface ScatterPlotSlots extends ScatterSlots {
   scatter?: React.JSXElementConstructor<ScatterProps & ScatterPropsOverrides>;

package/ScatterChart/ScatterPlot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ScatterProps, type ScatterSlotProps, type ScatterSlots } from "./Scatter.js";
+import type { ScatterProps, ScatterSlotProps, ScatterSlots } from "./Scatter.js";
 import type { ScatterPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface ScatterPlotSlots extends ScatterSlots {
   scatter?: React.JSXElementConstructor<ScatterProps & ScatterPropsOverrides>;

package/ScatterChart/async/ScatterAsync.d.mts

@@ -1,4 +1,10 @@
-import { type ScatterProps } from "../Scatter.mjs";
+import type { ScatterProps } from "../Scatter.mjs";
+/**
+ * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
+ * sample is a subset of batch 0 — settling only adds points, no jump. Coarsened
+ * to stay within `budget`.
+ */
+export declare function getInteractionStep(count: number, nBatches: number, budget: number): number;
 /**
  * @ignore - internal component.
  */

package/ScatterChart/async/ScatterAsync.d.ts

@@ -1,4 +1,10 @@
-import { type ScatterProps } from "../Scatter.js";
+import type { ScatterProps } from "../Scatter.js";
+/**
+ * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
+ * sample is a subset of batch 0 — settling only adds points, no jump. Coarsened
+ * to stay within `budget`.
+ */
+export declare function getInteractionStep(count: number, nBatches: number, budget: number): number;
 /**
  * @ignore - internal component.
  */

package/ScatterChart/async/ScatterAsync.js

@@ -7,16 +7,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScatterAsync = ScatterAsync;
+exports.getInteractionStep = getInteractionStep;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ScatterAsyncBatch = require("./ScatterAsyncBatch");
 var _useStore = require("../../internals/store/useStore");
 var _useProgressiveRendering = require("../../internals/plugins/featurePlugins/useProgressiveRendering");
+var _useChartCartesianAxis = require("../../internals/plugins/featurePlugins/useChartCartesianAxis");
 var _scatterRenderData = require("./scatterRenderData.selectors");
 var _jsxRuntime = require("react/jsx-runtime");
+/** Per-series points sampled while interacting; the rest fills in on settle. */const INTERACTION_POINT_BUDGET = 2000;
+
+/**
+ * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
+ * sample is a subset of batch 0 — settling only adds points, no jump. Coarsened
+ * to stay within `budget`.
+ */
+function getInteractionStep(count, nBatches, budget) {
+  if (nBatches <= 0) {
+    return 1;
+  }
+  return nBatches * Math.max(1, Math.ceil(count / (budget * nBatches)));
+}
+
 /**
  * @ignore - internal component.
- */function ScatterAsync(props) {
+ */
+function ScatterAsync(props) {
   const {
     series,
     colorGetter,
@@ -28,26 +45,31 @@ var _jsxRuntime = require("react/jsx-runtime");
   const store = (0, _useStore.useStore)();
   const batchSize = store.use(_useProgressiveRendering.selectorProgressiveBatchSize);
   const revealedBatches = store.use(_useProgressiveRendering.selectorProgressiveSeriesRevealedBatches, series.id);
-  // Size batches by the number of *visible* points so that zooming in (which
-  // shrinks the filtered set in the selector) collapses the progressive wave
-  // into a single tick once everything fits in one batch.
+  const isZoomInteracting = store.use(_useChartCartesianAxis.selectorChartZoomIsInteracting);
   const renderData = store.use(_scatterRenderData.selectorScatterSeriesRenderData, series.id);
   const count = renderData?.count ?? 0;
+  // Batch `b` = every `nBatches`-th point from `b`: a uniform sample whose
+  // membership depends only on `dataIndex` (stable across zoom/pan, no popping).
   const nBatches = count === 0 ? 0 : Math.ceil(count / Math.max(1, batchSize));
+  // Only the first level shows while interacting; skip mounting the rest (empty
+  // `<g>` still re-renders every frame, bypassing `React.memo`).
+  const mountedBatches = isZoomInteracting ? Math.min(1, nBatches) : nBatches;
+  // `count` (total points) is constant across zoom/pan, so the sampled set is
+  // stable while panning.
+  const interactionStep = getInteractionStep(count, nBatches, INTERACTION_POINT_BUDGET);
   const batches = [];
-  for (let b = 0; b < nBatches; b += 1) {
-    const start = b * batchSize;
-    const end = Math.min(count, start + batchSize);
+  for (let b = 0; b < mountedBatches; b += 1) {
     batches.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterAsyncBatch.ScatterAsyncBatch, {
       series: series,
       colorGetter: colorGetter,
       onItemClick: onItemClick,
       slots: slots,
       slotProps: slotProps,
-      start: start,
-      end: end,
+      start: isZoomInteracting ? 0 : b,
+      step: isZoomInteracting ? interactionStep : nBatches,
       classes: classes,
-      revealed: b < revealedBatches
+      revealed: isZoomInteracting || b < revealedBatches,
+      isInteracting: isZoomInteracting
     }, b));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {

package/ScatterChart/async/ScatterAsync.mjs

@@ -5,12 +5,28 @@ import PropTypes from 'prop-types';
 import { ScatterAsyncBatch } from "./ScatterAsyncBatch.mjs";
 import { useStore } from "../../internals/store/useStore.mjs";
 import { selectorProgressiveBatchSize, selectorProgressiveSeriesRevealedBatches } from "../../internals/plugins/featurePlugins/useProgressiveRendering/index.mjs";
+import { selectorChartZoomIsInteracting } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
 import { selectorScatterSeriesRenderData } from "./scatterRenderData.selectors.mjs";
 
+/** Per-series points sampled while interacting; the rest fills in on settle. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const INTERACTION_POINT_BUDGET = 2000;
+
+/**
+ * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
+ * sample is a subset of batch 0 — settling only adds points, no jump. Coarsened
+ * to stay within `budget`.
+ */
+export function getInteractionStep(count, nBatches, budget) {
+  if (nBatches <= 0) {
+    return 1;
+  }
+  return nBatches * Math.max(1, Math.ceil(count / (budget * nBatches)));
+}
+
 /**
  * @ignore - internal component.
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 function ScatterAsync(props) {
   const {
     series,
@@ -23,26 +39,31 @@ function ScatterAsync(props) {
   const store = useStore();
   const batchSize = store.use(selectorProgressiveBatchSize);
   const revealedBatches = store.use(selectorProgressiveSeriesRevealedBatches, series.id);
-  // Size batches by the number of *visible* points so that zooming in (which
-  // shrinks the filtered set in the selector) collapses the progressive wave
-  // into a single tick once everything fits in one batch.
+  const isZoomInteracting = store.use(selectorChartZoomIsInteracting);
   const renderData = store.use(selectorScatterSeriesRenderData, series.id);
   const count = renderData?.count ?? 0;
+  // Batch `b` = every `nBatches`-th point from `b`: a uniform sample whose
+  // membership depends only on `dataIndex` (stable across zoom/pan, no popping).
   const nBatches = count === 0 ? 0 : Math.ceil(count / Math.max(1, batchSize));
+  // Only the first level shows while interacting; skip mounting the rest (empty
+  // `<g>` still re-renders every frame, bypassing `React.memo`).
+  const mountedBatches = isZoomInteracting ? Math.min(1, nBatches) : nBatches;
+  // `count` (total points) is constant across zoom/pan, so the sampled set is
+  // stable while panning.
+  const interactionStep = getInteractionStep(count, nBatches, INTERACTION_POINT_BUDGET);
   const batches = [];
-  for (let b = 0; b < nBatches; b += 1) {
-    const start = b * batchSize;
-    const end = Math.min(count, start + batchSize);
+  for (let b = 0; b < mountedBatches; b += 1) {
     batches.push(/*#__PURE__*/_jsx(ScatterAsyncBatch, {
       series: series,
       colorGetter: colorGetter,
       onItemClick: onItemClick,
       slots: slots,
       slotProps: slotProps,
-      start: start,
-      end: end,
+      start: isZoomInteracting ? 0 : b,
+      step: isZoomInteracting ? interactionStep : nBatches,
       classes: classes,
-      revealed: b < revealedBatches
+      revealed: isZoomInteracting || b < revealedBatches,
+      isInteracting: isZoomInteracting
     }, b));
   }
   return /*#__PURE__*/_jsx(React.Fragment, {