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

package/modern/ScatterChart/ScatterMarker.types.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { ScatterMarkerProps } from './ScatterMarker';
-export interface ScatterMarkerSlots {
-  /**
-   * The component that renders the marker for a scatter point.
-   * @default ScatterMarker
-   */
-  marker?: React.JSXElementConstructor<ScatterMarkerProps>;
-}
-export interface ScatterMarkerSlotProps {
-  marker?: ScatterMarkerProps;
-}
-export interface ScatterMarkerSlotExtension {
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ScatterMarkerSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ScatterMarkerSlots;
-}

package/modern/ScatterChart/ScatterMarker.types.js

@@ -1 +0,0 @@
-export {};

package/modern/ScatterChart/ScatterPlot.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { ScatterProps, ScatterSlotProps, ScatterSlots } from "./Scatter.js";
-export interface ScatterPlotSlots extends ScatterSlots {
-  scatter?: React.JSXElementConstructor<ScatterProps>;
-}
-export interface ScatterPlotSlotProps extends ScatterSlotProps {
-  scatter?: Partial<ScatterProps>;
-}
-export interface ScatterPlotProps extends Pick<ScatterProps, 'onItemClick'> {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ScatterPlotSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ScatterPlotSlotProps;
-}
-/**
- * Demos:
- *
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
- *
- * API:
- *
- * - [ScatterPlot API](https://mui.com/x/api/charts/scatter-plot/)
- */
-declare function ScatterPlot(props: ScatterPlotProps): React.JSX.Element | null;
-declare namespace ScatterPlot {
-  var propTypes: any;
-}
-export { ScatterPlot };

package/modern/ScatterChart/ScatterPlot.js

