@mui/x-charts-premium 9.4.0 → 9.6.0

package/Map/index.d.ts

@@ -1,7 +1,9 @@
+import { type useGeoProjectionTypes } from '@mui/x-charts/internals';
 export * from "./GeoDataPlot.js";
 export * from "./MapShapePlot.js";
 export * from "./MapShape.js";
 export * from "./FocusedMapShape.js";
 export * from "./Graticule.js";
-export type { D3NamedProjection, GeoProjectionInput } from "../internals/plugins/useGeoProjection/useGeoProjection.types.js";
+export type D3NamedProjection = useGeoProjectionTypes.D3NamedProjection;
+export type GeoProjectionInput = useGeoProjectionTypes.GeoProjectionInput;
 export type { GeoProjection, ExtendedFeatureCollection } from '@mui/x-charts-vendor/d3-geo';

package/Map/seriesConfig/getColor.js

@@ -12,17 +12,12 @@ const getColor = (series, _mainAxis, _secondaryAxis, zAxis) => {
         return series.color;
       }
       const item = series.data[dataIndex];
-      if (item === undefined) {
-        return series.color;
+      if (item.color !== undefined) {
+        return item.color;
       }
       const scaleInput = item.colorValue ?? item.value;
-      if (scaleInput != null) {
-        const color = colorScale(scaleInput);
-        if (color !== null) {
-          return color;
-        }
-      }
-      return item.color ?? series.color;
+      const color = colorScale(scaleInput);
+      return color;
     };
   }
   return dataIndex => {

package/Map/seriesConfig/getColor.mjs

@@ -6,17 +6,12 @@ const getColor = (series, _mainAxis, _secondaryAxis, zAxis) => {
         return series.color;
       }
       const item = series.data[dataIndex];
-      if (item === undefined) {
-        return series.color;
+      if (item.color !== undefined) {
+        return item.color;
       }
       const scaleInput = item.colorValue ?? item.value;
-      if (scaleInput != null) {
-        const color = colorScale(scaleInput);
-        if (color !== null) {
-          return color;
-        }
-      }
-      return item.color ?? series.color;
+      const color = colorScale(scaleInput);
+      return color;
     };
   }
   return dataIndex => {

package/Map/seriesConfig/index.js

@@ -13,11 +13,13 @@ var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _descriptionGetter = _interopRequireDefault(require("./descriptionGetter"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 const mapShapeSeriesConfig = exports.mapShapeSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   colorProcessor: _getColor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _internals.identifierSerializerSeriesIdDataIndex,

package/Map/seriesConfig/index.mjs

@@ -6,11 +6,13 @@ import tooltipGetter from "./tooltip.mjs";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.mjs";
 import descriptionGetter from "./descriptionGetter.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
+import tooltipItemPositionGetter from "./tooltipPosition.mjs";
 export const mapShapeSeriesConfig = {
   seriesProcessor,
   colorProcessor: getColor,
   legendGetter,
   tooltipGetter,
+  tooltipItemPositionGetter,
   getSeriesWithDefaultValues,
   keyboardFocusHandler,
   identifierSerializer: identifierSerializerSeriesIdDataIndex,

package/Map/seriesConfig/tooltip.js

@@ -17,13 +17,17 @@ const tooltipGetter = ({
   if (point == null) {
     return null;
   }
+  const color = getColor(identifier.dataIndex);
+  if (color === null) {
+    return null;
+  }
   const label = (0, _internals.getLabel)(point.label ?? point.name, 'tooltip');
   const formattedValue = series.valueFormatter(point, {
     dataIndex: identifier.dataIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color,
     label,
     value: point,
     formattedValue,

package/Map/seriesConfig/tooltip.mjs

@@ -11,13 +11,17 @@ const tooltipGetter = ({
   if (point == null) {
     return null;
   }
+  const color = getColor(identifier.dataIndex);
+  if (color === null) {
+    return null;
+  }
   const label = getLabel(point.label ?? point.name, 'tooltip');
   const formattedValue = series.valueFormatter(point, {
     dataIndex: identifier.dataIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color,
     label,
     value: point,
     formattedValue,

package/Map/seriesConfig/tooltipPosition.d.mts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'mapShape'>;
+export default tooltipItemPositionGetter;

package/Map/seriesConfig/tooltipPosition.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'mapShape'>;
+export default tooltipItemPositionGetter;

package/Map/seriesConfig/tooltipPosition.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _d3Geo = require("@mui/x-charts-vendor/d3-geo");
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    identifier,
+    axesConfig,
+    placement
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const itemSeries = series.mapShape?.series[identifier.seriesId];
+  if (itemSeries == null) {
+    return null;
+  }
+  if (axesConfig.geo === undefined) {
+    return null;
+  }
+  const {
+    projection,
+    geoData,
+    featureIndexesByName
+  } = axesConfig.geo;
+  if (projection == null || geoData == null) {
+    return null;
+  }
+  const featureIndex = featureIndexesByName.get(itemSeries.data[identifier.dataIndex].name)?.[0];
+  if (featureIndex === undefined) {
+    return null;
+  }
+  const feature = geoData.features[featureIndex];
+  const path = (0, _d3Geo.geoPath)(projection);
+  const [[x0, y0], [x1, y1]] = path.bounds(feature);
+  switch (placement) {
+    case 'right':
+      return {
+        x: x1,
+        y: (y0 + y1) / 2
+      };
+    case 'bottom':
+      return {
+        x: (x0 + x1) / 2,
+        y: y1
+      };
+    case 'left':
+      return {
+        x: x0,
+        y: (y0 + y1) / 2
+      };
+    case 'top':
+    default:
+      return {
+        x: (x0 + x1) / 2,
+        y: y0
+      };
+  }
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/Map/seriesConfig/tooltipPosition.mjs

@@ -0,0 +1,58 @@
+import { geoPath } from '@mui/x-charts-vendor/d3-geo';
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    identifier,
+    axesConfig,
+    placement
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const itemSeries = series.mapShape?.series[identifier.seriesId];
+  if (itemSeries == null) {
+    return null;
+  }
+  if (axesConfig.geo === undefined) {
+    return null;
+  }
+  const {
+    projection,
+    geoData,
+    featureIndexesByName
+  } = axesConfig.geo;
+  if (projection == null || geoData == null) {
+    return null;
+  }
+  const featureIndex = featureIndexesByName.get(itemSeries.data[identifier.dataIndex].name)?.[0];
+  if (featureIndex === undefined) {
+    return null;
+  }
+  const feature = geoData.features[featureIndex];
+  const path = geoPath(projection);
+  const [[x0, y0], [x1, y1]] = path.bounds(feature);
+  switch (placement) {
+    case 'right':
+      return {
+        x: x1,
+        y: (y0 + y1) / 2
+      };
+    case 'bottom':
+      return {
+        x: (x0 + x1) / 2,
+        y: y1
+      };
+    case 'left':
+      return {
+        x: x0,
+        y: (y0 + y1) / 2
+      };
+    case 'top':
+    default:
+      return {
+        x: (x0 + x1) / 2,
+        y: y0
+      };
+  }
+};
+export default tooltipItemPositionGetter;

package/RadialBarChart/RadialBarChart.d.mts

@@ -64,4 +64,4 @@ export interface RadialBarChartProps extends Omit<ChartsRadialDataProviderPremiu
  * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
  */
 declare const RadialBarChart: React.ForwardRefExoticComponent<RadialBarChartProps & React.RefAttributes<HTMLDivElement>>;
-export { RadialBarChart as Unstable_RadialBarChart };
+export { RadialBarChart };

package/RadialBarChart/RadialBarChart.d.ts

@@ -64,4 +64,4 @@ export interface RadialBarChartProps extends Omit<ChartsRadialDataProviderPremiu
  * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
  */
 declare const RadialBarChart: React.ForwardRefExoticComponent<RadialBarChartProps & React.RefAttributes<HTMLDivElement>>;
-export { RadialBarChart as Unstable_RadialBarChart };
+export { RadialBarChart };

package/RadialBarChart/RadialBarChart.js

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Unstable_RadialBarChart = void 0;
+exports.RadialBarChart = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -40,7 +40,7 @@ const seriesConfig = {
  *
  * - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
  */
-const RadialBarChart = exports.Unstable_RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inProps, ref) {
+const RadialBarChart = exports.RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiRadialBarChart'
@@ -75,7 +75,7 @@ const RadialBarChart = exports.Unstable_RadialBarChart = /*#__PURE__*/React.forw
   }));
 });
 if (process.env.NODE_ENV !== "production") RadialBarChart.displayName = "RadialBarChart";
-process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadialBarChart/RadialBarChart.mjs

@@ -68,7 +68,7 @@ const RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inP
   }));
 });
 if (process.env.NODE_ENV !== "production") RadialBarChart.displayName = "RadialBarChart";
-process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -302,4 +302,4 @@ process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
    */
   width: PropTypes.number
 } : void 0;
-export { RadialBarChart as Unstable_RadialBarChart };
+export { RadialBarChart };

package/RadialBarChart/RadialBarPlot.js

@@ -73,7 +73,7 @@ function RadialBarPlot(props) {
     }, seriesId))
   });
 }
