@mui/x-charts 9.0.0 → 9.0.2

package/ChartsContainer/ChartsContainer.mjs

@@ -284,7 +284,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
@@ -309,7 +309,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   })),
   /**
    * The configuration of the rotation-axes.
@@ -349,7 +350,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     })),
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -377,7 +378,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -409,7 +411,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     })),
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -437,7 +439,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -459,7 +462,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -484,7 +487,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -507,7 +511,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -532,7 +536,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -554,7 +559,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -579,7 +584,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -601,7 +607,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -626,7 +632,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -648,7 +655,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -677,7 +684,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -699,7 +707,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -728,7 +736,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
     className: PropTypes.string,
@@ -750,7 +759,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     endAngle: PropTypes.number,
     height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
     hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelGap: PropTypes.number,
@@ -775,7 +784,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   })]).isRequired),
   /**
    * The array of series to display.
@@ -892,7 +902,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -951,7 +962,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -997,7 +1009,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1044,7 +1057,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1090,7 +1104,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1136,7 +1151,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1186,7 +1202,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1236,7 +1253,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1282,7 +1300,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   })]).isRequired),
   /**
    * The configuration of the y-axes.
@@ -1348,6 +1367,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1406,6 +1426,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1451,6 +1472,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1497,6 +1519,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1542,6 +1565,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1587,6 +1611,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1636,6 +1661,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1685,6 +1711,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1730,6 +1757,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   })]).isRequired),
   /**
@@ -1755,7 +1783,8 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     dataKey: PropTypes.string,
     id: PropTypes.string,
     max: PropTypes.number,
-    min: PropTypes.number
+    min: PropTypes.number,
+    valueGetter: PropTypes.func
   }))
 } : void 0;
 export { ChartsContainer };

package/ChartsDataProvider/useChartsDataProviderProps.js

@@ -13,14 +13,9 @@ var _defaultSeriesConfig = require("../internals/plugins/utils/defaultSeriesConf
 var _allPlugins = require("../internals/plugins/allPlugins");
 const _excluded = ["children", "localeText", "plugins", "slots", "slotProps", "seriesConfig"];
 const useChartsDataProviderProps = inProps => {
-  // eslint-disable-next-line mui/material-ui-name-matches-component-name
-  const themedProps = (0, _styles.useThemeProps)({
-    props: inProps,
-    name: 'MuiChartsDataProvider'
-  });
   // eslint-disable-next-line mui/material-ui-name-matches-component-name
   const props = (0, _styles.useThemeProps)({
-    props: themedProps,
+    props: inProps,
     name: 'MuiChartsDataProvider'
   });
   const {

package/ChartsDataProvider/useChartsDataProviderProps.mjs

@@ -7,14 +7,9 @@ import { useTheme, useThemeProps } from '@mui/material/styles';
 import { defaultSeriesConfig } from "../internals/plugins/utils/defaultSeriesConfig.mjs";
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
 export const useChartsDataProviderProps = inProps => {
-  // eslint-disable-next-line mui/material-ui-name-matches-component-name
-  const themedProps = useThemeProps({
-    props: inProps,
-    name: 'MuiChartsDataProvider'
-  });
   // eslint-disable-next-line mui/material-ui-name-matches-component-name
   const props = useThemeProps({
-    props: themedProps,
+    props: inProps,
     name: 'MuiChartsDataProvider'
   });
   const {

package/ChartsGrid/styledComponents.js

@@ -10,9 +10,9 @@ const GridRoot = exports.GridRoot = (0, _styles.styled)('g', {
   name: 'MuiChartsGrid',
   slot: 'Root',
   overridesResolver: (props, styles) => [{
-    [`&.${_chartsGridClasses.chartsGridClasses.verticalLine}`]: styles.verticalLine
+    [`& .${_chartsGridClasses.chartsGridClasses.verticalLine}`]: styles.verticalLine
   }, {
-    [`&.${_chartsGridClasses.chartsGridClasses.horizontalLine}`]: styles.horizontalLine
+    [`& .${_chartsGridClasses.chartsGridClasses.horizontalLine}`]: styles.horizontalLine
   }, styles.root]
 })({});
 const GridLine = exports.GridLine = (0, _styles.styled)('line', {

package/ChartsGrid/styledComponents.mjs

@@ -4,9 +4,9 @@ export const GridRoot = styled('g', {
   name: 'MuiChartsGrid',
   slot: 'Root',
   overridesResolver: (props, styles) => [{
-    [`&.${chartsGridClasses.verticalLine}`]: styles.verticalLine
+    [`& .${chartsGridClasses.verticalLine}`]: styles.verticalLine
   }, {
-    [`&.${chartsGridClasses.horizontalLine}`]: styles.horizontalLine
+    [`& .${chartsGridClasses.horizontalLine}`]: styles.horizontalLine
   }, styles.root]
 })({});
 export const GridLine = styled('line', {

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.mts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.mjs";
+import { type ChartsProviderProps } from "../context/ChartsProvider/index.mjs";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.mjs";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.mjs";
+import { type RadialPluginSignatures } from "./ChartsRadialDataProvider.plugins.mjs";
+import { type PolarChartSeriesType } from "../models/seriesType/config.mjs";
+export interface ChartsRadialDataProviderSlots extends ChartsSlots {}
+export interface ChartsRadialDataProviderSlotProps extends ChartsSlotProps {}
+export type ChartsRadialDataProviderProps<SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>> = React.PropsWithChildren<ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & Pick<ChartsProviderProps<SeriesType, TSignatures>, 'plugins'>> & ChartsLocalizationProviderProps & {
+  /**
+   * Slots to customize charts' components.
+   */
+  slots?: Partial<ChartsRadialDataProviderSlots>;
+  /**
+   * The props for the slots.
+   */
+  slotProps?: Partial<ChartsRadialDataProviderSlotProps>;
+};
+/**
+ * Orchestrates the data providers for radial chart components and hooks.
+ *
+ * Similar to `ChartsDataProvider`, but uses the radial axis plugin instead of the cartesian one,
+ * and only supports the line series config.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/react-charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsRadialDataProvider API](https://mui.com/x/api/charts/charts-radial-data-provider/)
+ */
+declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(props: ChartsRadialDataProviderProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartsRadialDataProvider {
+  var propTypes: any;
+}
+export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
+import { type ChartsProviderProps } from "../context/ChartsProvider/index.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+import { type RadialPluginSignatures } from "./ChartsRadialDataProvider.plugins.js";
+import { type PolarChartSeriesType } from "../models/seriesType/config.js";
+export interface ChartsRadialDataProviderSlots extends ChartsSlots {}
+export interface ChartsRadialDataProviderSlotProps extends ChartsSlotProps {}
+export type ChartsRadialDataProviderProps<SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>> = React.PropsWithChildren<ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & Pick<ChartsProviderProps<SeriesType, TSignatures>, 'plugins'>> & ChartsLocalizationProviderProps & {
+  /**
+   * Slots to customize charts' components.
+   */
+  slots?: Partial<ChartsRadialDataProviderSlots>;
+  /**
+   * The props for the slots.
+   */
+  slotProps?: Partial<ChartsRadialDataProviderSlotProps>;
+};
+/**
+ * Orchestrates the data providers for radial chart components and hooks.
+ *
+ * Similar to `ChartsDataProvider`, but uses the radial axis plugin instead of the cartesian one,
+ * and only supports the line series config.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/react-charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsRadialDataProvider API](https://mui.com/x/api/charts/charts-radial-data-provider/)
+ */
+declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(props: ChartsRadialDataProviderProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartsRadialDataProvider {
+  var propTypes: any;
+}
+export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.js

@@ -0,0 +1,115 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Unstable_ChartsRadialDataProvider = ChartsRadialDataProvider;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("../internals/material");
+var _ChartsSlotsContext = require("../context/ChartsSlotsContext");
+var _ChartsProvider = require("../context/ChartsProvider");
+var _ChartsLocalizationProvider = require("../ChartsLocalizationProvider");
+var _useChartsRadialDataProviderProps = require("./useChartsRadialDataProviderProps");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Orchestrates the data providers for radial chart components and hooks.
+ *
+ * Similar to `ChartsDataProvider`, but uses the radial axis plugin instead of the cartesian one,
+ * and only supports the line series config.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/react-charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsRadialDataProvider API](https://mui.com/x/api/charts/charts-radial-data-provider/)
+ */
+function ChartsRadialDataProvider(props) {
+  const {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  } = (0, _useChartsRadialDataProviderProps.useChartsRadialDataProviderProps)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsProvider.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
+      localeText: localeText,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSlotsContext.ChartsSlotsProvider, {
+        slots: slots,
+        slotProps: slotProps,
+        defaultSlots: _material.defaultSlotsMaterial,
+        children: children
+      })
+    })
+  }));
+}
+process.env.NODE_ENV !== "production" ? ChartsRadialDataProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.any
+  }),
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: _propTypes.default.number,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: _propTypes.default.object,
+  /**
+   * 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`.
+   */
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  /**
+   * The array of series to display.
+   * Each type of series has its own specificity.
+   * Please refer to the appropriate docs page to learn more about it.
+   */
+  series: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props for the slots.
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Slots to customize charts' components.
+   */
+  slots: _propTypes.default.object,
+  theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: _propTypes.default.number
+} : void 0;