@mui/x-charts 6.18.1 → 7.0.0-alpha.0

package/PieChart/PieChart.d.ts

@@ -3,15 +3,15 @@ import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis/ChartsAxis';
 import { PieSeriesType } from '../models/seriesType';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlotProps, ChartsLegendSlots } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { PiePlotProps, PiePlotSlotComponentProps, PiePlotSlotsComponent } from './PiePlot';
+import { PiePlotProps, PiePlotSlotProps, PiePlotSlots } from './PiePlot';
 import { PieValueType } from '../models/seriesType/pie';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface PieChartSlotsComponent extends ChartsAxisSlotsComponent, PiePlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
+export interface PieChartSlots extends ChartsAxisSlots, PiePlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface PieChartSlotComponentProps extends ChartsAxisSlotComponentProps, PiePlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface PieChartSlotProps extends ChartsAxisSlotProps, PiePlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
     series: MakeOptional<PieSeriesType<MakeOptional<PieValueType, 'id'>>, 'type'>[];
@@ -22,12 +22,12 @@ export interface PieChartProps extends Omit<ResponsiveChartContainerProps, 'seri
      */
     legend?: ChartsLegendProps;
     onClick?: PiePlotProps['onClick'];
-    slots?: PieChartSlotsComponent;
+    slots?: PieChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PieChartSlotComponentProps;
+    slotProps?: PieChartSlotProps;
 }
 /**
  * Demos:

package/PieChart/PiePlot.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
-import { PieArcPlotProps, PieArcPlotSlotComponentProps, PieArcPlotSlotsComponent } from './PieArcPlot';
-import { PieArcLabelPlotSlotsComponent, PieArcLabelPlotSlotComponentProps } from './PieArcLabelPlot';
-export interface PiePlotSlotsComponent extends PieArcPlotSlotsComponent, PieArcLabelPlotSlotsComponent {
+import { PieArcPlotProps, PieArcPlotSlotProps, PieArcPlotSlots } from './PieArcPlot';
+import { PieArcLabelPlotSlots, PieArcLabelPlotSlotProps } from './PieArcLabelPlot';
+export interface PiePlotSlots extends PieArcPlotSlots, PieArcLabelPlotSlots {
 }
-export interface PiePlotSlotComponentProps extends PieArcPlotSlotComponentProps, PieArcLabelPlotSlotComponentProps {
+export interface PiePlotSlotProps extends PieArcPlotSlotProps, PieArcLabelPlotSlotProps {
 }
 export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'onClick'> {
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: PiePlotSlotsComponent;
+    slots?: PiePlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PiePlotSlotComponentProps;
+    slotProps?: PiePlotSlotProps;
 }
 /**
  * Demos:

package/ScatterChart/ScatterChart.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { ScatterPlotSlotComponentProps, ScatterPlotSlotsComponent } from './ScatterPlot';
+import { ScatterPlotSlotProps, ScatterPlotSlots } from './ScatterPlot';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
 import { ChartsAxisProps } from '../ChartsAxis';
 import { ScatterSeriesType } from '../models/seriesType/scatter';
 import { MakeOptional } from '../models/helpers';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
-import { ChartsLegendProps, ChartsLegendSlotComponentProps, ChartsLegendSlotsComponent } from '../ChartsLegend';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
+import { ChartsLegendProps, ChartsLegendSlotProps, ChartsLegendSlots } from '../ChartsLegend';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsAxisSlotsComponent, ChartsAxisSlotComponentProps } from '../models/axis';
-export interface ScatterChartSlotsComponent extends ChartsAxisSlotsComponent, ScatterPlotSlotsComponent, ChartsLegendSlotsComponent, ChartsTooltipSlotsComponent {
+import { ChartsAxisSlots, ChartsAxisSlotProps } from '../models/axis';
+export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsTooltipSlots {
 }
-export interface ScatterChartSlotComponentProps extends ChartsAxisSlotComponentProps, ScatterPlotSlotComponentProps, ChartsLegendSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps {
 }
 export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, 'series'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
     series: MakeOptional<ScatterSeriesType, 'type'>[];
@@ -24,12 +24,12 @@ export interface ScatterChartProps extends Omit<ResponsiveChartContainerProps, '
      * Overridable component slots.
      * @default {}
      */