-process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadialBarChart/RadialBarPlot.mjs

@@ -66,7 +66,7 @@ function RadialBarPlot(props) {
     }, seriesId))
   });
 }
-process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialBarPlot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadialBarChart/index.d.mts

@@ -1,3 +1,7 @@
 export * from "./RadialBarChart.mjs";
+/**
+ * @deprecated radial bar chart is now stable, import `RadialBarChart` instead
+ */
+export declare const Unstable_RadialBarChart: import("react").ForwardRefExoticComponent<import("./RadialBarChart.mjs").RadialBarChartProps & import("react").RefAttributes<HTMLDivElement>>;
 export * from "./RadialBarPlot.mjs";
 export { type RadialBarClasses, type RadialBarClassKey, radialBarClasses } from "./radialBarClasses.mjs";

package/RadialBarChart/index.d.ts

@@ -1,3 +1,7 @@
 export * from "./RadialBarChart.js";
+/**
+ * @deprecated radial bar chart is now stable, import `RadialBarChart` instead
+ */
+export declare const Unstable_RadialBarChart: import("react").ForwardRefExoticComponent<import("./RadialBarChart.js").RadialBarChartProps & import("react").RefAttributes<HTMLDivElement>>;
 export * from "./RadialBarPlot.js";
 export { type RadialBarClasses, type RadialBarClassKey, radialBarClasses } from "./radialBarClasses.js";

