@mui/x-charts 8.16.0 → 8.18.0

package/ChartsYAxis/ChartsYAxis.js

@@ -1,14 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsYAxis = ChartsYAxis;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _warning = require("@mui/x-internals/warning");
 var _hooks = require("../hooks");

package/ChartsYAxis/ChartsYAxisImpl.d.ts

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

package/ChartsYAxis/useAxisTicksProps.d.ts

@@ -1,7 +1,7 @@
 import { ChartsYAxisProps } from "../models/axis.js";
 import { ChartsText, ChartsTextProps } from "../ChartsText/index.js";
 export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
-  yScale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
+  yScale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }> | import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
@@ -383,7 +383,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -421,7 +421,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -459,7 +459,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -497,7 +497,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -535,7 +535,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -573,7 +573,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -611,7 +611,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -649,7 +649,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -687,7 +687,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "log";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -725,7 +725,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -763,7 +763,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -801,7 +801,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -839,7 +839,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -877,7 +877,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -915,7 +915,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -953,7 +953,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -991,7 +991,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -1029,7 +1029,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "log";
+    scaleType: "linear";
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
@@ -3438,23 +3438,29 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     onTransitionRunCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStart?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
-    min?: number | string | undefined | undefined;
-    max?: number | string | undefined | undefined;
+    href?: string | undefined | undefined;
+    media?: string | undefined | undefined;
+    target?: string | undefined | undefined;
     end?: number | string | undefined | undefined;
-    cx?: number | string | undefined | undefined;
-    cy?: number | string | undefined | undefined;
+    mode?: number | string | undefined | undefined;
+    ideographic?: number | string | undefined | undefined;
+    alphabetic?: number | string | undefined | undefined;
+    hanging?: number | string | undefined | undefined;
+    mathematical?: number | string | undefined | undefined;
+    origin?: number | string | undefined | undefined;
     x?: number | string | undefined | undefined;
     y?: number | string | undefined | undefined;
     radius?: number | string | undefined | undefined;
-    media?: string | undefined | undefined;
+    cx?: number | string | undefined | undefined;
+    cy?: number | string | undefined | undefined;
+    min?: number | string | undefined | undefined;
+    max?: number | string | undefined | undefined;
     method?: string | undefined | undefined;
-    target?: string | undefined | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: number | string | undefined | undefined;
     accumulate?: "none" | "sum" | undefined | undefined;
     additive?: "replace" | "sum" | undefined | undefined;
     allowReorder?: "no" | "yes" | undefined | undefined;
-    alphabetic?: number | string | undefined | undefined;
     amplitude?: number | string | undefined | undefined;
     arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined | undefined;
     ascent?: number | string | undefined | undefined;
@@ -3502,11 +3508,8 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     glyphRef?: number | string | undefined | undefined;
     gradientTransform?: string | undefined | undefined;
     gradientUnits?: string | undefined | undefined;
-    hanging?: number | string | undefined | undefined;
     horizAdvX?: number | string | undefined | undefined;
     horizOriginX?: number | string | undefined | undefined;
-    href?: string | undefined | undefined;
-    ideographic?: number | string | undefined | undefined;
     in2?: number | string | undefined | undefined;
     in?: string | undefined | undefined;
     intercept?: number | string | undefined | undefined;
@@ -3529,13 +3532,10 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     markerWidth?: number | string | undefined | undefined;
     maskContentUnits?: number | string | undefined | undefined;
     maskUnits?: number | string | undefined | undefined;
-    mathematical?: number | string | undefined | undefined;
-    mode?: number | string | undefined | undefined;
     numOctaves?: number | string | undefined | undefined;
     operator?: number | string | undefined | undefined;
     orient?: number | string | undefined | undefined;
     orientation?: number | string | undefined | undefined;
-    origin?: number | string | undefined | undefined;
     overlinePosition?: number | string | undefined | undefined;
     overlineThickness?: number | string | undefined | undefined;
     panose1?: number | string | undefined | undefined;

package/Gauge/GaugeProvider.d.ts

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

package/Gauge/GaugeReferenceArc.d.ts

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

package/Gauge/GaugeValueArc.d.ts

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