-    slots?: ScatterChartSlotsComponent;
+    slots?: ScatterChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ScatterChartSlotComponentProps;
+    slotProps?: ScatterChartSlotProps;
 }
 /**
  * Demos:

package/ScatterChart/ScatterPlot.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { ScatterProps } from './Scatter';
-export interface ScatterPlotSlotsComponent {
+export interface ScatterPlotSlots {
     scatter?: React.JSXElementConstructor<ScatterProps>;
 }
-export interface ScatterPlotSlotComponentProps {
+export interface ScatterPlotSlotProps {
     scatter?: Partial<ScatterProps>;
 }
 export interface ScatterPlotProps {
@@ -11,12 +11,12 @@ export interface ScatterPlotProps {
      * Overridable component slots.
      * @default {}
      */
-    slots?: ScatterPlotSlotsComponent;
+    slots?: ScatterPlotSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: ScatterPlotSlotComponentProps;
+    slotProps?: ScatterPlotSlotProps;
 }
 /**
  * Demos:

package/SparkLineChart/SparkLineChart.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { ResponsiveChartContainerProps } from '../ResponsiveChartContainer';
-import { ChartsTooltipProps, ChartsTooltipSlotComponentProps, ChartsTooltipSlotsComponent } from '../ChartsTooltip';
+import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '../ChartsTooltip';
 import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
 import { AxisConfig } from '../models/axis';
 import { MakeOptional } from '../models/helpers';
 import { LineSeriesType } from '../models/seriesType/line';
-import { AreaPlotSlotsComponent, AreaPlotSlotComponentProps } from '../LineChart/AreaPlot';
-import { LinePlotSlotsComponent, LinePlotSlotComponentProps } from '../LineChart/LinePlot';
-import { MarkPlotSlotsComponent, MarkPlotSlotComponentProps } from '../LineChart/MarkPlot';
-import { LineHighlightPlotSlotsComponent, LineHighlightPlotSlotComponentProps } from '../LineChart/LineHighlightPlot';
-import { BarPlotSlotsComponent, BarPlotSlotComponentProps } from '../BarChart/BarPlot';
-export interface SparkLineChartSlotsComponent extends AreaPlotSlotsComponent, LinePlotSlotsComponent, MarkPlotSlotsComponent, LineHighlightPlotSlotsComponent, BarPlotSlotsComponent, ChartsTooltipSlotsComponent {
+import { AreaPlotSlots, AreaPlotSlotProps } from '../LineChart/AreaPlot';
+import { LinePlotSlots, LinePlotSlotProps } from '../LineChart/LinePlot';
+import { MarkPlotSlots, MarkPlotSlotProps } from '../LineChart/MarkPlot';
+import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from '../LineChart/LineHighlightPlot';
+import { BarPlotSlots, BarPlotSlotProps } from '../BarChart/BarPlot';
+export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, BarPlotSlots, ChartsTooltipSlots {
 }
-export interface SparkLineChartSlotComponentProps extends AreaPlotSlotComponentProps, LinePlotSlotComponentProps, MarkPlotSlotComponentProps, LineHighlightPlotSlotComponentProps, BarPlotSlotComponentProps, ChartsTooltipSlotComponentProps {
+export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {
 }
 export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps, 'series' | 'xAxis' | 'yAxis'> {
     /**
@@ -63,12 +63,12 @@ export interface SparkLineChartProps extends Omit<ResponsiveChartContainerProps,
      * Overridable component slots.
      * @default {}
      */
