@mui/x-charts 9.8.0 → 9.9.0

package/ChartsText/ChartsText.d.ts

@@ -10,7 +10,7 @@ export interface ChartsTextProps extends Omit<React.SVGTextElementAttributes<SVG
 /**
  * Helper component to manage multiline text in SVG
  */
-declare function ChartsText(props: ChartsTextProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsText(props: ChartsTextProps): React.JSX.Element;
 declare namespace ChartsText {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsAxisTooltipContent.d.mts

@@ -14,7 +14,7 @@ export interface ChartsAxisTooltipContentProps {
    */
   sort?: 'none' | 'asc' | 'desc';
 }
-declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react").JSX.Element | null;
 declare namespace ChartsAxisTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsAxisTooltipContent.d.ts

@@ -14,7 +14,7 @@ export interface ChartsAxisTooltipContentProps {
    */
   sort?: 'none' | 'asc' | 'desc';
 }
-declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react").JSX.Element | null;
 declare namespace ChartsAxisTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsItemTooltipContent.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.mjs";
 export interface ChartsItemTooltipContentClasses extends ChartsTooltipClasses {}
@@ -8,7 +9,7 @@ export interface ChartsItemTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): React.JSX.Element | null;
 declare namespace ChartsItemTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
 export interface ChartsItemTooltipContentClasses extends ChartsTooltipClasses {}
@@ -8,7 +9,7 @@ export interface ChartsItemTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): React.JSX.Element | null;
 declare namespace ChartsItemTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltip.d.mts

@@ -18,7 +18,7 @@ export type ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> = T ex
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react").JSX.Element;
 declare namespace ChartsTooltip {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -18,7 +18,7 @@ export type ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> = T ex
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react").JSX.Element;
 declare namespace ChartsTooltip {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.d.mts

@@ -50,7 +50,7 @@ export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerO
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
 declare namespace ChartsTooltipContainer {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.d.ts

@@ -50,7 +50,7 @@ export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerO
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
 declare namespace ChartsTooltipContainer {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -129,13 +129,9 @@ function ChartsTooltipContainer(inProps) {
   const lastInteraction = store.use(_useChartInteraction.selectorChartsLastInteraction);
   const pointerAnchorUnavailable = lastInteraction === 'keyboard' || pointerType === null;
   const computedAnchor = pointerAnchorUnavailable ? defaultAnchorByTrigger[trigger] : anchor;
-
-  // A series type can override how its item tooltip is positioned (e.g. map
-  // shapes position from the geo projection); otherwise the generic item
-  // selector is used.
   const tooltipItem = store.use(_useChartTooltip.selectorChartsTooltipItem);
   const seriesConfig = store.use(_useChartSeriesConfig.selectorChartSeriesConfig);
-  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || _useChartTooltip.selectorChartsTooltipItemPosition;
+  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || selectorReturnNull;
   const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor, selectorItemPosition), props.position);
   const isTooltipNodeAnchored = itemPosition !== null;
   React.useEffect(() => {

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -20,7 +20,7 @@ import { useUtilityClasses } from "./chartsTooltipClasses.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
 import { selectorChartSeriesConfig } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 import { selectorChartsLastInteraction, selectorChartsPointerType } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
-import { selectorChartsTooltipItem, selectorChartsTooltipItemIsDefined, selectorChartsTooltipItemPosition } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
+import { selectorChartsTooltipItem, selectorChartsTooltipItemIsDefined } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
 import { selectorChartsInteractionAxisTooltip, selectorChartsTooltipAxisPosition } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianTooltip.selectors.mjs";
 import { selectorChartsInteractionPolarAxisTooltip } from "../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.mjs";
 import { useAxisSystem } from "../hooks/useAxisSystem.mjs";
@@ -122,13 +122,9 @@ function ChartsTooltipContainer(inProps) {
   const lastInteraction = store.use(selectorChartsLastInteraction);
   const pointerAnchorUnavailable = lastInteraction === 'keyboard' || pointerType === null;
   const computedAnchor = pointerAnchorUnavailable ? defaultAnchorByTrigger[trigger] : anchor;
-
-  // A series type can override how its item tooltip is positioned (e.g. map
-  // shapes position from the geo projection); otherwise the generic item
-  // selector is used.
   const tooltipItem = store.use(selectorChartsTooltipItem);
   const seriesConfig = store.use(selectorChartSeriesConfig);
-  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || selectorChartsTooltipItemPosition;
+  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || selectorReturnNull;
   const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor, selectorItemPosition), props.position);
   const isTooltipNodeAnchored = itemPosition !== null;
   React.useEffect(() => {

package/ChartsXAxis/ChartsGroupedXAxisTicks.d.mts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.mjs";
 interface ChartsGroupedXAxisProps extends ChartsXAxisProps {}
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): React.JSX.Element;
 export { ChartsGroupedXAxisTicks };

package/ChartsXAxis/ChartsGroupedXAxisTicks.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.js";
 interface ChartsGroupedXAxisProps extends ChartsXAxisProps {}
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): React.JSX.Element;
 export { ChartsGroupedXAxisTicks };

package/ChartsXAxis/ChartsSingleXAxisTicks.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.mjs";
 import type { OrdinalTimeTicks } from "../models/timeTicks.mjs";
 interface ChartsSingleXAxisProps extends ChartsXAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleXAxisProps extends ChartsXAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): React.JSX.Element;
 export { ChartsSingleXAxisTicks };

package/ChartsXAxis/ChartsSingleXAxisTicks.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.js";
 import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleXAxisProps extends ChartsXAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleXAxisProps extends ChartsXAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): React.JSX.Element;
 export { ChartsSingleXAxisTicks };

package/ChartsXAxis/ChartsXAxis.d.mts

@@ -10,7 +10,7 @@ export interface ChartsXAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/ChartsXAxis/ChartsXAxis.d.ts

@@ -10,7 +10,7 @@ export interface ChartsXAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/ChartsXAxis/ChartsXAxisImpl.d.mts

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

package/ChartsXAxis/ChartsXAxisImpl.d.ts

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

package/ChartsYAxis/ChartsGroupedYAxisTicks.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.mjs";
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): React.JSX.Element;
 export { ChartsGroupedYAxisTicks };

package/ChartsYAxis/ChartsGroupedYAxisTicks.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.js";
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): React.JSX.Element;
 export { ChartsGroupedYAxisTicks };

