@mui/x-charts 9.8.0 → 9.10.0

package/LineChart/useLinePlotData.mjs

@@ -1,16 +1,47 @@
+'use client';
+
 import * as React from 'react';
 import { warnOnce } from '@mui/x-internals/warning';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
 import { useChartGradientIdBuilder } from "../hooks/useChartGradientId.mjs";
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
+import { selectorChartSamplingState, selectorChartSamplingPyramids, getFullRangeZoom } from "../internals/plugins/featurePlugins/useChartCartesianAxis/sampling.selectors.mjs";
+import { selectorChartZoomMap, selectorChartZoomOptionsLookup } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
+import { selectorChartSeriesConfig } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import { useStore } from "../internals/store/useStore.mjs";
 import { getCurveFactory } from "../internals/getCurve.mjs";
-import { getValueToPositionMapper, useLineSeriesContext, useXAxes, useYAxes } from "../hooks/index.mjs";
+import { getValueToPositionMapper, useDrawingArea, useLineSeriesContext, useXAxes, useYAxes } from "../hooks/index.mjs";
 import { DEFAULT_X_AXIS_KEY } from "../constants/index.mjs";
-export function useLinePlotData(xAxes, yAxes) {
+export function useLinePlotData(xAxes, yAxes,
+/**
+ * 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) {
   const seriesData = useLineSeriesContext();
   const defaultXAxisId = useXAxes().xAxisIds[0];
   const defaultYAxisId = useYAxes().yAxisIds[0];
   const getGradientId = useChartGradientIdBuilder();
+  const drawingArea = useDrawingArea();
+  const store = useStore();
+  const samplingState = store.use(selectorChartSamplingState);
+  const sampledSeries = store.use(selectorChartSamplingPyramids);
+  const activeZoomMap = store.use(selectorChartZoomMap);
+  const zoomOptions = store.use(selectorChartZoomOptionsLookup);
+  const sampler = store.use(selectorChartSeriesConfig).line?.sampler;
+  const zoomMap = samplingOverride?.zoomMap ?? activeZoomMap;
+  const samplingSize = samplingOverride?.availableSize ?? drawingArea.width;
+
+  // Skip the line animation while sampling is on, plus the first render after it turns off: the
+  // point count changes, so the path would morph.
+  const lineMethod = samplingState?.methods.line;
+  const samplingEnabled = lineMethod != null && lineMethod !== 'none';
+  const wasSamplingEnabled = React.useRef(samplingEnabled);
+  const skipSamplingAnimation = samplingEnabled || wasSamplingEnabled.current;
+  React.useEffect(() => {
+    wasSamplingEnabled.current = samplingEnabled;
+  }, [samplingEnabled]);
 
   // This memo prevents odd line chart behavior when hydrating.
   const allData = React.useMemo(() => {
@@ -54,39 +85,65 @@ export function useLinePlotData(xAxes, yAxes) {
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && isOrdinalScale(xScale);
-        const formattedData = xData?.flatMap((x, index) => {
-          const nullData = data[index] == null;
-          if (shouldExpand) {
-            const rep = [{
-              x,
-              y: visibleStackedData[index],
-              nullData,
-              isExtension: false
-            }];
-            if (!nullData && (index === 0 || data[index - 1] == null)) {
-              rep.unshift({
-                x: (xScale(x) ?? 0) - (xScale.step() - xScale.bandwidth()) / 2,
-                y: visibleStackedData[index],
-                nullData,
-                isExtension: true
-              });
-            }
-            if (!nullData && (index === data.length - 1 || data[index + 1] == null)) {
-              rep.push({
-                x: (xScale(x) ?? 0) + (xScale.step() + xScale.bandwidth()) / 2,
+
+        // Only the plain (non-step) path is sampled; step expansion falls back to the full render.
+        const built = sampledSeries[seriesId];
+        const zoom = zoomMap?.get(xAxisId) ?? (built ? getFullRangeZoom(xAxisId) : undefined);
+        let sampledBuckets = null;
+        if (samplingEnabled && built && zoom && !shouldExpand && xData) {
+          // Pro owns the sampling math; community flattens the buckets into a polyline.
+          sampledBuckets = sampler?.sample?.({
+            built,
+            zoom,
+            availableSize: samplingSize,
+            minSpan: zoomOptions[xAxisId]?.minSpan ?? 0,
+            algorithm: lineMethod,
+            getValues: () => Float64Array.from(visibleStackedData, point => point[1])
+          }) ?? null;
+        }
+        let formattedData;
+        if (sampledBuckets) {
+          // Buckets already hold the indices to render; flatten them.
+          formattedData = sampledBuckets.flatMap(bucket => Array.from(bucket.indices, index => ({
+            x: xData[index],
+            y: visibleStackedData[index],
+            nullData: data[index] == null
+          })));
+        } else {
+          formattedData = xData?.flatMap((x, index) => {
+            const nullData = data[index] == null;
+            if (shouldExpand) {
+              const rep = [{
+                x,
                 y: visibleStackedData[index],
                 nullData,
-                isExtension: true
-              });
+                isExtension: false
+              }];
+              if (!nullData && (index === 0 || data[index - 1] == null)) {
+                rep.unshift({
+                  x: (xScale(x) ?? 0) - (xScale.step() - xScale.bandwidth()) / 2,
+                  y: visibleStackedData[index],
+                  nullData,
+                  isExtension: true
+                });
+              }
+              if (!nullData && (index === data.length - 1 || data[index + 1] == null)) {
+                rep.push({
+                  x: (xScale(x) ?? 0) + (xScale.step() + xScale.bandwidth()) / 2,
+                  y: visibleStackedData[index],
+                  nullData,
+                  isExtension: true
+                });
+              }
+              return rep;
             }
-            return rep;
-          }
-          return {
-            x,
-            y: visibleStackedData[index],
-            nullData
-          };
-        }) ?? [];
+            return {
+              x,
+              y: visibleStackedData[index],
+              nullData
+            };
+          }) ?? [];
+        }
         const d3Data = connectNulls ? formattedData.filter(d => !d.nullData) : formattedData;
         const hidden = series[seriesId].hidden;
         const linePath = d3Line().x(d => d.isExtension ? d.x : xPosition(d.x)).defined(d => connectNulls || !d.nullData || !!d.isExtension).y(d => {
@@ -101,11 +158,12 @@ export function useLinePlotData(xAxes, yAxes) {
           gradientId,
           d,
           seriesId,
-          hidden: series[seriesId].hidden
+          hidden: series[seriesId].hidden,
+          isSampled: skipSamplingAnimation
         });
       }
     }
     return linePlotData;
-  }, [seriesData, defaultXAxisId, defaultYAxisId, xAxes, yAxes, getGradientId]);
+  }, [seriesData, defaultXAxisId, defaultYAxisId, xAxes, yAxes, getGradientId, samplingEnabled, lineMethod, sampledSeries, zoomMap, samplingSize, zoomOptions, sampler, skipSamplingAnimation]);
   return allData;
 }

package/PieChart/FocusedPieArc.d.mts

@@ -1,5 +1,5 @@
 import type { PieArcProps } from "./PieArc.mjs";
-declare function FocusedPieArc(props: Partial<Omit<PieArcProps, 'startAngle' | 'endAngle' | 'seriesId' | 'dataIndex' | 'isFaded' | 'isHighlighted' | 'isFocused'>>): import("react/jsx-runtime").JSX.Element | null;
+declare function FocusedPieArc(props: Partial<Omit<PieArcProps, 'startAngle' | 'endAngle' | 'seriesId' | 'dataIndex' | 'isFaded' | 'isHighlighted' | 'isFocused'>>): import("react").JSX.Element | null;
 declare namespace FocusedPieArc {
   var propTypes: any;
 }

package/PieChart/FocusedPieArc.d.ts

@@ -1,5 +1,5 @@
 import type { PieArcProps } from "./PieArc.js";
-declare function FocusedPieArc(props: Partial<Omit<PieArcProps, 'startAngle' | 'endAngle' | 'seriesId' | 'dataIndex' | 'isFaded' | 'isHighlighted' | 'isFocused'>>): import("react/jsx-runtime").JSX.Element | null;
+declare function FocusedPieArc(props: Partial<Omit<PieArcProps, 'startAngle' | 'endAngle' | 'seriesId' | 'dataIndex' | 'isFaded' | 'isHighlighted' | 'isFocused'>>): import("react").JSX.Element | null;
 declare namespace FocusedPieArc {
   var propTypes: any;
 }

package/PieChart/PieArcLabelPlot.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ComputedPieRadius, DefaultizedPieSeriesType } from "../models/seriesType/pie.mjs";
 import type { PieArcLabelProps } from "./PieArcLabel.mjs";
 import type { PieArcLabelPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
@@ -6,7 +7,7 @@ export interface PieArcLabelPlotSlots {
   pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotSlotProps {
-  pieArcLabel?: Partial<PieArcLabelProps> & PieArcLabelPropsOverrides;
+  pieArcLabel?: WithDataAttributes<Partial<PieArcLabelProps> & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle'>, ComputedPieRadius {
   /**
@@ -34,7 +35,7 @@ export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'da
    */
   skipAnimation?: boolean;
 }
-declare function PieArcLabelPlot(props: PieArcLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
 declare namespace PieArcLabelPlot {
   var propTypes: any;
 }

package/PieChart/PieArcLabelPlot.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ComputedPieRadius, DefaultizedPieSeriesType } from "../models/seriesType/pie.js";
 import type { PieArcLabelProps } from "./PieArcLabel.js";
 import type { PieArcLabelPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
@@ -6,7 +7,7 @@ export interface PieArcLabelPlotSlots {
   pieArcLabel?: React.JSXElementConstructor<PieArcLabelProps & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotSlotProps {
-  pieArcLabel?: Partial<PieArcLabelProps> & PieArcLabelPropsOverrides;
+  pieArcLabel?: WithDataAttributes<Partial<PieArcLabelProps> & PieArcLabelPropsOverrides>;
 }
 export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle' | 'arcLabel' | 'arcLabelMinAngle'>, ComputedPieRadius {
   /**
@@ -34,7 +35,7 @@ export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'da
    */
   skipAnimation?: boolean;
 }
-declare function PieArcLabelPlot(props: PieArcLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
 declare namespace PieArcLabelPlot {
   var propTypes: any;
 }

package/PieChart/PieArcPlot.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PieArcProps } from "./PieArc.mjs";
 import type { ComputedPieRadius, DefaultizedPieSeriesType, DefaultizedPieValueType, PieItemIdentifier } from "../models/seriesType/pie.mjs";
 import type { PieArcPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
@@ -6,7 +7,7 @@ export interface PieArcPlotSlots {
   pieArc?: React.JSXElementConstructor<PieArcProps & PieArcPropsOverrides>;
 }
 export interface PieArcPlotSlotProps {
-  pieArc?: Partial<PieArcProps> & PieArcPropsOverrides;
+  pieArc?: WithDataAttributes<Partial<PieArcProps> & PieArcPropsOverrides>;
 }
 export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle'>, ComputedPieRadius {
   /**
@@ -41,7 +42,7 @@ export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' |
    */
   skipAnimation?: boolean;
 }
-declare function PieArcPlot(props: PieArcPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
 declare namespace PieArcPlot {
   var propTypes: any;
 }

package/PieChart/PieArcPlot.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { PieArcProps } from "./PieArc.js";
 import type { ComputedPieRadius, DefaultizedPieSeriesType, DefaultizedPieValueType, PieItemIdentifier } from "../models/seriesType/pie.js";
 import type { PieArcPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
@@ -6,7 +7,7 @@ export interface PieArcPlotSlots {
   pieArc?: React.JSXElementConstructor<PieArcProps & PieArcPropsOverrides>;
 }
 export interface PieArcPlotSlotProps {
-  pieArc?: Partial<PieArcProps> & PieArcPropsOverrides;
+  pieArc?: WithDataAttributes<Partial<PieArcProps> & PieArcPropsOverrides>;
 }
 export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' | 'faded' | 'highlighted' | 'cornerRadius' | 'paddingAngle'>, ComputedPieRadius {
   /**
@@ -41,7 +42,7 @@ export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' |
    */
   skipAnimation?: boolean;
 }
-declare function PieArcPlot(props: PieArcPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
 declare namespace PieArcPlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.d.mts

@@ -25,7 +25,7 @@ export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'o
  *
  * - [PiePlot API](https://mui.com/x/api/charts/pie-plot/)
  */
-declare function PiePlot(props: PiePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PiePlot(props: PiePlotProps): import("react").JSX.Element | null;
 declare namespace PiePlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.d.ts

@@ -25,7 +25,7 @@ export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'o
  *
  * - [PiePlot API](https://mui.com/x/api/charts/pie-plot/)
  */
-declare function PiePlot(props: PiePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function PiePlot(props: PiePlotProps): import("react").JSX.Element | null;
 declare namespace PiePlot {
   var propTypes: any;
 }

package/PieChart/pieClasses.d.mts

@@ -30,4 +30,4 @@ export declare const pieClasses: PieClasses;
 export declare const useUtilityClasses: (options?: {
   classes?: Partial<PieClasses>;
   skipAnimation?: boolean;
-}) => Record<"root" | "series" | "seriesLabels" | "arcLabel" | "arc" | "focusIndicator", string>;
+}) => Record<"arc" | "arcLabel" | "focusIndicator" | "root" | "series" | "seriesLabels", string>;

package/PieChart/pieClasses.d.ts

@@ -30,4 +30,4 @@ export declare const pieClasses: PieClasses;
 export declare const useUtilityClasses: (options?: {
   classes?: Partial<PieClasses>;
   skipAnimation?: boolean;
-}) => Record<"root" | "series" | "seriesLabels" | "arcLabel" | "arc" | "focusIndicator", string>;
+}) => Record<"arc" | "arcLabel" | "focusIndicator" | "root" | "series" | "seriesLabels", string>;

package/PieChart/seriesConfig/index.js

@@ -11,7 +11,7 @@ var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _seriesLayout = _interopRequireDefault(require("./seriesLayout"));
 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 pieSeriesConfig = exports.pieSeriesConfig = {
   seriesLayout: _seriesLayout.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.identifierSerializerSeriesIdDataIndex,

package/PieChart/seriesConfig/index.mjs

@@ -4,7 +4,7 @@ import legendGetter from "./legend.mjs";
 import tooltipGetter from "./tooltip.mjs";
 import seriesLayout from "./seriesLayout.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";
@@ -16,7 +16,7 @@ export const pieSeriesConfig = {
   seriesLayout,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   getSeriesWithDefaultValues,
   keyboardFocusHandler,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,

package/PieChart/seriesConfig/tooltipPosition.d.mts

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

package/PieChart/seriesConfig/tooltipPosition.d.ts

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

package/PieChart/seriesConfig/tooltipPosition.js

@@ -3,16 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
 var _findMinMax = require("../../internals/findMinMax");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    placement,
-    seriesLayout
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
+var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_useChartTooltip.selectorChartsTooltipItem, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'pie' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.pie?.series[identifier.seriesId];
@@ -62,5 +59,4 @@ const tooltipItemPositionGetter = params => {
         y: y0
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/PieChart/seriesConfig/tooltipPosition.mjs

@@ -1,12 +1,9 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
 import { findMinMax } from "../../internals/findMinMax.mjs";
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    placement,
-    seriesLayout
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
+import { selectorChartSeriesProcessed, selectorChartSeriesLayout } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'pie' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.pie?.series[identifier.seriesId];
@@ -56,5 +53,4 @@ const tooltipItemPositionGetter = params => {
         y: y0
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/RadarChart/FocusedRadarMark.d.mts

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

package/RadarChart/FocusedRadarMark.d.ts

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

package/RadarChart/RadarAxis/RadarAxis.d.mts

@@ -26,7 +26,7 @@ export interface RadarAxisProps extends UseRadarAxisParams {
    */
   classes?: Partial<Pick<RadarClasses, 'axisRoot' | 'axisLine' | 'axisLabel'>>;
 }
-declare function RadarAxis(props: RadarAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarAxis(props: RadarAxisProps): React.JSX.Element | null;
 declare namespace RadarAxis {
   var propTypes: any;
 }

package/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -26,7 +26,7 @@ export interface RadarAxisProps extends UseRadarAxisParams {
    */
   classes?: Partial<Pick<RadarClasses, 'axisRoot' | 'axisLine' | 'axisLabel'>>;
 }
-declare function RadarAxis(props: RadarAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarAxis(props: RadarAxisProps): React.JSX.Element | null;
 declare namespace RadarAxis {
   var propTypes: any;
 }

package/RadarChart/RadarAxis/RadarAxis.utils.d.mts

@@ -5,16 +5,16 @@ interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelO
   angle: number;
 }
 export declare function getLabelAttributes(params: GetLabelAttributesParams): {
+  transform?: undefined;
   x: number;
   y: number;
-  textAnchor: "start" | "end" | "inherit" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
-  transform?: undefined;
+  textAnchor: "end" | "inherit" | "middle" | "start" | undefined;
+  dominantBaseline: "alphabetic" | "auto" | "central" | "hanging" | "ideographic" | "inherit" | "mathematical" | "middle" | "no-change" | "reset-size" | "text-after-edge" | "text-before-edge" | "use-script" | undefined;
 } | {
   x: number;
   y: number;
-  textAnchor: "start" | "end" | "inherit" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
+  textAnchor: "end" | "inherit" | "middle" | "start" | undefined;
+  dominantBaseline: "alphabetic" | "auto" | "central" | "hanging" | "ideographic" | "inherit" | "mathematical" | "middle" | "no-change" | "reset-size" | "text-after-edge" | "text-before-edge" | "use-script" | undefined;
   transform: string;
 };
 export {};

package/RadarChart/RadarAxis/RadarAxis.utils.d.ts

@@ -5,16 +5,16 @@ interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelO
   angle: number;
 }
 export declare function getLabelAttributes(params: GetLabelAttributesParams): {
+  transform?: undefined;
   x: number;
   y: number;
-  textAnchor: "start" | "end" | "inherit" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
-  transform?: undefined;
+  textAnchor: "end" | "inherit" | "middle" | "start" | undefined;
+  dominantBaseline: "alphabetic" | "auto" | "central" | "hanging" | "ideographic" | "inherit" | "mathematical" | "middle" | "no-change" | "reset-size" | "text-after-edge" | "text-before-edge" | "use-script" | undefined;
 } | {
   x: number;
   y: number;
-  textAnchor: "start" | "end" | "inherit" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
+  textAnchor: "end" | "inherit" | "middle" | "start" | undefined;
+  dominantBaseline: "alphabetic" | "auto" | "central" | "hanging" | "ideographic" | "inherit" | "mathematical" | "middle" | "no-change" | "reset-size" | "text-after-edge" | "text-before-edge" | "use-script" | undefined;
   transform: string;
 };
 export {};

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.d.mts

@@ -9,7 +9,7 @@ export interface RadarAxisHighlightProps {
    */
   classes?: Partial<Pick<RadarClasses, 'axisHighlightRoot' | 'axisHighlightLine' | 'axisHighlightDot'>>;
 }
-declare function RadarAxisHighlight(props: RadarAxisHighlightProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarAxisHighlight(props: RadarAxisHighlightProps): import("react").JSX.Element | null;
 declare namespace RadarAxisHighlight {
   var propTypes: any;
 }

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.d.ts

@@ -9,7 +9,7 @@ export interface RadarAxisHighlightProps {
    */
   classes?: Partial<Pick<RadarClasses, 'axisHighlightRoot' | 'axisHighlightLine' | 'axisHighlightDot'>>;
 }
-declare function RadarAxisHighlight(props: RadarAxisHighlightProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarAxisHighlight(props: RadarAxisHighlightProps): import("react").JSX.Element | null;
 declare namespace RadarAxisHighlight {
   var propTypes: any;
 }

package/RadarChart/RadarDataProvider/RadarDataProvider.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
 import type { RadarChartPluginSignatures } from "../RadarChart.plugins.mjs";
 import type { RadarSeriesType } from "../../models/seriesType/radar.mjs";
@@ -21,5 +22,5 @@ export type RadarDataProviderProps<TSignatures extends readonly ChartAnyPluginSi
    */
   highlight?: 'axis' | 'series' | 'none';
 };
-declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): React.JSX.Element;
 export { RadarDataProvider };

package/RadarChart/RadarDataProvider/RadarDataProvider.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
 import type { RadarChartPluginSignatures } from "../RadarChart.plugins.js";
 import type { RadarSeriesType } from "../../models/seriesType/radar.js";
@@ -21,5 +22,5 @@ export type RadarDataProviderProps<TSignatures extends readonly ChartAnyPluginSi
    */
   highlight?: 'axis' | 'series' | 'none';
 };
-declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): React.JSX.Element;
 export { RadarDataProvider };

package/RadarChart/RadarGrid/CircularRadarGrid.d.mts

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

package/RadarChart/RadarGrid/CircularRadarGrid.d.ts

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

package/RadarChart/RadarGrid/CircularRadarStripes.d.mts

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

package/RadarChart/RadarGrid/CircularRadarStripes.d.ts

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

package/RadarChart/RadarGrid/RadarGrid.d.mts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { RadarGridProps } from "./RadarGrid.types.mjs";
-declare function RadarGrid(props: RadarGridProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarGrid(props: RadarGridProps): React.JSX.Element | null;
 declare namespace RadarGrid {
   var propTypes: any;
 }

package/RadarChart/RadarGrid/RadarGrid.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { RadarGridProps } from "./RadarGrid.types.js";
-declare function RadarGrid(props: RadarGridProps): import("react/jsx-runtime").JSX.Element | null;
+declare function RadarGrid(props: RadarGridProps): React.JSX.Element | null;
 declare namespace RadarGrid {
   var propTypes: any;
 }

package/RadarChart/RadarGrid/SharpRadarGrid.d.mts

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

package/RadarChart/RadarGrid/SharpRadarGrid.d.ts

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