-    slots?: SparkLineChartSlotsComponent;
+    slots?: SparkLineChartSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: SparkLineChartSlotComponentProps;
+    slotProps?: SparkLineChartSlotProps;
 }
 /**
  * Demos:

package/esm/ChartsLegend/ChartsLegend.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["rotate", "dominantBaseline"],
   _excluded2 = ["label"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { useSlotProps } from '@mui/base/utils';
 import { NoSsr } from '@mui/base/NoSsr';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
@@ -233,7 +234,107 @@ function DefaultChartsLegend(props) {
     })
   });
 }
-export function ChartsLegend(inProps) {
+process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: PropTypes.oneOf(['column', 'row']).isRequired,
+  drawingArea: PropTypes.shape({
+    bottom: PropTypes.number.isRequired,
+    height: PropTypes.number.isRequired,
+    left: PropTypes.number.isRequired,
+    right: PropTypes.number.isRequired,
+    top: PropTypes.number.isRequired,
+    width: PropTypes.number.isRequired
+  }).isRequired,
+  /**
+   * Set to true to hide the legend.
+   */
+  hidden: PropTypes.bool,
+  /**
+   * Space between two legend items (in px).
+   * @default 10
+   */
+  itemGap: PropTypes.number,
+  /**
+   * Height of the item mark (in px).
+   * @default 20
+   */
+  itemMarkHeight: PropTypes.number,
+  /**
+   * Width of the item mark (in px).
+   * @default 20
+   */
+  itemMarkWidth: PropTypes.number,
+  /**
+   * Style applied to legend labels.
+   * @default theme.typography.subtitle1
+   */
+  labelStyle: PropTypes.object,
+  /**
+   * Space between the mark and the label (in px).
+   * @default 5
+   */
+  markGap: PropTypes.number,
+  /**
+   * Legend padding (in px).
+   * Can either be a single number, or an object with top, left, bottom, right properties.
+   * @default 0
+   */
+  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
+  })]),
+  position: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
+  }).isRequired,
+  series: PropTypes.shape({
+    bar: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
+      stackingGroups: PropTypes.arrayOf(PropTypes.shape({
+        ids: PropTypes.arrayOf(PropTypes.string).isRequired,
+        stackingOffset: PropTypes.func.isRequired,
+        stackingOrder: PropTypes.func.isRequired
+      })).isRequired
+    }),
+    line: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
+      stackingGroups: PropTypes.arrayOf(PropTypes.shape({
+        ids: PropTypes.arrayOf(PropTypes.string).isRequired,
+        stackingOffset: PropTypes.func.isRequired,
+        stackingOrder: PropTypes.func.isRequired
+      })).isRequired
+    }),
+    pie: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
+    }),
+    scatter: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
+    })
+  }).isRequired,
+  seriesToDisplay: PropTypes.arrayOf(PropTypes.shape({
+    color: PropTypes.string.isRequired,
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired
+  })).isRequired
+} : void 0;
+function ChartsLegend(inProps) {
   var _slots$legend;
   const props = useThemeProps({
     props: _extends({}, defaultProps, inProps),
@@ -269,4 +370,39 @@ export function ChartsLegend(inProps) {
     ownerState: {}
   });
   return /*#__PURE__*/_jsx(ChartLegendRender, _extends({}, chartLegendRenderProps));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: PropTypes.oneOf(['column', 'row']),
+  /**
+   * Set to true to hide the legend.
+   * @default false
+   */
+  hidden: PropTypes.bool,
+  position: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { ChartsLegend };

package/esm/index.js

@@ -9,6 +9,7 @@ export * from './ChartsAxis';
 export * from './ChartsXAxis';
 export * from './ChartsYAxis';
 export * from './ChartsTooltip';
+export * from './ChartsLegend';
 export * from './ChartsAxisHighlight';
 export * from './BarChart';
 export * from './LineChart';

package/index.d.ts

@@ -9,6 +9,7 @@ export * from './ChartsAxis';
 export * from './ChartsXAxis';
 export * from './ChartsYAxis';
 export * from './ChartsTooltip';
+export * from './ChartsLegend';
 export * from './ChartsAxisHighlight';
 export * from './BarChart';
 export * from './LineChart';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v6.18.1
+ * @mui/x-charts v7.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -131,6 +131,17 @@ Object.keys(_ChartsTooltip).forEach(function (key) {
     }
   });
 });
+var _ChartsLegend = require("./ChartsLegend");
+Object.keys(_ChartsLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsLegend[key];
+    }
+  });
+});
 var _ChartsAxisHighlight = require("./ChartsAxisHighlight");
 Object.keys(_ChartsAxisHighlight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/legacy/ChartsLegend/ChartsLegend.js

@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 var _excluded = ["rotate", "dominantBaseline"],
   _excluded2 = ["label"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { useSlotProps } from '@mui/base/utils';
 import { NoSsr } from '@mui/base/NoSsr';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
@@ -247,7 +248,107 @@ function DefaultChartsLegend(props) {
     })
   });
 }
