@mui/x-charts 8.28.0 → 8.29.0

package/LineChart/LineChart.plugins.d.mts

@@ -0,0 +1,11 @@
+import { type UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.mjs";
+import { type UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
+import { type UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
+import { type UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
+import { type UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import { type UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
+import { type ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.mjs";
+import { type UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
+import { type UseChartVisibilityManagerSignature } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
+export type LineChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'line'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartVisibilityManagerSignature<'line'>, UseChartKeyboardNavigationSignature];
+export declare const LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<LineChartPluginSignatures>;

package/LineChart/LineChart.plugins.mjs

@@ -0,0 +1,9 @@
+import { useChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.mjs";
+import { useChartCartesianAxis } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
+import { useChartTooltip } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
+import { useChartInteraction } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
+import { useChartHighlight } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+import { useChartKeyboardNavigation } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
+import { useChartBrush } from "../internals/plugins/featurePlugins/useChartBrush/index.mjs";
+import { useChartVisibilityManager } from "../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
+export const LINE_CHART_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation];

package/LineChart/LineElement.d.mts

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type AnimatedLineProps } from "./AnimatedLine.mjs";
+import { type SeriesId } from "../models/seriesType/common.mjs";
+/**
+ * @deprecated Use `LineClasses` instead.
+ */
+export interface LineElementClasses {
+  /**
+   * Styles applied to the root element.
+   * @deprecated Use `lineClasses.line` instead.
+   */
+  root: string;
+  /** Styles applied to the root element when highlighted. */
+  highlighted: string;
+  /** Styles applied to the root element when faded. */
+  faded: string;
+  /**
+   * Styles applied to the root element for a specified series.
+   * Needs to be suffixed with the series ID: `.${lineElementClasses.series}-${seriesId}`.
+   * @deprecated Use `[data-series="${seriesId}"]` selector instead.
+   */
+  series: string;
+}
+/**
+ * @deprecated Use `LineClassKey` instead.
+ */
+export type LineElementClassKey = keyof LineElementClasses;
+export interface LineElementOwnerState {
+  id: SeriesId;
+  color: string;
+  gradientId?: string;
+  isFaded: boolean;
+  isHighlighted: boolean;
+  classes?: Partial<LineElementClasses>;
+  /** If `true`, the line is hidden. */
+  hidden?: boolean;
+}
+/**
+ * @deprecated Use `getLineUtilityClass` instead.
+ */
+export declare function getLineElementUtilityClass(slot: string): string;
+/**
+ * @deprecated Use `lineClasses` instead.
+ */
+export declare const lineElementClasses: LineElementClasses;
+export interface LineElementSlots {
+  /**
+   * The component that renders the line.
+   * @default LineElementPath
+   */
+  line?: React.JSXElementConstructor<AnimatedLineProps>;
+}
+export interface LineElementSlotProps {
+  line?: SlotComponentPropsFromProps<AnimatedLineProps, {}, LineElementOwnerState>;
+}
+export interface LineElementProps extends Omit<LineElementOwnerState, 'isFaded' | 'isHighlighted'>, Pick<AnimatedLineProps, 'skipAnimation'>, Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
+  d: string;
+  /** If `true`, the line is hidden. */
+  hidden?: boolean;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: LineElementSlotProps;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: LineElementSlots;
+}
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineElement API](https://mui.com/x/api/charts/line-element/)
+ */
+declare function LineElement(props: LineElementProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LineElement {
+  var propTypes: any;
+}
+export { LineElement };

package/LineChart/LineElement.mjs

@@ -0,0 +1,140 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick", "hidden"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import composeClasses from '@mui/utils/composeClasses';
+import useSlotProps from '@mui/utils/useSlotProps';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import { useInteractionItemProps } from "../hooks/useInteractionItemProps.mjs";
+import { AnimatedLine } from "./AnimatedLine.mjs";
+import { useItemHighlighted } from "../hooks/useItemHighlighted.mjs";
+import { useUtilityClasses as useLineUtilityClasses } from "./lineClasses.mjs";
+
+/**
+ * @deprecated Use `LineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `LineClassKey` instead.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `getLineUtilityClass` instead.
+ */
+export function getLineElementUtilityClass(slot) {
+  return generateUtilityClass('MuiLineElement', slot);
+}
+
+/**
+ * @deprecated Use `lineClasses` instead.
+ */
+export const lineElementClasses = generateUtilityClasses('MuiLineElement', ['root', 'highlighted', 'faded', 'series']);
+
+/**
+ * @deprecated Use `useUtilityClasses` instead.
+ */
+const useDeprecatedUtilityClasses = ownerState => {
+  const {
+    classes,
+    id,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
+  };
+  return composeClasses(slots, getLineElementUtilityClass, classes);
+};
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineElement API](https://mui.com/x/api/charts/line-element/)
+ */
+function LineElement(props) {
+  const {
+      id,
+      classes: innerClasses,
+      color,
+      gradientId,
+      slots,
+      slotProps,
+      onClick,
+      hidden
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const interactionProps = useInteractionItemProps({
+    type: 'line',
+    seriesId: id
+  });
+  const {
+    isFaded,
+    isHighlighted
+  } = useItemHighlighted({
+    seriesId: id
+  });
+  const ownerState = {
+    id,
+    classes: innerClasses,
+    color,
+    gradientId,
+    isFaded,
+    isHighlighted,
+    hidden
+  };
+  const classes = useLineUtilityClasses();
+  const deprecatedClasses = useDeprecatedUtilityClasses(ownerState);
+  const Line = slots?.line ?? AnimatedLine;
+  const lineProps = useSlotProps({
+    elementType: Line,
+    externalSlotProps: slotProps?.line,
+    additionalProps: _extends({}, interactionProps, {
+      onClick,
+      cursor: onClick ? 'pointer' : 'unset',
+      'data-highlighted': isHighlighted || undefined,
+      'data-faded': isFaded || undefined,
+      'data-series-id': id,
+      'data-series': id
+    }),
+    className: `${classes.line} ${deprecatedClasses.root}`,
+    ownerState
+  });
+  return /*#__PURE__*/_jsx(Line, _extends({}, other, lineProps));
+}
+process.env.NODE_ENV !== "production" ? LineElement.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: PropTypes.object,
+  color: PropTypes.string.isRequired,
+  d: PropTypes.string.isRequired,
+  gradientId: PropTypes.string,
+  /** If `true`, the line is hidden. */
+  hidden: PropTypes.bool,
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  /**
+   * If `true`, animations are skipped.
+   * @default false
+   */
+  skipAnimation: PropTypes.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { LineElement };

package/LineChart/LineHighlightElement.d.mts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { type SeriesId } from "../models/seriesType/common.mjs";
+/**
+ * @deprecated Use `LineClasses` instead.
+ */
+export interface LineHighlightElementClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+/**
+ * @deprecated Use `LineClassKey` instead.
+ */
+export type HighlightElementClassKey = keyof LineHighlightElementClasses;
+interface LineHighlightElementCommonProps {
+  id: SeriesId;
+  color: string;
+  x: number;
+  y: number;
+  classes?: Partial<LineHighlightElementClasses>;
+}
+/**
+ * @deprecated Use `getLineUtilityClass` instead.
+ */
+export declare function getHighlightElementUtilityClass(slot: string): string;
+/**
+ * @deprecated Use `lineClasses` instead.
+ */
+export declare const lineHighlightElementClasses: LineHighlightElementClasses;
+export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
+  shape: 'circle';
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref' | 'id'>) | (LineHighlightElementCommonProps & {
+  shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
+} & Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'>);
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
+ */
+declare function LineHighlightElement(props: LineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LineHighlightElement {
+  var propTypes: any;
+}
+export { LineHighlightElement };

package/LineChart/LineHighlightElement.d.ts

@@ -26,9 +26,9 @@ export declare function getHighlightElementUtilityClass(slot: string): string;
  * @deprecated Use `lineClasses` instead.
  */
 export declare const lineHighlightElementClasses: LineHighlightElementClasses;
-export type LineHighlightElementProps = (LineHighlightElementCommonProps & ({
+export type LineHighlightElementProps = (LineHighlightElementCommonProps & {
   shape: 'circle';
-} & Omit<React.SVGProps<SVGCircleElement>, 'ref' | 'id'>)) | (LineHighlightElementCommonProps & {
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref' | 'id'>) | (LineHighlightElementCommonProps & {
   shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
 } & Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'>);
 /**

package/LineChart/LineHighlightElement.mjs

@@ -0,0 +1,100 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["x", "y", "id", "classes", "color", "shape"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import reactMajor from '@mui/x-internals/reactMajor';
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import { getSymbol } from "../internals/getSymbol.mjs";
+import { useUtilityClasses as useLineUtilityClasses } from "./lineClasses.mjs";
+
+/**
+ * @deprecated Use `LineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `LineClassKey` instead.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use `getLineUtilityClass` instead.
+ */
+export function getHighlightElementUtilityClass(slot) {
+  return generateUtilityClass('MuiHighlightElement', slot);
+}
+
+/**
+ * @deprecated Use `lineClasses` instead.
+ */
+export const lineHighlightElementClasses = generateUtilityClasses('MuiHighlightElement', ['root']);
+
+/**
+ * @deprecated Use `useUtilityClasses` instead.
+ */
+const useDeprecatedUtilityClasses = ownerState => {
+  const {
+    classes,
+    id
+  } = ownerState;
+  const slots = {
+    root: ['root', `series-${id}`]
+  };
+  return composeClasses(slots, getHighlightElementUtilityClass, classes);
+};
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
+ */
+function LineHighlightElement(props) {
+  const {
+      x,
+      y,
+      color,
+      shape
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const classes = useLineUtilityClasses();
+  const deprecatedClasses = useDeprecatedUtilityClasses(props);
+  const Element = shape === 'circle' ? 'circle' : 'path';
+  const additionalProps = shape === 'circle' ? {
+    cx: 0,
+    cy: 0,
+    r: other.r === undefined ? 5 : other.r
+  } : {
+    d: d3Symbol(d3SymbolsFill[getSymbol(shape)])()
+  };
+
+  // React 18 does not recognize `transformOrigin` and React 19 does not recognize `transform-origin`
+  const transformOrigin = reactMajor > 18 ? {
+    transformOrigin: `${x} ${y}`
+  } : {
+    'transform-origin': `${x} ${y}`
+  };
+  return /*#__PURE__*/_jsx(Element, _extends({
+    pointerEvents: "none",
+    className: `${classes.highlight} ${deprecatedClasses.root}`,
+    transform: `translate(${x} ${y})`,
+    fill: color
+  }, transformOrigin, additionalProps, other));
+}
+process.env.NODE_ENV !== "production" ? LineHighlightElement.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: PropTypes.object,
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  shape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired
+} : void 0;
+export { LineHighlightElement };

package/LineChart/LineHighlightPlot.d.mts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type LineHighlightElementProps } from "./LineHighlightElement.mjs";
+export interface LineHighlightPlotSlots {
+  lineHighlight?: React.JSXElementConstructor<LineHighlightElementProps>;
+}
+export interface LineHighlightPlotSlotProps {
+  lineHighlight?: SlotComponentPropsFromProps<LineHighlightElementProps, {}, {}>;
+}
+export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElement> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: LineHighlightPlotSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: LineHighlightPlotSlotProps;
+}
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
+ */
+declare function LineHighlightPlot(props: LineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace LineHighlightPlot {
+  var propTypes: any;
+}
+export { LineHighlightPlot };

package/LineChart/LineHighlightPlot.mjs

@@ -0,0 +1,123 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["slots", "slotProps"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useStore } from "../internals/store/useStore.mjs";
+import { LineHighlightElement } from "./LineHighlightElement.mjs";
+import { getValueToPositionMapper } from "../hooks/useScale.mjs";
+import { DEFAULT_X_AXIS_KEY } from "../constants/index.mjs";
+import { useLineSeriesContext } from "../hooks/useLineSeries.mjs";
+import getColor from "./seriesConfig/getColor.mjs";
+import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { selectorChartsHighlightXAxisIndex } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
+import { useXAxes, useYAxes } from "../hooks/useAxis.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
+ */
+function LineHighlightPlot(props) {
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const seriesData = useLineSeriesContext();
+  const {
+    xAxis,
+    xAxisIds
+  } = useXAxes();
+  const {
+    yAxis,
+    yAxisIds
+  } = useYAxes();
+  const {
+    instance
+  } = useChartContext();
+  const store = useStore();
+  const highlightedIndexes = store.use(selectorChartsHighlightXAxisIndex);
+  if (highlightedIndexes.length === 0) {
+    return null;
+  }
+  if (seriesData === undefined) {
+    return null;
+  }
+  const {
+    series,
+    stackingGroups
+  } = seriesData;
+  const defaultXAxisId = xAxisIds[0];
+  const defaultYAxisId = yAxisIds[0];
+  const Element = slots?.lineHighlight ?? LineHighlightElement;
+  return /*#__PURE__*/_jsx("g", _extends({}, other, {
+    children: highlightedIndexes.flatMap(({
+      dataIndex: highlightedIndex,
+      axisId: highlightedAxisId
+    }) => stackingGroups.flatMap(({
+      ids: groupIds
+    }) => {
+      return groupIds.flatMap(seriesId => {
+        const {
+          xAxisId = defaultXAxisId,
+          yAxisId = defaultYAxisId,
+          visibleStackedData,
+          data,
+          disableHighlight,
+          shape = 'circle'
+        } = series[seriesId];
+        if (disableHighlight || data[highlightedIndex] == null) {
+          return null;
+        }
+        if (highlightedAxisId !== xAxisId) {
+          return null;
+        }
+        const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
+        const yScale = yAxis[yAxisId].scale;
+        const xData = xAxis[xAxisId].data;
+        if (xData === undefined) {
+          throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+        }
+        const x = xScale(xData[highlightedIndex]);
+        const y = yScale(visibleStackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale
+
+        if (!instance.isPointInside(x, y)) {
+          return null;
+        }
+        const colorGetter = getColor(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
+        return /*#__PURE__*/_jsx(Element, _extends({
+          id: seriesId,
+          color: colorGetter(highlightedIndex),
+          x: x,
+          y: y,
+          shape: shape
+        }, slotProps?.lineHighlight), `${seriesId}`);
+      });
+    }))
+  }));
+}
+process.env.NODE_ENV !== "production" ? LineHighlightPlot.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { LineHighlightPlot };

package/LineChart/LinePlot.d.mts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type LineElementProps, type LineElementSlotProps, type LineElementSlots } from "./LineElement.mjs";
+import { type LineItemIdentifier } 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.
+   */
+  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
+}
+/**
+ * Demos:
+ *
+ * - [Lines](https://mui.com/x/react-charts/lines/)
+ * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
+ *
+ * API:
+ *
+ * - [LinePlot API](https://mui.com/x/api/charts/line-plot/)
+ */
+declare function LinePlot(props: LinePlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LinePlot {
+  var propTypes: any;
+}
+export { LinePlot };