package/ChartsYAxis/ChartsSingleYAxisTicks.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.mjs";
 import type { OrdinalTimeTicks } from "../models/timeTicks.mjs";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleYAxisProps extends ChartsYAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): React.JSX.Element;
 export { ChartsSingleYAxisTicks };

package/ChartsYAxis/ChartsSingleYAxisTicks.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.js";
 import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleYAxisProps extends ChartsYAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): React.JSX.Element;
 export { ChartsSingleYAxisTicks };

package/ChartsYAxis/ChartsYAxis.d.mts

@@ -10,7 +10,7 @@ export interface ChartsYAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/ChartsYAxis/ChartsYAxis.d.ts

@@ -10,7 +10,7 @@ export interface ChartsYAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/ChartsYAxis/ChartsYAxisImpl.d.mts

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

package/ChartsYAxis/ChartsYAxisImpl.d.ts

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

package/Gauge/GaugeProvider.d.mts

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

package/Gauge/GaugeProvider.d.ts

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

package/Gauge/GaugeReferenceArc.d.mts

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

package/Gauge/GaugeReferenceArc.d.ts

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

package/Gauge/GaugeValueArc.d.mts

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

package/Gauge/GaugeValueArc.d.ts

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

package/Gauge/GaugeValueText.d.mts

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

package/Gauge/GaugeValueText.d.ts

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

package/LineChart/AnimatedArea.d.mts

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

package/LineChart/AnimatedArea.d.ts

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

package/LineChart/AppearingMask.d.mts

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

package/LineChart/AppearingMask.d.ts

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

package/LineChart/AreaElement.d.mts

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

package/LineChart/AreaElement.d.ts

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

package/LineChart/AreaPlot.d.mts

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

package/LineChart/AreaPlot.d.ts

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

package/LineChart/CircleMarkElement.d.mts

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

package/LineChart/CircleMarkElement.d.ts

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

package/LineChart/FocusedLineMark.d.mts

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

package/LineChart/FocusedLineMark.d.ts

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

package/LineChart/LineElement.d.mts

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

package/LineChart/LineElement.d.ts

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

package/LineChart/LineHighlightElement.d.mts

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

package/LineChart/LineHighlightElement.d.ts

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

package/LineChart/LineHighlightPlot.d.mts

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

package/LineChart/LineHighlightPlot.d.ts

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

package/LineChart/LinePlot.d.mts

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

package/LineChart/LinePlot.d.ts

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

package/LineChart/LinePlot.js

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