-export function ChartsLegend(inProps) {
+process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: PropTypes.oneOf(['column', 'row']).isRequired,
+  drawingArea: PropTypes.shape({
+    bottom: PropTypes.number.isRequired,
+    height: PropTypes.number.isRequired,
+    left: PropTypes.number.isRequired,
+    right: PropTypes.number.isRequired,
+    top: PropTypes.number.isRequired,
+    width: PropTypes.number.isRequired
+  }).isRequired,
+  /**
+   * Set to true to hide the legend.
+   */
+  hidden: PropTypes.bool,
+  /**
+   * Space between two legend items (in px).
+   * @default 10
+   */
+  itemGap: PropTypes.number,
+  /**
+   * Height of the item mark (in px).
+   * @default 20
+   */
+  itemMarkHeight: PropTypes.number,
+  /**
+   * Width of the item mark (in px).
+   * @default 20
+   */
+  itemMarkWidth: PropTypes.number,
+  /**
+   * Style applied to legend labels.
+   * @default theme.typography.subtitle1
+   */
+  labelStyle: PropTypes.object,
+  /**
+   * Space between the mark and the label (in px).
+   * @default 5
+   */
+  markGap: PropTypes.number,
+  /**
+   * Legend padding (in px).
+   * Can either be a single number, or an object with top, left, bottom, right properties.
+   * @default 0
+   */
+  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
+  })]),
+  position: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
+  }).isRequired,
+  series: PropTypes.shape({
+    bar: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
+      stackingGroups: PropTypes.arrayOf(PropTypes.shape({
+        ids: PropTypes.arrayOf(PropTypes.string).isRequired,
+        stackingOffset: PropTypes.func.isRequired,
+        stackingOrder: PropTypes.func.isRequired
+      })).isRequired
+    }),
+    line: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
+      stackingGroups: PropTypes.arrayOf(PropTypes.shape({
+        ids: PropTypes.arrayOf(PropTypes.string).isRequired,
+        stackingOffset: PropTypes.func.isRequired,
+        stackingOrder: PropTypes.func.isRequired
+      })).isRequired
+    }),
+    pie: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
+    }),
+    scatter: PropTypes.shape({
+      series: PropTypes.object.isRequired,
+      seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
+    })
+  }).isRequired,
+  seriesToDisplay: PropTypes.arrayOf(PropTypes.shape({
+    color: PropTypes.string.isRequired,
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired
+  })).isRequired
+} : void 0;
+function ChartsLegend(inProps) {
   var _slots$legend;
   var props = useThemeProps({
     props: _extends({}, defaultProps, inProps),
@@ -281,4 +382,39 @@ export function ChartsLegend(inProps) {
     ownerState: {}
   });
   return /*#__PURE__*/_jsx(ChartLegendRender, _extends({}, chartLegendRenderProps));
-}
+}
+process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * The direction of the legend layout.
+   * The default depends on the chart.
+   */
+  direction: PropTypes.oneOf(['column', 'row']),
+  /**
+   * Set to true to hide the legend.
+   * @default false
+   */
+  hidden: PropTypes.bool,
+  position: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
+    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
+  }),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object
+} : void 0;
+export { ChartsLegend };

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v6.18.1
+ * @mui/x-charts v7.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -16,6 +16,7 @@ export * from './ChartsAxis';
 export * from './ChartsXAxis';
 export * from './ChartsYAxis';
 export * from './ChartsTooltip';
+export * from './ChartsLegend';
 export * from './ChartsAxisHighlight';
 export * from './BarChart';
 export * from './LineChart';

package/models/axis.d.ts

@@ -7,13 +7,13 @@ export type D3Scale<Domain extends {
     toString(): string;
 } = number | Date | string, Range = number, Output = number> = ScaleBand<Domain> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
 export type D3ContinuouseScale<Range = number, Output = number> = ScaleLogarithmic<Range, Output> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
-export interface ChartsAxisSlotsComponent {
+export interface ChartsAxisSlots {
     axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
     axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
     axisTickLabel?: React.JSXElementConstructor<ChartsTextProps>;
     axisLabel?: React.JSXElementConstructor<ChartsTextProps>;
 }
-export interface ChartsAxisSlotComponentProps {
+export interface ChartsAxisSlotProps {
     axisLine?: Partial<React.SVGAttributes<SVGPathElement>>;
     axisTick?: Partial<React.SVGAttributes<SVGPathElement>>;
     axisTickLabel?: Partial<ChartsTextProps>;
@@ -89,12 +89,12 @@ export interface ChartsAxisProps extends TickParams {
      * Overridable component slots.
      * @default {}
      */
-    slots?: Partial<ChartsAxisSlotsComponent>;
+    slots?: Partial<ChartsAxisSlots>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: Partial<ChartsAxisSlotComponentProps>;
+    slotProps?: Partial<ChartsAxisSlotProps>;
 }
 export interface ChartsYAxisProps extends ChartsAxisProps {
     /**