@mui/x-charts 8.0.0-beta.3 → 8.0.0

package/modern/LineChart/AnimatedArea.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import type { AreaElementOwnerState } from './AreaElement';
-export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'> {
-  ownerState: AreaElementOwnerState;
-  d: string;
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation?: boolean;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- *
- * API:
- *
- * - [AreaElement API](https://mui.com/x/api/charts/animated-area/)
- */
-declare function AnimatedArea(props: AnimatedAreaProps): React.JSX.Element;
-declare namespace AnimatedArea {
-  var propTypes: any;
-}
-export { AnimatedArea };

package/modern/LineChart/AnimatedArea.js

@@ -1,61 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipAnimation", "ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useAnimateArea } from "../hooks/animation/useAnimateArea.js";
-import { AppearingMask } from "./AppearingMask.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- *
- * API:
- *
- * - [AreaElement API](https://mui.com/x/api/charts/animated-area/)
- */
-function AnimatedArea(props) {
-  const {
-      skipAnimation,
-      ownerState
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const animatedProps = useAnimateArea(props);
-  return /*#__PURE__*/_jsx(AppearingMask, {
-    skipAnimation: skipAnimation,
-    id: `${ownerState.id}-area-clip`,
-    children: /*#__PURE__*/_jsx("path", _extends({
-      fill: ownerState.gradientId ? `url(#${ownerState.gradientId})` : ownerState.color,
-      filter:
-      // eslint-disable-next-line no-nested-ternary
-      ownerState.isHighlighted ? 'brightness(140%)' : ownerState.gradientId ? undefined : 'brightness(120%)',
-      opacity: ownerState.isFaded ? 0.3 : 1,
-      stroke: "none"
-    }, other, animatedProps))
-  });
-}
-process.env.NODE_ENV !== "production" ? AnimatedArea.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  d: PropTypes.string.isRequired,
-  ownerState: PropTypes.shape({
-    classes: PropTypes.object,
-    color: PropTypes.string.isRequired,
-    gradientId: PropTypes.string,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    isFaded: PropTypes.bool.isRequired,
-    isHighlighted: PropTypes.bool.isRequired
-  }).isRequired,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool
-} : void 0;
-export { AnimatedArea };

package/modern/LineChart/AnimatedLine.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import type { LineElementOwnerState } from './LineElement';
-export interface AnimatedLineProps extends React.ComponentPropsWithoutRef<'path'> {
-  ownerState: LineElementOwnerState;
-  d: string;
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation?: boolean;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [AnimatedLine API](https://mui.com/x/api/charts/animated-line/)
- */
-declare const AnimatedLine: React.ForwardRefExoticComponent<AnimatedLineProps & React.RefAttributes<SVGPathElement>>;
-export { AnimatedLine };

package/modern/LineChart/AnimatedLine.js

@@ -1,63 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipAnimation", "ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useAnimateLine } from "../hooks/index.js";
-import { AppearingMask } from "./AppearingMask.js";
-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:
- *
- * - [AnimatedLine API](https://mui.com/x/api/charts/animated-line/)
- */
-const AnimatedLine = /*#__PURE__*/React.forwardRef(function AnimatedLine(props, ref) {
-  const {
-      skipAnimation,
-      ownerState
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const animateProps = useAnimateLine(_extends({}, props, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(AppearingMask, {
-    skipAnimation: skipAnimation,
-    id: `${ownerState.id}-line-clip`,
-    children: /*#__PURE__*/_jsx("path", _extends({
-      stroke: ownerState.gradientId ? `url(#${ownerState.gradientId})` : ownerState.color,
-      strokeWidth: 2,
-      strokeLinejoin: "round",
-      fill: "none",
-      filter: ownerState.isHighlighted ? 'brightness(120%)' : undefined,
-      opacity: ownerState.isFaded ? 0.3 : 1
-    }, other, animateProps))
-  });
-});
-process.env.NODE_ENV !== "production" ? AnimatedLine.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  d: PropTypes.string.isRequired,
-  ownerState: PropTypes.shape({
-    classes: PropTypes.object,
-    color: PropTypes.string.isRequired,
-    gradientId: PropTypes.string,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    isFaded: PropTypes.bool.isRequired,
-    isHighlighted: PropTypes.bool.isRequired
-  }).isRequired,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool
-} : void 0;
-export { AnimatedLine };

package/modern/LineChart/AppearingMask.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { SeriesId } from "../models/seriesType/common.js";
-interface AppearingMaskProps {
-  id: SeriesId;
-  skipAnimation?: boolean;
-  children: React.ReactNode;
-}
-export interface AppearingMaskClasses {
-  /** Styles applied if the element should be animated. */
-  animate: string;
-}
-export declare const appearingMaskClasses: AppearingMaskClasses;
-/**
- * @ignore - internal component.
- */
-export declare function AppearingMask(props: AppearingMaskProps): React.JSX.Element;
-export {};

package/modern/LineChart/AppearingMask.js

@@ -1,48 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import clsx from 'clsx';
-import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.js";
-import { cleanId } from "../internals/cleanId.js";
-import { useChartId, useDrawingArea } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const appearingMaskClasses = generateUtilityClasses('MuiAppearingMask', ['animate']);
-const AnimatedRect = styled('rect')({
-  animationName: 'animate-width',
-  animationTimingFunction: ANIMATION_TIMING_FUNCTION,
-  animationDuration: '0s',
-  [`&.${appearingMaskClasses.animate}`]: {
-    animationDuration: `${ANIMATION_DURATION_MS}ms`
-  },
-  '@keyframes animate-width': {
-    from: {
-      width: 0
-    }
-  }
-});
-
-/**
- * @ignore - internal component.
- */
-export function AppearingMask(props) {
-  const drawingArea = useDrawingArea();
-  const chartId = useChartId();
-  const clipId = cleanId(`${chartId}-${props.id}`);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx("clipPath", {
-      id: clipId,
-      children: /*#__PURE__*/_jsx(AnimatedRect, {
-        className: clsx(!props.skipAnimation && appearingMaskClasses.animate),
-        x: 0,
-        y: 0,
-        width: drawingArea.left + drawingArea.width + drawingArea.right,
-        height: drawingArea.top + drawingArea.height + drawingArea.bottom
-      })
-    }), /*#__PURE__*/_jsx("g", {
-      clipPath: `url(#${clipId})`,
-      children: props.children
-    })]
-  });
-}

package/modern/LineChart/AreaElement.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { AnimatedAreaProps } from "./AnimatedArea.js";
-import { SeriesId } from "../models/seriesType/common.js";
-export interface AreaElementClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element when highlighted. */
-  highlighted: string;
-  /** Styles applied to the root element when faded. */
-  faded: string;
-}
-export type AreaElementClassKey = keyof AreaElementClasses;
-export interface AreaElementOwnerState {
-  id: SeriesId;
-  color: string;
-  gradientId?: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<AreaElementClasses>;
-}
-export declare function getAreaElementUtilityClass(slot: string): string;
-export declare const areaElementClasses: AreaElementClasses;
-export interface AreaElementSlots {
-  /**
-   * The component that renders the area.
-   * @default AnimatedArea
-   */
-  area?: React.JSXElementConstructor<AnimatedAreaProps>;
-}
-export interface AreaElementSlotProps {
-  area?: SlotComponentPropsFromProps<AnimatedAreaProps, {}, AreaElementOwnerState>;
-}
-export interface AreaElementProps extends Omit<AreaElementOwnerState, 'isFaded' | 'isHighlighted'>, Pick<AnimatedAreaProps, 'skipAnimation'>, Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
-  d: string;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: AreaElementSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: AreaElementSlots;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- *
- * API:
- *
- * - [AreaElement API](https://mui.com/x/api/charts/area-element/)
- */
-declare function AreaElement(props: AreaElementProps): React.JSX.Element;
-declare namespace AreaElement {
-  var propTypes: any;
-}
-export { AreaElement };

package/modern/LineChart/AreaElement.js

@@ -1,111 +0,0 @@
-'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"];
-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.js";
-import { useItemHighlighted } from "../hooks/useItemHighlighted.js";
-import { AnimatedArea } from "./AnimatedArea.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getAreaElementUtilityClass(slot) {
-  return generateUtilityClass('MuiAreaElement', slot);
-}
-export const areaElementClasses = generateUtilityClasses('MuiAreaElement', ['root', 'highlighted', 'faded']);
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    id,
-    isFaded,
-    isHighlighted
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${id}`, isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return composeClasses(slots, getAreaElementUtilityClass, classes);
-};
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- *
- * API:
- *
- * - [AreaElement API](https://mui.com/x/api/charts/area-element/)
- */
-function AreaElement(props) {
-  const {
-      id,
-      classes: innerClasses,
-      color,
-      gradientId,
-      slots,
-      slotProps,
-      onClick
-    } = 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
-  };
-  const classes = useUtilityClasses(ownerState);
-  const Area = slots?.area ?? AnimatedArea;
-  const areaProps = useSlotProps({
-    elementType: Area,
-    externalSlotProps: slotProps?.area,
-    additionalProps: _extends({}, interactionProps, {
-      onClick,
-      cursor: onClick ? 'pointer' : 'unset'
-    }),
-    className: classes.root,
-    ownerState
-  });
-  return /*#__PURE__*/_jsx(Area, _extends({}, other, areaProps));
-}
-process.env.NODE_ENV !== "production" ? AreaElement.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,
-  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 { AreaElement };

package/modern/LineChart/AreaPlot.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { AreaElementProps, AreaElementSlotProps, AreaElementSlots } from "./AreaElement.js";
-import { LineItemIdentifier } 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.
-   */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
- *
- * API:
- *
- * - [AreaPlot API](https://mui.com/x/api/charts/area-plot/)
- */
-declare function AreaPlot(props: AreaPlotProps): React.JSX.Element;
-declare namespace AreaPlot {
-  var propTypes: any;
-}
-export { AreaPlot };

package/modern/LineChart/AreaPlot.js

@@ -1,215 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["slots", "slotProps", "onItemClick", "skipAnimation"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { area as d3Area } from '@mui/x-charts-vendor/d3-shape';
-import { AreaElement, areaElementClasses } from "./AreaElement.js";
-import { getValueToPositionMapper } from "../hooks/useScale.js";
-import { getCurveFactory } from "../internals/getCurve.js";
-import { isBandScale } from "../internals/isBandScale.js";
-import { DEFAULT_X_AXIS_KEY } from "../constants/index.js";
-import { useLineSeriesContext } from "../hooks/useLineSeries.js";
-import { useSkipAnimation } from "../context/AnimationProvider/index.js";
-import { useChartGradientIdBuilder } from "../hooks/useChartGradientId.js";
-import { useXAxes, useYAxes } from "../hooks/useAxis.js";
-import { useInternalIsZoomInteracting } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const AreaPlotRoot = styled('g', {
-  name: 'MuiAreaPlot',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})({
-  [`& .${areaElementClasses.root}`]: {
-    transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
-  }
-});
-const useAggregatedData = () => {
-  const seriesData = useLineSeriesContext();
-  const {
-    xAxis,
-    xAxisIds
-  } = useXAxes();
-  const {
-    yAxis,
-    yAxisIds
-  } = useYAxes();
-  const getGradientId = useChartGradientIdBuilder();
-
-  // This memo prevents odd line chart behavior when hydrating.
-  const allData = React.useMemo(() => {
-    if (seriesData === undefined) {
-      return [];
-    }
-    const {
-      series,
-      stackingGroups
-    } = seriesData;
-    const defaultXAxisId = xAxisIds[0];
-    const defaultYAxisId = yAxisIds[0];
-    return stackingGroups.flatMap(({
-      ids: groupIds
-    }) => {
-      return [...groupIds].reverse() // Revert stacked area for a more pleasant animation
-      .map(seriesId => {
-        const {
-          xAxisId = defaultXAxisId,
-          yAxisId = defaultYAxisId,
-          stackedData,
-          data,
-          connectNulls,
-          baseline,
-          curve,
-          strictStepCurve
-        } = series[seriesId];
-        const xScale = xAxis[xAxisId].scale;
-        const xPosition = getValueToPositionMapper(xScale);
-        const yScale = yAxis[yAxisId].scale;
-        const xData = xAxis[xAxisId].data;
-        const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
-        if (process.env.NODE_ENV !== 'production') {
-          if (xData === undefined) {
-            throw new Error(`MUI X: ${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.`);
-          }
-          if (xData.length < stackedData.length) {
-            throw new Error(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
-          }
-        }
-        const shouldExpand = curve?.includes('step') && !strictStepCurve && isBandScale(xScale);
-        const formattedData = xData?.flatMap((x, index) => {
-          const nullData = data[index] == null;
-          if (shouldExpand) {
-            const rep = [{
-              x,
-              y: stackedData[index],
-              nullData,
-              isExtension: false
-            }];
-            if (!nullData && (index === 0 || data[index - 1] == null)) {
-              rep.unshift({
-                x: (xScale(x) ?? 0) - (xScale.step() - xScale.bandwidth()) / 2,
-                y: stackedData[index],
-                nullData,
-                isExtension: true
-              });
-            }
-            if (!nullData && (index === data.length - 1 || data[index + 1] == null)) {
-              rep.push({
-                x: (xScale(x) ?? 0) + (xScale.step() + xScale.bandwidth()) / 2,
-                y: stackedData[index],
-                nullData,
-                isExtension: true
-              });
-            }
-            return rep;
-          }
-          return {
-            x,
-            y: stackedData[index],
-            nullData
-          };
-        }) ?? [];
-        const d3Data = connectNulls ? formattedData.filter(d => !d.nullData) : formattedData;
-        const areaPath = d3Area().x(d => d.isExtension ? d.x : xPosition(d.x)).defined(d => connectNulls || !d.nullData || !!d.isExtension).y0(d => {
-          if (typeof baseline === 'number') {
-            return yScale(baseline);
-          }
-          if (baseline === 'max') {
-            return yScale.range()[1];
-          }
-          if (baseline === 'min') {
-            return yScale.range()[0];
-          }
-          const value = d.y && yScale(d.y[0]);
-          if (Number.isNaN(value)) {
-            return yScale.range()[0];
-          }
-          return value;
-        }).y1(d => d.y && yScale(d.y[1]));
-        const d = areaPath.curve(getCurveFactory(curve))(d3Data) || '';
-        return _extends({}, series[seriesId], {
-          gradientId,
-          d,
-          seriesId
-        });
-      });
-    });
-  }, [seriesData, xAxisIds, yAxisIds, xAxis, yAxis, getGradientId]);
-  return allData;
-};
-
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Areas demonstration](https://mui.com/x/react-charts/areas-demo/)
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
- *
- * API:
- *
- * - [AreaPlot API](https://mui.com/x/api/charts/area-plot/)
- */
-function AreaPlot(props) {
-  const {
-      slots,
-      slotProps,
-      onItemClick,
-      skipAnimation: inSkipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isZoomInteracting = useInternalIsZoomInteracting();
-  const skipAnimation = useSkipAnimation(isZoomInteracting || inSkipAnimation);
-  const completedData = useAggregatedData();
-  return /*#__PURE__*/_jsx(AreaPlotRoot, _extends({}, other, {
-    children: completedData.map(({
-      d,
-      seriesId,
-      color,
-      area,
-      gradientId
-    }) => !!area && /*#__PURE__*/_jsx(AreaElement, {
-      id: seriesId,
-      d: d,
-      color: color,
-      gradientId: gradientId,
-      slots: slots,
-      slotProps: slotProps,
-      onClick: onItemClick && (event => onItemClick(event, {
-        type: 'line',
-        seriesId
-      })),
-      skipAnimation: skipAnimation
-    }, seriesId))
-  }));
-}
-process.env.NODE_ENV !== "production" ? AreaPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm 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.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * 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 { AreaPlot };