package/RadialBarChart/index.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  Unstable_RadialBarChart: true,
   radialBarClasses: true
 };
+exports.Unstable_RadialBarChart = void 0;
 Object.defineProperty(exports, "radialBarClasses", {
   enumerable: true,
   get: function () {
@@ -36,4 +38,9 @@ Object.keys(_RadialBarPlot).forEach(function (key) {
     }
   });
 });
-var _radialBarClasses = require("./radialBarClasses");
+var _radialBarClasses = require("./radialBarClasses");
+/**
+ * @deprecated radial bar chart is now stable, import `RadialBarChart` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_RadialBarChart = exports.Unstable_RadialBarChart = _RadialBarChart.RadialBarChart;

package/RadialBarChart/index.mjs

@@ -1,3 +1,9 @@
+import { RadialBarChart } from "./RadialBarChart.mjs";
 export * from "./RadialBarChart.mjs";
+/**
+ * @deprecated radial bar chart is now stable, import `RadialBarChart` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_RadialBarChart = RadialBarChart;
 export * from "./RadialBarPlot.mjs";
 export { radialBarClasses } from "./radialBarClasses.mjs";

package/RadialLineChart/RadialAreaPlot.d.mts

@@ -2,4 +2,8 @@ import { type RadialLineClasses } from "./radialLineClasses.mjs";
 export interface RadialAreaPlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
 }
-export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadialAreaPlot {
+  var propTypes: any;
+}
+export { RadialAreaPlot };

package/RadialLineChart/RadialAreaPlot.d.ts

@@ -2,4 +2,8 @@ import { type RadialLineClasses } from "./radialLineClasses.js";
 export interface RadialAreaPlotProps {
   classes?: Partial<Pick<RadialLineClasses, 'area' | 'areaPlot'>>;
 }
-export declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare function RadialAreaPlot(props: RadialAreaPlotProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadialAreaPlot {
+  var propTypes: any;
+}
+export { RadialAreaPlot };

package/RadialLineChart/RadialAreaPlot.js

@@ -1,10 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadialAreaPlot = RadialAreaPlot;
 var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _internals = require("@mui/x-charts/internals");
 var _useRadialLinePlotData = require("./useRadialLinePlotData");
 var _radialLineClasses = require("./radialLineClasses");
@@ -50,4 +52,11 @@ function RadialAreaPlot(props) {
       className: classes.area
     }, seriesId))
   });
-}
+}
+process.env.NODE_ENV !== "production" ? RadialAreaPlot.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: _propTypes.default.object
+} : void 0;

package/RadialLineChart/RadialAreaPlot.mjs

@@ -1,4 +1,5 @@
 import { styled } from '@mui/material/styles';
+import PropTypes from 'prop-types';
 import { selectorChartPolarCenter, useChartsContext } from '@mui/x-charts/internals';
 import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
 import { useUtilityClasses } from "./radialLineClasses.mjs";
@@ -8,7 +9,7 @@ const RadialAreaPlotRoot = styled('g', {
   name: 'MuiRadialAreaPlot',
   slot: 'Root'
 })();
-export function RadialAreaPlot(props) {
+function RadialAreaPlot(props) {
   const {
     classes: inClasses
   } = props;
@@ -44,4 +45,12 @@ export function RadialAreaPlot(props) {
       className: classes.area
     }, seriesId))
   });
-}
+}
+process.env.NODE_ENV !== "production" ? RadialAreaPlot.propTypes /* remove-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
+} : void 0;
+export { RadialAreaPlot };

package/RadialLineChart/RadialLineChart.d.mts

@@ -69,4 +69,4 @@ export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremi
  * - [RadialLineChart API](https://mui.com/x/api/charts/radial-line-chart/)
  */
 declare const RadialLineChart: React.ForwardRefExoticComponent<RadialLineChartProps & React.RefAttributes<HTMLDivElement>>;
