@mui/x-charts 9.8.0 → 9.10.0

package/ChartsYAxis/utilities.d.mts

@@ -1,5 +1,5 @@
 import type { AxisConfig, ChartsYAxisProps } from "../models/axis.mjs";
-export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
+export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"label" | "line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 2;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 2;
 export declare const defaultProps: {

package/ChartsYAxis/utilities.d.ts

@@ -1,5 +1,5 @@
 import type { AxisConfig, ChartsYAxisProps } from "../models/axis.js";
-export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
+export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"label" | "line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 2;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 2;
 export declare const defaultProps: {

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { AreaElementProps, AreaElementSlotProps, AreaElementSlots } from "./AreaElement.mjs";
-import type { LineItemIdentifier } from "../models/seriesType/line.mjs";
+import type { LineItemClickIdentifier } from "../models/seriesType/line.mjs";
 export interface AreaPlotSlots extends AreaElementSlots {}
 export interface AreaPlotSlotProps extends AreaElementSlotProps {}
 export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<AreaElementProps, 'slots' | 'slotProps' | 'skipAnimation'> {
   /**
    * Callback fired when a line area item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { AreaElementProps, AreaElementSlotProps, AreaElementSlots } from "./AreaElement.js";
-import type { LineItemIdentifier } from "../models/seriesType/line.js";
+import type { LineItemClickIdentifier } from "../models/seriesType/line.js";
 export interface AreaPlotSlots extends AreaElementSlots {}
 export interface AreaPlotSlotProps extends AreaElementSlotProps {}
 export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<AreaElementProps, 'slots' | 'slotProps' | 'skipAnimation'> {
   /**
    * Callback fired when a line area item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -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.js

@@ -18,6 +18,7 @@ var _useSkipAnimation = require("../hooks/useSkipAnimation");
 var _useAxis = require("../hooks/useAxis");
 var _useInternalIsZoomInteracting = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting");
 var _useAreaPlotData = require("./useAreaPlotData");
+var _useLineItemClickHandler = require("./useLineItemClickHandler");
 var _animation = require("../internals/animation/animation");
 var _lineClasses = require("./lineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -66,6 +67,7 @@ function AreaPlot(props) {
   const skipAnimation = (0, _useSkipAnimation.useSkipAnimation)(isZoomInteracting || inSkipAnimation);
   const completedData = useAggregatedData();
   const classes = (0, _lineClasses.useUtilityClasses)();
+  const onAreaItemClick = (0, _useLineItemClickHandler.useLineItemClickHandler)(onItemClick);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaPlotRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.areaPlot, className)
   }, other, {
@@ -82,10 +84,7 @@ function AreaPlot(props) {
       gradientId: gradientId,
       slots: slots,
       slotProps: slotProps,
-      onClick: onItemClick && (event => onItemClick(event, {
-        type: 'line',
-        seriesId
-      })),
+      onClick: onAreaItemClick && (event => onAreaItemClick(event, seriesId)),
       skipAnimation: skipAnimation
     }, seriesId))
   }));
@@ -98,7 +97,7 @@ process.env.NODE_ENV !== "production" ? AreaPlot.propTypes /* remove-proptypes *
   /**
    * Callback fired when a line area item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
   onItemClick: _propTypes.default.func,
   /**

package/LineChart/AreaPlot.mjs

@@ -12,6 +12,7 @@ import { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 import { useXAxes, useYAxes } from "../hooks/useAxis.mjs";
 import { useInternalIsZoomInteracting } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";
 import { useAreaPlotData } from "./useAreaPlotData.mjs";
+import { useLineItemClickHandler } from "./useLineItemClickHandler.mjs";
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.mjs";
 import { lineClasses, useUtilityClasses } from "./lineClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -59,6 +60,7 @@ function AreaPlot(props) {
   const skipAnimation = useSkipAnimation(isZoomInteracting || inSkipAnimation);
   const completedData = useAggregatedData();
   const classes = useUtilityClasses();
+  const onAreaItemClick = useLineItemClickHandler(onItemClick);
   return /*#__PURE__*/_jsx(AreaPlotRoot, _extends({
     className: clsx(classes.areaPlot, className)
   }, other, {
@@ -75,10 +77,7 @@ function AreaPlot(props) {
       gradientId: gradientId,
       slots: slots,
       slotProps: slotProps,
-      onClick: onItemClick && (event => onItemClick(event, {
-        type: 'line',
-        seriesId
-      })),
+      onClick: onAreaItemClick && (event => onAreaItemClick(event, seriesId)),
       skipAnimation: skipAnimation
     }, seriesId))
   }));
@@ -91,7 +90,7 @@ process.env.NODE_ENV !== "production" ? AreaPlot.propTypes /* remove-proptypes *
   /**
    * Callback fired when a line area item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
   onItemClick: PropTypes.func,
   /**

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { LineElementProps, LineElementSlotProps, LineElementSlots } from "./LineElement.mjs";
-import type { LineItemIdentifier } from "../models/seriesType/line.mjs";
+import type { LineItemClickIdentifier } from "../models/seriesType/line.mjs";
 export interface LinePlotSlots extends LineElementSlots {}
 export interface LinePlotSlotProps extends LineElementSlotProps {}
 export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<LineElementProps, 'slots' | 'slotProps' | 'skipAnimation'> {
   /**
    * Callback fired when a line item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -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

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { LineElementProps, LineElementSlotProps, LineElementSlots } from "./LineElement.js";
-import type { LineItemIdentifier } from "../models/seriesType/line.js";
+import type { LineItemClickIdentifier } from "../models/seriesType/line.js";
 export interface LinePlotSlots extends LineElementSlots {}
 export interface LinePlotSlotProps extends LineElementSlotProps {}
 export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<LineElementProps, 'slots' | 'slotProps' | 'skipAnimation'> {
   /**
    * Callback fired when a line item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -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

@@ -18,6 +18,7 @@ var _useSkipAnimation = require("../hooks/useSkipAnimation");
 var _hooks = require("../hooks");
 var _useInternalIsZoomInteracting = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting");
 var _useLinePlotData = require("./useLinePlotData");
+var _useLineItemClickHandler = require("./useLineItemClickHandler");
 var _animation = require("../internals/animation/animation");
 var _lineClasses = require("./lineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -65,6 +66,7 @@ function LinePlot(props) {
   const skipAnimation = (0, _useSkipAnimation.useSkipAnimation)(isZoomInteracting || inSkipAnimation);
   const completedData = useAggregatedData();
   const classes = (0, _lineClasses.useUtilityClasses)();
+  const onLineItemClick = (0, _useLineItemClickHandler.useLineItemClickHandler)(onItemClick);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinePlotRoot, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.linePlot, className)
   }, other, {
@@ -73,7 +75,8 @@ function LinePlot(props) {
       seriesId,
       color,
       gradientId,
-      hidden
+      hidden,
+      isSampled
     }) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineElement.LineElement, {
         seriesId: seriesId,
@@ -81,13 +84,10 @@ function LinePlot(props) {
         color: color,
         gradientId: gradientId,
         hidden: hidden,
-        skipAnimation: skipAnimation,
+        skipAnimation: skipAnimation || isSampled,
         slots: slots,
         slotProps: slotProps,
-        onClick: onItemClick && (event => onItemClick(event, {
-          type: 'line',
-          seriesId
-        }))
+        onClick: onLineItemClick && (event => onLineItemClick(event, seriesId))
       }, seriesId);
     })
   }));
@@ -100,7 +100,7 @@ process.env.NODE_ENV !== "production" ? LinePlot.propTypes /* remove-proptypes *
   /**
    * Callback fired when a line item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
   onItemClick: _propTypes.default.func,
   /**

package/LineChart/LinePlot.mjs

@@ -12,6 +12,7 @@ import { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 import { useXAxes, useYAxes } from "../hooks/index.mjs";
 import { useInternalIsZoomInteracting } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";
 import { useLinePlotData } from "./useLinePlotData.mjs";
+import { useLineItemClickHandler } from "./useLineItemClickHandler.mjs";
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.mjs";
 import { lineClasses, useUtilityClasses } from "./lineClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -58,6 +59,7 @@ function LinePlot(props) {
   const skipAnimation = useSkipAnimation(isZoomInteracting || inSkipAnimation);
   const completedData = useAggregatedData();
   const classes = useUtilityClasses();
+  const onLineItemClick = useLineItemClickHandler(onItemClick);
   return /*#__PURE__*/_jsx(LinePlotRoot, _extends({
     className: clsx(classes.linePlot, className)
   }, other, {
@@ -66,7 +68,8 @@ function LinePlot(props) {
       seriesId,
       color,
       gradientId,
-      hidden
+      hidden,
+      isSampled
     }) => {
       return /*#__PURE__*/_jsx(LineElement, {
         seriesId: seriesId,
@@ -74,13 +77,10 @@ function LinePlot(props) {
         color: color,
         gradientId: gradientId,
         hidden: hidden,
-        skipAnimation: skipAnimation,
+        skipAnimation: skipAnimation || isSampled,
         slots: slots,
         slotProps: slotProps,
-        onClick: onItemClick && (event => onItemClick(event, {
-          type: 'line',
-          seriesId
-        }))
+        onClick: onLineItemClick && (event => onLineItemClick(event, seriesId))
       }, seriesId);
     })
   }));