@@ -1,99 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { Scatter } from "./Scatter.js";
-import { useScatterSeriesContext } from "../hooks/useScatterSeries.js";
-import getColor from "./seriesConfig/getColor.js";
-import { useXAxes, useYAxes } from "../hooks/index.js";
-import { useZAxes } from "../hooks/useZAxis.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
- *
- * API:
- *
- * - [ScatterPlot API](https://mui.com/x/api/charts/scatter-plot/)
- */
-function ScatterPlot(props) {
-  const {
-    slots,
-    slotProps,
-    onItemClick
-  } = props;
-  const seriesData = useScatterSeriesContext();
-  const {
-    xAxis,
-    xAxisIds
-  } = useXAxes();
-  const {
-    yAxis,
-    yAxisIds
-  } = useYAxes();
-  const {
-    zAxis,
-    zAxisIds
-  } = useZAxes();
-  if (seriesData === undefined) {
-    return null;
-  }
-  const {
-    series,
-    seriesOrder
-  } = seriesData;
-  const defaultXAxisId = xAxisIds[0];
-  const defaultYAxisId = yAxisIds[0];
-  const defaultZAxisId = zAxisIds[0];
-  const ScatterItems = slots?.scatter ?? Scatter;
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: seriesOrder.map(seriesId => {
-      const {
-        id,
-        xAxisId,
-        yAxisId,
-        zAxisId,
-        color
-      } = series[seriesId];
-      const colorGetter = getColor(series[seriesId], xAxis[xAxisId ?? defaultXAxisId], yAxis[yAxisId ?? defaultYAxisId], zAxis[zAxisId ?? defaultZAxisId]);
-      const xScale = xAxis[xAxisId ?? defaultXAxisId].scale;
-      const yScale = yAxis[yAxisId ?? defaultYAxisId].scale;
-      return /*#__PURE__*/_jsx(ScatterItems, _extends({
-        xScale: xScale,
-        yScale: yScale,
-        color: color,
-        colorGetter: colorGetter,
-        series: series[seriesId],
-        onItemClick: onItemClick,
-        slots: slots,
-        slotProps: slotProps
-      }, slotProps?.scatter), id);
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ScatterPlot.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 clicking on a scatter item.
-   * @param {MouseEvent} event Mouse event recorded on the `<svg/>` element.
-   * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { ScatterPlot };

package/modern/ScatterChart/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./ScatterChart.js";
-export * from "./ScatterPlot.js";
-export * from "./Scatter.js";
-export * from "./ScatterMarker.types.js";
-export * from "./ScatterMarker.js";

package/modern/ScatterChart/index.js

@@ -1,5 +0,0 @@
-export * from "./ScatterChart.js";
-export * from "./ScatterPlot.js";
-export * from "./Scatter.js";
-export * from "./ScatterMarker.types.js";
-export * from "./ScatterMarker.js";

package/modern/ScatterChart/seriesConfig/extremums.d.ts

@@ -1,3 +0,0 @@
-import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const getExtremumX: CartesianExtremumGetter<'scatter'>;
-export declare const getExtremumY: CartesianExtremumGetter<'scatter'>;

package/modern/ScatterChart/seriesConfig/extremums.js

@@ -1,55 +0,0 @@
-const mergeMinMax = (acc, val) => {
-  return [val[0] === null ? acc[0] : Math.min(acc[0], val[0]), val[1] === null ? acc[1] : Math.max(acc[1], val[1])];
-};
-export const getExtremumX = params => {
-  const {
-    series,
-    axis,
-    isDefaultAxis,
-    getFilters
-  } = params;
-  return Object.keys(series).filter(seriesId => {
-    const axisId = series[seriesId].xAxisId;
-    return axisId === axis.id || axisId === undefined && isDefaultAxis;
-  }).reduce((acc, seriesId) => {
-    const filter = getFilters?.({
-      currentAxisId: axis.id,
-      isDefaultAxis,
-      seriesXAxisId: series[seriesId].xAxisId,
-      seriesYAxisId: series[seriesId].yAxisId
-    });
-    const seriesMinMax = series[seriesId].data?.reduce((accSeries, d, dataIndex) => {
-      if (filter && !filter(d, dataIndex)) {
-        return accSeries;
-      }
-      return mergeMinMax(accSeries, [d.x, d.x]);
-    }, [Infinity, -Infinity]);
-    return mergeMinMax(acc, seriesMinMax ?? [Infinity, -Infinity]);
-  }, [Infinity, -Infinity]);
-};
-export const getExtremumY = params => {
-  const {
-    series,
-    axis,
-    isDefaultAxis,
-    getFilters
-  } = params;
-  return Object.keys(series).filter(seriesId => {
-    const axisId = series[seriesId].yAxisId;
-    return axisId === axis.id || axisId === undefined && isDefaultAxis;
-  }).reduce((acc, seriesId) => {
-    const filter = getFilters?.({
-      currentAxisId: axis.id,
-      isDefaultAxis,
-      seriesXAxisId: series[seriesId].xAxisId,
-      seriesYAxisId: series[seriesId].yAxisId
-    });
-    const seriesMinMax = series[seriesId].data?.reduce((accSeries, d, dataIndex) => {
-      if (filter && !filter(d, dataIndex)) {
-        return accSeries;
-      }
-      return mergeMinMax(accSeries, [d.y, d.y]);
-    }, [Infinity, -Infinity]);
-    return mergeMinMax(acc, seriesMinMax ?? [Infinity, -Infinity]);
-  }, [Infinity, -Infinity]);
-};

package/modern/ScatterChart/seriesConfig/getColor.d.ts

@@ -1,3 +0,0 @@
-import { ColorProcessor } from "../../internals/plugins/models/index.js";
-declare const getColor: ColorProcessor<'scatter'>;
-export default getColor;

package/modern/ScatterChart/seriesConfig/getColor.js

@@ -1,43 +0,0 @@
-const getColor = (series, xAxis, yAxis, zAxis) => {
-  const zColorScale = zAxis?.colorScale;
-  const yColorScale = yAxis?.colorScale;
-  const xColorScale = xAxis?.colorScale;
-  if (zColorScale) {
-    return dataIndex => {
-      if (zAxis?.data?.[dataIndex] !== undefined) {
-        const color = zColorScale(zAxis?.data?.[dataIndex]);
-        if (color !== null) {
-          return color;
-        }
-      }
-      const value = series.data[dataIndex];
-      const color = value === null ? series.color : zColorScale(value.z);
-      if (color === null) {
-        return series.color;
-      }
-      return color;
-    };
-  }
-  if (yColorScale) {
-    return dataIndex => {
-      const value = series.data[dataIndex];
-      const color = value === null ? series.color : yColorScale(value.y);
-      if (color === null) {
-        return series.color;
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      const value = series.data[dataIndex];
-      const color = value === null ? series.color : xColorScale(value.x);
-      if (color === null) {
-        return series.color;
-      }
-      return color;
-    };
-  }
-  return () => series.color;
-};
-export default getColor;

package/modern/ScatterChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +0,0 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
-declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'scatter'>;
-export default getSeriesWithDefaultValues;

package/modern/ScatterChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return _extends({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
-};
-export default getSeriesWithDefaultValues;

package/modern/ScatterChart/seriesConfig/index.d.ts

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

package/modern/ScatterChart/seriesConfig/index.js

@@ -1,15 +0,0 @@
-import { getExtremumX, getExtremumY } from "./extremums.js";
-import seriesProcessor from "./seriesProcessor.js";
-import getColor from "./getColor.js";
-import legendGetter from "./legend.js";
-import tooltipGetter from "./tooltip.js";
-import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
-export const seriesConfig = {
-  seriesProcessor,
-  colorProcessor: getColor,
-  legendGetter,
-  tooltipGetter,
-  xExtremumGetter: getExtremumX,
-  yExtremumGetter: getExtremumY,
-  getSeriesWithDefaultValues
-};

package/modern/ScatterChart/seriesConfig/legend.d.ts

@@ -1,3 +0,0 @@
-import { LegendGetter } from "../../internals/plugins/models/index.js";
-declare const legendGetter: LegendGetter<'scatter'>;
-export default legendGetter;

package/modern/ScatterChart/seriesConfig/legend.js

@@ -1,22 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      markType: series[seriesId].labelMarkType,
-      id: seriesId,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
-export default legendGetter;

package/modern/ScatterChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from "../../internals/plugins/models/index.js";
-declare const seriesProcessor: SeriesProcessor<'scatter'>;
-export default seriesProcessor;

package/modern/ScatterChart/seriesConfig/seriesProcessor.js

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const seriesProcessor = ({
-  series,
-  seriesOrder
-}, dataset) => {
-  const completeSeries = Object.fromEntries(Object.entries(series).map(([seriesId, seriesData]) => {
-    const datasetKeys = seriesData?.datasetKeys;
-    const missingKeys = ['x', 'y', 'id'].filter(key => typeof datasetKeys?.[key] !== 'string');
-    if (seriesData?.datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
-    }
-    const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
-      return {
-        x: d[datasetKeys.x] ?? null,
-        y: d[datasetKeys.y] ?? null,
-        z: datasetKeys.z && d[datasetKeys.z],
-        id: datasetKeys.id && d[datasetKeys.id]
-      };
-    }) ?? [];
-    return [seriesId, _extends({
-      labelMarkType: 'circle',
-      markerSize: 4
-    }, seriesData, {
-      data,
-      valueFormatter: seriesData.valueFormatter ?? (v => v && `(${v.x}, ${v.y})`)
-    })];
-  }));
-  return {
-    series: completeSeries,
-    seriesOrder
-  };
-};
-export default seriesProcessor;

package/modern/ScatterChart/seriesConfig/tooltip.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
-declare const tooltipGetter: TooltipGetter<'scatter'>;
-export default tooltipGetter;

package/modern/ScatterChart/seriesConfig/tooltip.js

@@ -1,25 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
-export default tooltipGetter;

package/modern/ScatterChart/useScatterChartProps.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import type { ScatterChartProps } from './ScatterChart';
-import type { ScatterPlotProps } from './ScatterPlot';
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
-import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
-/**
- * A helper function that extracts ScatterChartProps from the input props
- * and returns an object with props for the children components of ScatterChart.
- *
- * @param props The input props for ScatterChart
- * @returns An object with props for the children components of ScatterChart
- */
-export declare const useScatterChartProps: (props: ScatterChartProps) => {
-  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartContainerProps: ChartContainerProps<"scatter", ScatterChartPluginsSignatures>;
-  chartsAxisProps: ChartsAxisProps;
-  gridProps: ChartsGridProps;
-  scatterPlotProps: ScatterPlotProps;
-  overlayProps: ChartsOverlayProps;
-  legendProps: ChartsLegendSlotExtension;
-  axisHighlightProps: ChartsAxisHighlightProps;
-  children: React.ReactNode;
-};

package/modern/ScatterChart/useScatterChartProps.js

@@ -1,102 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["xAxis", "yAxis", "zAxis", "series", "axisHighlight", "voronoiMaxRadius", "disableVoronoi", "hideLegend", "width", "height", "margin", "colors", "sx", "grid", "onItemClick", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className"];
-import * as React from 'react';
-import { SCATTER_CHART_PLUGINS } from "./ScatterChart.plugins.js";
-/**
- * A helper function that extracts ScatterChartProps from the input props
- * and returns an object with props for the children components of ScatterChart.
- *
- * @param props The input props for ScatterChart
- * @returns An object with props for the children components of ScatterChart
- */
-export const useScatterChartProps = props => {
-  const {
-      xAxis,
-      yAxis,
-      zAxis,
-      series,
-      axisHighlight,
-      voronoiMaxRadius,
-      disableVoronoi,
-      width,
-      height,
-      margin,
-      colors,
-      sx,
-      grid,
-      onItemClick,
-      children,
-      slots,
-      slotProps,
-      loading,
-      highlightedItem,
-      onHighlightChange,
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const seriesWithDefault = React.useMemo(() => series.map(s => _extends({
-    type: 'scatter'
-  }, s)), [series]);
-  const chartContainerProps = _extends({}, other, {
-    series: seriesWithDefault,
-    width,
-    height,
-    margin,
-    colors,
-    xAxis,
-    yAxis,
-    zAxis,
-    highlightedItem,
-    onHighlightChange,
-    disableVoronoi,
-    voronoiMaxRadius,
-    onItemClick: disableVoronoi ? undefined : onItemClick,
-    className,
-    plugins: SCATTER_CHART_PLUGINS
-  });
-  const chartsAxisProps = {
-    slots,
-    slotProps
-  };
-  const gridProps = {
-    vertical: grid?.vertical,
-    horizontal: grid?.horizontal
-  };
-  const scatterPlotProps = {
-    onItemClick: disableVoronoi ? onItemClick : undefined,
-    slots,
-    slotProps
-  };
-  const overlayProps = {
-    loading,
-    slots,
-    slotProps
-  };
-  const legendProps = {
-    slots,
-    slotProps
-  };
-  const axisHighlightProps = _extends({
-    y: 'none',
-    x: 'none'
-  }, axisHighlight);
-  const chartsWrapperProps = {
-    sx,
-    legendPosition: props.slotProps?.legend?.position,
-    legendDirection: props.slotProps?.legend?.direction
-  };
-  return {
-    chartsWrapperProps,
-    chartContainerProps,
-    chartsAxisProps,
-    gridProps,
-    scatterPlotProps,
-    overlayProps,
-    legendProps,
-    axisHighlightProps,
-    children
-  };
-};

package/modern/SparkLineChart/SparkLineChart.d.ts

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsColor } from "../colorPalettes/index.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from "../models/axis.js";
-import { LineSeriesType } from "../models/seriesType/index.js";
-import { AreaPlotSlots, AreaPlotSlotProps } from "../LineChart/AreaPlot.js";
-import { LinePlotSlots, LinePlotSlotProps } from "../LineChart/LinePlot.js";
-import { MarkPlotSlots, MarkPlotSlotProps } from "../LineChart/MarkPlot.js";
-import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from "../LineChart/LineHighlightPlot.js";
-import { BarPlotSlots, BarPlotSlotProps } from "../BarChart/BarPlot.js";
-import { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
-export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, Omit<BarPlotSlots, 'barLabel'>, ChartsTooltipSlots {}
-export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {}
-export interface SparkLineChartProps extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'radiusAxis' | 'rotationAxis' | 'margin' | 'plugins' | 'colors'> {
-  /**
-   * The xAxis configuration.
-   * Notice it is a single [[AxisConfig]] object, not an array of configuration.
-   */
-  xAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>;
-  /**
-   * The yAxis configuration.
-   * Notice it is a single [[AxisConfig]] object, not an array of configuration.
-   */
-  yAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>;
-  axisHighlight?: ChartsAxisHighlightProps;
-  /**
-   * Type of plot used.
-   * @default 'line'
-   */
-  plotType?: 'line' | 'bar';
-  /**
-   * Data to plot.
-   */
-  data: number[];
-  /**
-   * Formatter used by the tooltip.
-   * @param {number} value The value to format.
-   * @returns {string} the formatted value.
-   * @default (value: number | null) => (value === null ? '' : value.toString())
-   */
-  valueFormatter?: (value: number | null) => string;
-  /**
-   * Set to `true` to enable the tooltip in the sparkline.
-   * @default false
-   */
-  showTooltip?: boolean;
-  /**
-   * Set to `true` to highlight the value.
-   * With line, it shows a point.
-   * With bar, it shows a highlight band.
-   * @default false
-   */
-  showHighlight?: boolean;
-  /**
-   * Set to `true` to fill spark line area.
-   * Has no effect if plotType='bar'.
-   * @default false
-   */
-  area?: LineSeriesType['area'];
-  /**
-   * @default 'linear'
-   */
-  curve?: LineSeriesType['curve'];
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   *
-   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default 5
-   */
-  margin?: Partial<ChartMargin> | number;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: SparkLineChartSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: SparkLineChartSlotProps;
-  /**
-   * Color used to colorize the sparkline.
-   * @default rainbowSurgePalette[0]
-   */
-  color?: ChartsColor;
-}
-/**
- * Demos:
- *
- * - [SparkLine](https://mui.com/x/react-charts/sparkline/)
- *
- * API:
- *
- * - [SparkLineChart API](https://mui.com/x/api/charts/spark-line-chart/)
- */
-declare const SparkLineChart: React.ForwardRefExoticComponent<SparkLineChartProps & React.RefAttributes<SVGSVGElement>>;
-export { SparkLineChart };