@mui/x-charts 9.8.0 → 9.10.0

package/RadarChart/RadarGrid/SharpRadarStripes.d.mts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { RadarGridStripeRenderProps } from "./RadarGrid.types.mjs";
 /**
  * @ignore - internal component.
  */
-export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): React.JSX.Element;

package/RadarChart/RadarGrid/SharpRadarStripes.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */
-export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): React.JSX.Element;

package/RadarChart/RadarMetricLabels/RadarMetricLabels.d.mts

@@ -1,2 +1,3 @@
-declare function RadarMetricLabels(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function RadarMetricLabels(): React.JSX.Element;
 export { RadarMetricLabels };

package/RadarChart/RadarMetricLabels/RadarMetricLabels.d.ts

@@ -1,2 +1,3 @@
-declare function RadarMetricLabels(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function RadarMetricLabels(): React.JSX.Element;
 export { RadarMetricLabels };

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.mjs";
 import type { RadarClasses } from "../radarClasses.mjs";
 import type { SeriesId, HighlightItemIdentifierWithType } from "../../models/seriesType/index.mjs";
@@ -24,7 +25,7 @@ export declare function getPathProps(params: GetPathPropsParams): {
   'data-highlighted': true | undefined;
   'data-faded': true | undefined;
 };
-declare function RadarSeriesArea(props: RadarSeriesAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function RadarSeriesArea(props: RadarSeriesAreaProps): React.JSX.Element;
 declare namespace RadarSeriesArea {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
 import type { RadarClasses } from "../radarClasses.js";
 import type { SeriesId, HighlightItemIdentifierWithType } from "../../models/seriesType/index.js";
@@ -24,7 +25,7 @@ export declare function getPathProps(params: GetPathPropsParams): {
   'data-highlighted': true | undefined;
   'data-faded': true | undefined;
 };
-declare function RadarSeriesArea(props: RadarSeriesAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function RadarSeriesArea(props: RadarSeriesAreaProps): React.JSX.Element;
 declare namespace RadarSeriesArea {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.mjs";
 import type { RadarClasses } from "../radarClasses.mjs";
 import type { SeriesId } from "../../models/seriesType/common.mjs";
@@ -25,7 +26,7 @@ export declare function getCircleProps(params: GetCirclePropsParams): {
   'data-highlighted': true | undefined;
   'data-faded': true | undefined;
 };
-declare function RadarSeriesMarks(props: RadarSeriesMarksProps): import("react/jsx-runtime").JSX.Element;
+declare function RadarSeriesMarks(props: RadarSeriesMarksProps): React.JSX.Element;
 declare namespace RadarSeriesMarks {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
 import type { RadarClasses } from "../radarClasses.js";
 import type { SeriesId } from "../../models/seriesType/common.js";
@@ -25,7 +26,7 @@ export declare function getCircleProps(params: GetCirclePropsParams): {
   'data-highlighted': true | undefined;
   'data-faded': true | undefined;
 };
-declare function RadarSeriesMarks(props: RadarSeriesMarksProps): import("react/jsx-runtime").JSX.Element;
+declare function RadarSeriesMarks(props: RadarSeriesMarksProps): React.JSX.Element;
 declare namespace RadarSeriesMarks {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.mts

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

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

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

package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.mts

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

package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts

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

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.mts

@@ -5,6 +5,18 @@ import type { SeriesId } from "../../models/seriesType/common.mjs";
  * @returns
  */
 export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
+  type: 'radar';
+  data: number[];
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  hideMark?: boolean;
+  fillArea?: boolean;
+  hidden: boolean;
+  color: string;
+  colorGetter?: ((data: import("../../internals/index.mjs").ColorCallbackValue<number>) => string) | undefined;
+  id: SeriesId;
+  valueFormatter: import("../../internals/index.mjs").SeriesValueFormatter<number>;
+  highlightScope?: import("../../internals/index.mjs").CommonHighlightScope | undefined;
+  labelMarkType?: import("../../internals/index.mjs").ChartsLabelMarkType;
   seriesId: string;
   isSeriesHighlighted: boolean;
   isSeriesFaded: boolean;
@@ -17,16 +29,4 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
     value: number;
     color: string;
   }[];
-  hidden: boolean;
-  type: "radar";
-  highlightScope?: import("../../internals/index.mjs").CommonHighlightScope | undefined;
-  labelMarkType?: import("../../internals/index.mjs").ChartsLabelMarkType | undefined;
-  colorGetter?: ((data: import("../../internals/index.mjs").ColorCallbackValue<number>) => string) | undefined;
-  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  hideMark?: boolean | undefined;
-  fillArea?: boolean | undefined;
-  id: SeriesId;
-  valueFormatter: import("../../internals/index.mjs").SeriesValueFormatter<number>;
-  color: string;
-  data: number[];
 }[];

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -5,6 +5,18 @@ import type { SeriesId } from "../../models/seriesType/common.js";
  * @returns
  */
 export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
+  type: 'radar';
+  data: number[];
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  hideMark?: boolean;
+  fillArea?: boolean;
+  hidden: boolean;
+  color: string;
+  colorGetter?: ((data: import("../../internals/index.js").ColorCallbackValue<number>) => string) | undefined;
+  id: SeriesId;
+  valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
+  highlightScope?: import("../../internals/index.js").CommonHighlightScope | undefined;
+  labelMarkType?: import("../../internals/index.js").ChartsLabelMarkType;
   seriesId: string;
   isSeriesHighlighted: boolean;
   isSeriesFaded: boolean;
@@ -17,16 +29,4 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
     value: number;
     color: string;
   }[];
-  hidden: boolean;
-  type: "radar";
-  highlightScope?: import("../../internals/index.js").CommonHighlightScope | undefined;
-  labelMarkType?: import("../../internals/index.js").ChartsLabelMarkType | undefined;
-  colorGetter?: ((data: import("../../internals/index.js").ColorCallbackValue<number>) => string) | undefined;
-  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  hideMark?: boolean | undefined;
-  fillArea?: boolean | undefined;
-  id: SeriesId;
-  valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
-  color: string;
-  data: number[];
 }[];

package/RadarChart/radarClasses.d.mts

@@ -27,4 +27,4 @@ export interface RadarClasses {
 export type RadarClassKey = keyof RadarClasses;
 export declare function getRadarUtilityClass(slot: string): string;
 export declare const radarClasses: RadarClasses;
-export declare const useUtilityClasses: (classes?: Partial<RadarClasses>) => Record<"axisLine" | "axisLabel" | "axisRoot" | "gridRadial" | "gridDivider" | "gridStripe" | "seriesRoot" | "seriesArea" | "seriesMark" | "axisHighlightRoot" | "axisHighlightLine" | "axisHighlightDot", string>;
+export declare const useUtilityClasses: (classes?: Partial<RadarClasses>) => Record<"axisHighlightDot" | "axisHighlightLine" | "axisHighlightRoot" | "axisLabel" | "axisLine" | "axisRoot" | "gridDivider" | "gridRadial" | "gridStripe" | "seriesArea" | "seriesMark" | "seriesRoot", string>;

package/RadarChart/radarClasses.d.ts

@@ -27,4 +27,4 @@ export interface RadarClasses {
 export type RadarClassKey = keyof RadarClasses;
 export declare function getRadarUtilityClass(slot: string): string;
 export declare const radarClasses: RadarClasses;
-export declare const useUtilityClasses: (classes?: Partial<RadarClasses>) => Record<"axisLine" | "axisLabel" | "axisRoot" | "gridRadial" | "gridDivider" | "gridStripe" | "seriesRoot" | "seriesArea" | "seriesMark" | "axisHighlightRoot" | "axisHighlightLine" | "axisHighlightDot", string>;
+export declare const useUtilityClasses: (classes?: Partial<RadarClasses>) => Record<"axisHighlightDot" | "axisHighlightLine" | "axisHighlightRoot" | "axisLabel" | "axisLine" | "axisRoot" | "gridDivider" | "gridRadial" | "gridStripe" | "seriesArea" | "seriesMark" | "seriesRoot", string>;

package/RadarChart/seriesConfig/index.js

@@ -12,7 +12,7 @@ var _extremums = require("./extremums");
 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 _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = require("../../internals/identifierSerializer");
 var _identifierCleaner = require("../../internals/identifierCleaner");
@@ -23,7 +23,7 @@ const radarSeriesConfig = exports.radarSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
   radiusExtremumGetter: _extremums.radiusExtremumGetter,

package/RadarChart/seriesConfig/index.mjs

@@ -4,7 +4,7 @@ import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.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 keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { identifierSerializerSeriesIdDataIndex } from "../../internals/identifierSerializer.mjs";
 import { identifierCleanerSeriesIdDataIndex } from "../../internals/identifierCleaner.mjs";
@@ -15,7 +15,7 @@ export const radarSeriesConfig = {
   seriesProcessor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   axisTooltipGetter,
   getSeriesWithDefaultValues,
   radiusExtremumGetter,

package/RadarChart/seriesConfig/tooltipPosition.d.mts

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

package/RadarChart/seriesConfig/tooltipPosition.d.ts

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

package/RadarChart/seriesConfig/tooltipPosition.js

@@ -3,28 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
 var _coordinateTransformation = require("../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation");
 var _useChartPolarAxis = require("../../internals/plugins/featurePlugins/useChartPolarAxis");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    drawingArea,
-    placement
-  } = params;
-  if (!identifier) {
+var _useChartPolarAxis2 = require("../../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors");
+var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
+var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
+var _useChartDimensions = require("../../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors");
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_useChartTooltip.selectorChartsTooltipItem, _useChartSeries.selectorChartSeriesProcessed, _useChartPolarAxis2.selectorChartRotationAxis, _useChartPolarAxis2.selectorChartRadiusAxis, _useChartDimensions.selectorChartDrawingArea, function selectorTooltipItemPosition(identifier, series, rotationAxes, radiusAxes, drawingArea, placement) {
+  if (!identifier || identifier.type !== 'radar') {
     return null;
   }
   const itemSeries = series.radar?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  const {
-    radiusAxes,
-    rotationAxes
-  } = axesConfig;
   if (radiusAxes === undefined || rotationAxes === undefined) {
     return null;
   }
@@ -102,5 +96,4 @@ const tooltipItemPositionGetter = params => {
         y: top
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/RadarChart/seriesConfig/tooltipPosition.mjs

@@ -1,24 +1,18 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
 import { generatePolar2svg } from "../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation.mjs";
 import { getDrawingAreaCenter } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.mjs";
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    drawingArea,
-    placement
-  } = params;
-  if (!identifier) {
+import { selectorChartRotationAxis, selectorChartRadiusAxis } from "../../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.mjs";
+import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
+import { selectorChartSeriesProcessed } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
+import { selectorChartDrawingArea } from "../../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.mjs";
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartRotationAxis, selectorChartRadiusAxis, selectorChartDrawingArea, function selectorTooltipItemPosition(identifier, series, rotationAxes, radiusAxes, drawingArea, placement) {
+  if (!identifier || identifier.type !== 'radar') {
     return null;
   }
   const itemSeries = series.radar?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  const {
-    radiusAxes,
-    rotationAxes
-  } = axesConfig;
   if (radiusAxes === undefined || rotationAxes === undefined) {
     return null;
   }
@@ -96,5 +90,4 @@ const tooltipItemPositionGetter = params => {
         y: top
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/RadarChart/useRadarChartProps.d.mts

@@ -15,7 +15,7 @@ import type { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesP
  * @returns An object with props for the children components of RadarChart
  */
 export declare const useRadarChartProps: (props: RadarChartProps) => {
-  highlight: "none" | "series" | "axis";
+  highlight: "axis" | "none" | "series";
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
   chartsSurfaceProps: ChartsSurfaceProps;
   radarDataProviderProps: RadarDataProviderProps<RadarChartPluginSignatures>;

package/RadarChart/useRadarChartProps.d.ts

@@ -15,7 +15,7 @@ import type { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesP
  * @returns An object with props for the children components of RadarChart
  */
 export declare const useRadarChartProps: (props: RadarChartProps) => {
-  highlight: "none" | "series" | "axis";
+  highlight: "axis" | "none" | "series";
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
   chartsSurfaceProps: ChartsSurfaceProps;
   radarDataProviderProps: RadarDataProviderProps<RadarChartPluginSignatures>;

package/ScatterChart/BatchScatter.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.mjs";
 import type { D3Scale } from "../models/axis.mjs";
 import type { ScatterClasses } from "./scatterClasses.mjs";
@@ -23,4 +24,4 @@ export interface BatchScatterProps {
  *
  * You can read about all the limitations [here](https://mui.com/x/react-charts/scatter/#performance).
  */
-export declare function BatchScatter(props: BatchScatterProps): import("react/jsx-runtime").JSX.Element;
+export declare function BatchScatter(props: BatchScatterProps): React.JSX.Element;

package/ScatterChart/BatchScatter.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
 import type { D3Scale } from "../models/axis.js";
 import type { ScatterClasses } from "./scatterClasses.js";
@@ -23,4 +24,4 @@ export interface BatchScatterProps {
  *
  * You can read about all the limitations [here](https://mui.com/x/react-charts/scatter/#performance).
  */
-export declare function BatchScatter(props: BatchScatterProps): import("react/jsx-runtime").JSX.Element;
+export declare function BatchScatter(props: BatchScatterProps): React.JSX.Element;

package/ScatterChart/FocusedScatterMark.d.mts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare function FocusedScatterMark({
   className,
   ...props
-}: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+}: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/ScatterChart/FocusedScatterMark.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare function FocusedScatterMark({
   className,
   ...props
-}: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+}: React.SVGAttributes<SVGRectElement>): React.JSX.Element | null;

package/ScatterChart/HighlightedScatterMark.d.mts

@@ -8,4 +8,4 @@ import * as React from 'react';
 export declare function HighlightedScatterMark({
   className,
   ...props
-}: React.SVGAttributes<SVGCircleElement>): import("react/jsx-runtime").JSX.Element | null;
+}: React.SVGAttributes<SVGCircleElement>): React.JSX.Element | null;

package/ScatterChart/HighlightedScatterMark.d.ts

@@ -8,4 +8,4 @@ import * as React from 'react';
 export declare function HighlightedScatterMark({
   className,
   ...props
-}: React.SVGAttributes<SVGCircleElement>): import("react/jsx-runtime").JSX.Element | null;
+}: React.SVGAttributes<SVGCircleElement>): React.JSX.Element | null;

package/ScatterChart/Scatter.d.mts

@@ -53,7 +53,7 @@ export interface ScatterSlotProps extends ScatterMarkerSlotProps {}
  *
  * - [Scatter API](https://mui.com/x/api/charts/scatter/)
  */
-declare function Scatter(props: ScatterProps): import("react/jsx-runtime").JSX.Element;
+declare function Scatter(props: ScatterProps): React.JSX.Element;
 declare namespace Scatter {
   var propTypes: any;
 }

package/ScatterChart/Scatter.d.ts

@@ -53,7 +53,7 @@ export interface ScatterSlotProps extends ScatterMarkerSlotProps {}
  *
  * - [Scatter API](https://mui.com/x/api/charts/scatter/)
  */
-declare function Scatter(props: ScatterProps): import("react/jsx-runtime").JSX.Element;
+declare function Scatter(props: ScatterProps): React.JSX.Element;
 declare namespace Scatter {
   var propTypes: any;
 }

package/ScatterChart/ScatterChart.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/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";
@@ -21,7 +22,7 @@ export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotS
    * Slot props for the tooltip component.
    * @default {}
    */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides>;
 }
 export type ScatterSeries = MakeOptional<ScatterSeriesType, 'type'>;
 export interface ScatterChartProps extends Omit<ChartsContainerProps<'scatter', ScatterChartPluginSignatures>, 'series' | 'plugins' | 'onItemClick' | 'highlightedAxis' | 'onHighlightedAxisChange'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<ScatterPlotProps, 'renderer'> {

package/ScatterChart/ScatterChart.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/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";
@@ -21,7 +22,7 @@ export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotS
    * Slot props for the tooltip component.
    * @default {}
    */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<'item' | 'none'>> & TooltipPropsOverrides>;
 }
 export type ScatterSeries = MakeOptional<ScatterSeriesType, 'type'>;
 export interface ScatterChartProps extends Omit<ChartsContainerProps<'scatter', ScatterChartPluginSignatures>, 'series' | 'plugins' | 'onItemClick' | 'highlightedAxis' | 'onHighlightedAxisChange'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<ScatterPlotProps, 'renderer'> {

package/ScatterChart/ScatterMarker.d.mts

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

package/ScatterChart/ScatterMarker.d.ts

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

package/ScatterChart/ScatterMarker.types.d.mts

@@ -1,4 +1,5 @@
 import type * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ScatterMarkerProps } from "./ScatterMarker.mjs";
 import type { MarkerPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface ScatterMarkerSlots {
@@ -9,7 +10,7 @@ export interface ScatterMarkerSlots {
   marker?: React.JSXElementConstructor<ScatterMarkerProps & MarkerPropsOverrides>;
 }
 export interface ScatterMarkerSlotProps {
-  marker?: Partial<ScatterMarkerProps> & MarkerPropsOverrides;
+  marker?: WithDataAttributes<Partial<ScatterMarkerProps> & MarkerPropsOverrides>;
 }
 export interface ScatterMarkerSlotExtension {
   /**

package/ScatterChart/ScatterMarker.types.d.ts

@@ -1,4 +1,5 @@
 import type * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ScatterMarkerProps } from "./ScatterMarker.js";
 import type { MarkerPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface ScatterMarkerSlots {
@@ -9,7 +10,7 @@ export interface ScatterMarkerSlots {
   marker?: React.JSXElementConstructor<ScatterMarkerProps & MarkerPropsOverrides>;
 }
 export interface ScatterMarkerSlotProps {
-  marker?: Partial<ScatterMarkerProps> & MarkerPropsOverrides;
+  marker?: WithDataAttributes<Partial<ScatterMarkerProps> & MarkerPropsOverrides>;
 }
 export interface ScatterMarkerSlotExtension {
   /**

package/ScatterChart/ScatterPlot.d.mts

@@ -49,7 +49,7 @@ export interface ScatterPlotProps extends Pick<ScatterProps, 'classes'> {
  *
  * - [ScatterPlot API](https://mui.com/x/api/charts/scatter-plot/)
  */
-declare function ScatterPlot(props: ScatterPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ScatterPlot(props: ScatterPlotProps): React.JSX.Element | null;
 declare namespace ScatterPlot {
   var propTypes: any;
 }

package/ScatterChart/ScatterPlot.d.ts

@@ -49,7 +49,7 @@ export interface ScatterPlotProps extends Pick<ScatterProps, 'classes'> {
  *
  * - [ScatterPlot API](https://mui.com/x/api/charts/scatter-plot/)
  */
-declare function ScatterPlot(props: ScatterPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ScatterPlot(props: ScatterPlotProps): React.JSX.Element | null;
 declare namespace ScatterPlot {
   var propTypes: any;
 }

package/ScatterChart/async/ScatterAsync.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ScatterProps } from "../Scatter.mjs";
 /**
  * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
@@ -8,7 +9,7 @@ export declare function getInteractionStep(count: number, nBatches: number, budg
 /**
  * @ignore - internal component.
  */
-declare function ScatterAsync(props: ScatterProps): import("react/jsx-runtime").JSX.Element;
+declare function ScatterAsync(props: ScatterProps): React.JSX.Element;
 declare namespace ScatterAsync {
   var propTypes: any;
 }

package/ScatterChart/async/ScatterAsync.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ScatterProps } from "../Scatter.js";
 /**
  * Interacting sample stride. Multiple of `nBatches` (batch 0's stride) so the
@@ -8,7 +9,7 @@ export declare function getInteractionStep(count: number, nBatches: number, budg
 /**
  * @ignore - internal component.
  */
-declare function ScatterAsync(props: ScatterProps): import("react/jsx-runtime").JSX.Element;
+declare function ScatterAsync(props: ScatterProps): React.JSX.Element;
 declare namespace ScatterAsync {
   var propTypes: any;
 }

package/ScatterChart/async/ScatterAsyncBatch.d.mts

@@ -24,6 +24,6 @@ export interface ScatterAsyncBatchProps extends Pick<ScatterProps, 'series' | 'c
 /**
  * @ignore - internal component.
  */
-declare function ScatterAsyncBatchComponent(props: ScatterAsyncBatchProps): import("react/jsx-runtime").JSX.Element;
+declare function ScatterAsyncBatchComponent(props: ScatterAsyncBatchProps): React.JSX.Element;
 declare const ScatterAsyncBatch: React.MemoExoticComponent<typeof ScatterAsyncBatchComponent>;
 export { ScatterAsyncBatch };

package/ScatterChart/async/ScatterAsyncBatch.d.ts

@@ -24,6 +24,6 @@ export interface ScatterAsyncBatchProps extends Pick<ScatterProps, 'series' | 'c
 /**
  * @ignore - internal component.
  */
-declare function ScatterAsyncBatchComponent(props: ScatterAsyncBatchProps): import("react/jsx-runtime").JSX.Element;
+declare function ScatterAsyncBatchComponent(props: ScatterAsyncBatchProps): React.JSX.Element;
 declare const ScatterAsyncBatch: React.MemoExoticComponent<typeof ScatterAsyncBatchComponent>;
 export { ScatterAsyncBatch };

package/ScatterChart/scatterClasses.d.mts

@@ -19,4 +19,4 @@ export declare const scatterClasses: ScatterClasses;
 export interface UseUtilityClassesOptions {
   classes?: Partial<ScatterClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "marker" | "series" | "focusedMark" | "highlightedMark", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"focusedMark" | "highlightedMark" | "marker" | "root" | "series", string>;

package/ScatterChart/scatterClasses.d.ts

@@ -19,4 +19,4 @@ export declare const scatterClasses: ScatterClasses;
 export interface UseUtilityClassesOptions {
   classes?: Partial<ScatterClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "marker" | "series" | "focusedMark" | "highlightedMark", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"focusedMark" | "highlightedMark" | "marker" | "root" | "series", string>;