@@ -93,7 +93,7 @@ process.env.NODE_ENV !== "production" ? LinePlot.propTypes /* remove-proptypes *
   /**
    * Callback fired when a line item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line item identifier.
    */
   onItemClick: PropTypes.func,
   /**

package/LineChart/MarkElement.d.mts

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

package/LineChart/MarkElement.d.ts

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

package/LineChart/MarkPlot.d.mts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import type { LineItemIdentifier } from "../models/seriesType/line.mjs";
+import type { WithDataAttributes } from '@mui/utils/types';
+import type { LineItemClickIdentifier } from "../models/seriesType/line.mjs";
 import type { MarkElementProps } from "./MarkElement.mjs";
 import type { MarkPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface MarkPlotSlots {
   mark?: React.JSXElementConstructor<MarkElementProps & MarkPropsOverrides>;
 }
 export interface MarkPlotSlotProps {
-  mark?: Partial<MarkElementProps> & MarkPropsOverrides;
+  mark?: WithDataAttributes<Partial<MarkElementProps> & MarkPropsOverrides>;
 }
 export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<MarkElementProps, 'skipAnimation'> {
   /**
@@ -22,9 +23,9 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
   /**
    * Callback fired when a line mark item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line mark item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -36,7 +37,7 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
  */
-declare function MarkPlot(props: MarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkPlot(props: MarkPlotProps): React.JSX.Element;
 declare namespace MarkPlot {
   var propTypes: any;
 }

package/LineChart/MarkPlot.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import type { LineItemIdentifier } from "../models/seriesType/line.js";
+import type { WithDataAttributes } from '@mui/utils/types';
+import type { LineItemClickIdentifier } from "../models/seriesType/line.js";
 import type { MarkElementProps } from "./MarkElement.js";
 import type { MarkPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface MarkPlotSlots {
   mark?: React.JSXElementConstructor<MarkElementProps & MarkPropsOverrides>;
 }
 export interface MarkPlotSlotProps {
-  mark?: Partial<MarkElementProps> & MarkPropsOverrides;
+  mark?: WithDataAttributes<Partial<MarkElementProps> & MarkPropsOverrides>;
 }
 export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<MarkElementProps, 'skipAnimation'> {
   /**
@@ -22,9 +23,9 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
   /**
    * Callback fired when a line mark item is clicked.
    * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
+   * @param {LineItemClickIdentifier} lineItemIdentifier The line mark item identifier.
    */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemClickIdentifier) => void;
 }
 /**
  * Demos:
@@ -36,7 +37,7 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
  */
-declare function MarkPlot(props: MarkPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkPlot(props: MarkPlotProps): React.JSX.Element;
 declare namespace MarkPlot {
   var propTypes: any;
 }