-export { RadialLineChart as Unstable_RadialLineChart };
+export { RadialLineChart };

package/RadialLineChart/RadialLineChart.d.ts

@@ -69,4 +69,4 @@ export interface RadialLineChartProps extends Omit<ChartsRadialDataProviderPremi
  * - [RadialLineChart API](https://mui.com/x/api/charts/radial-line-chart/)
  */
 declare const RadialLineChart: React.ForwardRefExoticComponent<RadialLineChartProps & React.RefAttributes<HTMLDivElement>>;
-export { RadialLineChart as Unstable_RadialLineChart };
+export { RadialLineChart };

package/RadialLineChart/RadialLineChart.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Unstable_RadialLineChart = void 0;
+exports.RadialLineChart = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -42,7 +42,7 @@ const seriesConfig = {
  *
  * - [RadialLineChart API](https://mui.com/x/api/charts/radial-line-chart/)
  */
-const RadialLineChart = exports.Unstable_RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(inProps, ref) {
+const RadialLineChart = exports.RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiRadialLineChart'
@@ -69,9 +69,9 @@ const RadialLineChart = exports.Unstable_RadialLineChart = /*#__PURE__*/React.fo
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
       ref: ref,
       children: [props.showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialGrid.Unstable_ChartsRadialGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialGrid.ChartsRadialGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialAreaPlot.RadialAreaPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLinePlot.RadialLinePlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps))]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialAxisHighlight.Unstable_ChartsRadialAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRotationAxis.Unstable_ChartsRotationAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadiusAxis.Unstable_ChartsRadiusAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialMarkPlot.RadialMarkPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLineHighlightPlot.RadialLineHighlightPlot, {
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialAxisHighlight.ChartsRadialAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRotationAxis.ChartsRotationAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadiusAxis.ChartsRadiusAxis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialMarkPlot.RadialMarkPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialLineHighlightPlot.RadialLineHighlightPlot, {
           slots: props.slots,
           slotProps: props.slotProps
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
@@ -80,7 +80,7 @@ const RadialLineChart = exports.Unstable_RadialLineChart = /*#__PURE__*/React.fo
   }));
 });
 if (process.env.NODE_ENV !== "production") RadialLineChart.displayName = "RadialLineChart";