package/Gauge/GaugeValueText.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsTextProps } from "../ChartsText/index.js";
 export interface GaugeFormatterParams {
   value: number | null;
@@ -8,7 +7,7 @@ export interface GaugeFormatterParams {
 export interface GaugeValueTextProps extends Omit<ChartsTextProps, 'text'> {
   text?: string | ((params: GaugeFormatterParams) => string | null);
 }
-declare function GaugeValueText(props: GaugeValueTextProps): React.JSX.Element | null;
+declare function GaugeValueText(props: GaugeValueTextProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GaugeValueText {
   var propTypes: any;
 }

package/Gauge/GaugeValueText.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GaugeValueText = GaugeValueText;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _GaugeProvider = require("./GaugeProvider");

package/LineChart/AnimatedArea.d.ts

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

package/LineChart/AppearingMask.d.ts

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

package/LineChart/AreaElement.d.ts

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

package/LineChart/AreaPlot.d.ts

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

package/LineChart/CircleMarkElement.d.ts

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

package/LineChart/FocusedMark.d.ts

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

package/LineChart/FocusedMark.js

@@ -1,12 +1,10 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FocusedMark = FocusedMark;
-var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _useFocusedItem = require("../hooks/useFocusedItem");
 var _hooks = require("../hooks");

package/LineChart/LineElement.d.ts

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

package/LineChart/LineHighlightElement.d.ts

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

package/LineChart/LineHighlightPlot.d.ts

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

package/LineChart/LinePlot.d.ts

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

package/LineChart/MarkElement.d.ts

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

package/LineChart/MarkPlot.d.ts

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

package/LineChart/seriesConfig/getColor.js

@@ -4,18 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
 const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
+  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
   if (yColorScale) {
     return dataIndex => {
       if (dataIndex === undefined) {
         return series.color;
       }
       const value = series.data[dataIndex];
-      const color = value === null ? series.color : yColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : yColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
@@ -26,13 +34,28 @@ const getColor = (series, xAxis, yAxis) => {
         return series.color;
       }
       const value = xAxis.data?.[dataIndex];
-      const color = value === null ? series.color : xColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : xColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
   }
-  return () => series.color;
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
 };
 var _default = exports.default = getColor;

package/LineChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
 import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const seriesConfig: ChartSeriesTypeConfig<'line'>;
+export declare const lineSeriesConfig: ChartSeriesTypeConfig<'line'>;

package/LineChart/seriesConfig/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.lineSeriesConfig = void 0;
 var _extremums = require("./extremums");
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
@@ -13,7 +13,7 @@ var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-const seriesConfig = exports.seriesConfig = {
+const lineSeriesConfig = exports.lineSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,

package/PieChart/PieArcLabelPlot.d.ts

@@ -29,7 +29,7 @@ export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'da
    */
   skipAnimation?: boolean;
 }
-declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PieArcLabelPlot {
   var propTypes: any;
 }

package/PieChart/PieArcPlot.d.ts

@@ -36,7 +36,7 @@ export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' |
    */
   skipAnimation?: boolean;
 }
-declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
+declare function PieArcPlot(props: PieArcPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PieArcPlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PieArcPlotProps, PieArcPlotSlotProps, PieArcPlotSlots } from "./PieArcPlot.js";
 import { PieArcLabelPlotSlots, PieArcLabelPlotSlotProps } from "./PieArcLabelPlot.js";
 export interface PiePlotSlots extends PieArcPlotSlots, PieArcLabelPlotSlots {}
@@ -25,7 +24,7 @@ export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'o
  *
  * - [PiePlot API](https://mui.com/x/api/charts/pie-plot/)
  */
-declare function PiePlot(props: PiePlotProps): React.JSX.Element | null;
+declare function PiePlot(props: PiePlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PiePlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PiePlot = PiePlot;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _PieArcPlot = require("./PieArcPlot");
 var _PieArcLabelPlot = require("./PieArcLabelPlot");

package/PieChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
 import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const seriesConfig: ChartSeriesTypeConfig<'pie'>;
+export declare const pieSeriesConfig: ChartSeriesTypeConfig<'pie'>;

package/PieChart/seriesConfig/index.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.pieSeriesConfig = void 0;
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-const seriesConfig = exports.seriesConfig = {
+const pieSeriesConfig = exports.pieSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,

package/RadarChart/RadarAxis/RadarAxis.d.ts

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

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

@@ -8,13 +8,13 @@ export declare function getLabelAttributes(params: GetLabelAttributesParams): {
   x: number;
   y: number;
   textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | 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;
 } | {
   x: number;
   y: number;
   textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
+  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
   transform: string;
 };
 export {};