-process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/RadialLineChart/RadialLineChart.mjs

@@ -3,10 +3,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
 import { useChartsContainerProps } from '@mui/x-charts/internals';
-import { Unstable_ChartsRadialGrid as ChartsRadialGrid } from '@mui/x-charts/ChartsRadialGrid';
-import { Unstable_ChartsRadialAxisHighlight as ChartsRadialAxisHighlight } from '@mui/x-charts/ChartsRadialAxisHighlight';
-import { Unstable_ChartsRadiusAxis as ChartsRadiusAxis } from '@mui/x-charts/ChartsRadiusAxis';
-import { Unstable_ChartsRotationAxis as ChartsRotationAxis } from '@mui/x-charts/ChartsRotationAxis';
+import { ChartsRadialGrid } from '@mui/x-charts/ChartsRadialGrid';
+import { ChartsRadialAxisHighlight } from '@mui/x-charts/ChartsRadialAxisHighlight';
+import { ChartsRadiusAxis } from '@mui/x-charts/ChartsRadiusAxis';
+import { ChartsRotationAxis } from '@mui/x-charts/ChartsRotationAxis';
 import { ChartsLegend } from "../ChartsLegend/index.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
 import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
@@ -72,7 +72,7 @@ const RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(i
   }));
 });
 if (process.env.NODE_ENV !== "production") RadialLineChart.displayName = "RadialLineChart";
-process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
+process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -310,4 +310,4 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   width: PropTypes.number
 } : void 0;
-export { RadialLineChart as Unstable_RadialLineChart };
+export { RadialLineChart };

package/RadialLineChart/RadialLineHighlightElement.d.mts

@@ -12,4 +12,7 @@ export type RadialLineHighlightElementProps = (RadialLineHighlightElementCommonP
   shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
 } & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
 declare function RadialLineHighlightElement(props: RadialLineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadialLineHighlightElement {
+  var propTypes: any;
+}
 export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightElement.d.ts

@@ -12,4 +12,7 @@ export type RadialLineHighlightElementProps = (RadialLineHighlightElementCommonP
   shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
 } & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
 declare function RadialLineHighlightElement(props: RadialLineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadialLineHighlightElement {
+  var propTypes: any;
+}
 export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightElement.js

@@ -9,6 +9,7 @@ exports.RadialLineHighlightElement = RadialLineHighlightElement;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactMajor = _interopRequireDefault(require("@mui/x-internals/reactMajor"));
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _internals = require("@mui/x-charts/internals");
@@ -43,4 +44,12 @@ function RadialLineHighlightElement(props) {
     transform: `translate(${x} ${y})`,
     fill: color
   }, transformOrigin, additionalProps, other));
-}
+}
+process.env.NODE_ENV !== "production" ? RadialLineHighlightElement.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  seriesId: _propTypes.default.string.isRequired,
+  shape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired
+} : void 0;

package/RadialLineChart/RadialLineHighlightElement.mjs

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["x", "y", "seriesId", "color", "shape"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import reactMajor from '@mui/x-internals/reactMajor';
 import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
 import { getSymbol } from '@mui/x-charts/internals';
@@ -36,4 +37,12 @@ function RadialLineHighlightElement(props) {
     fill: color
   }, transformOrigin, additionalProps, other));
 }
+process.env.NODE_ENV !== "production" ? RadialLineHighlightElement.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  seriesId: PropTypes.string.isRequired,
+  shape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired
+} : void 0;
 export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightPlot.d.mts

@@ -21,4 +21,7 @@ export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGEl
   slotProps?: RadialLineHighlightPlotSlotProps;
 }
 declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace RadialLineHighlightPlot {
+  var propTypes: any;
+}
 export { RadialLineHighlightPlot };

package/RadialLineChart/RadialLineHighlightPlot.d.ts

@@ -21,4 +21,7 @@ export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGEl
   slotProps?: RadialLineHighlightPlotSlotProps;
 }
 declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace RadialLineHighlightPlot {
+  var propTypes: any;
+}
 export { RadialLineHighlightPlot };