@mui/x-charts 8.10.2 → 8.11.0

package/esm/ChartsYAxis/utilities.d.ts

@@ -1,5 +1,5 @@
 import { AxisConfig, ChartsYAxisProps } from "../models/axis.js";
-export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"line" | "root" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
+export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 2;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 2;
 export declare const YAxisRoot: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, keyof import("react").SVGProps<SVGGElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/esm/LineChart/LineChart.js

@@ -269,7 +269,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -289,7 +288,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['band']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -325,7 +323,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -345,7 +342,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['point']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -376,7 +372,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -391,7 +386,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['log']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -423,7 +417,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -438,7 +431,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['symlog']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -469,7 +461,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -484,7 +475,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['pow']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -515,7 +505,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -530,7 +519,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['sqrt']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -561,7 +549,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -576,7 +563,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['time']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -607,7 +593,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -622,7 +607,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['utc']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -653,7 +637,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -668,7 +651,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['linear']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -712,7 +694,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -731,7 +712,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['band']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -767,7 +747,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     groups: PropTypes.arrayOf(PropTypes.shape({
       getValue: PropTypes.func.isRequired,
       tickLabelStyle: PropTypes.object,
@@ -786,7 +765,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['point']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -817,7 +795,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -831,7 +808,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['log']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -863,7 +839,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -877,7 +852,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['symlog']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -908,7 +882,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -922,7 +895,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['pow']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -953,7 +925,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -967,7 +938,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['sqrt']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -998,7 +968,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -1012,7 +981,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['time']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1043,7 +1011,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -1057,7 +1024,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['utc']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
@@ -1088,7 +1054,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     disableLine: PropTypes.bool,
     disableTicks: PropTypes.bool,
     domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     ignoreTooltip: PropTypes.bool,
@@ -1102,7 +1067,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
     scaleType: PropTypes.oneOf(['linear']),
     slotProps: PropTypes.object,
     slots: PropTypes.object,
-    stroke: PropTypes.string,
     sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
     tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
     tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),

package/esm/PieChart/PieChart.js

@@ -76,10 +76,10 @@ const PieChart = /*#__PURE__*/React.forwardRef(function PieChart(inProps, ref) {
   return /*#__PURE__*/_jsx(ChartDataProvider, _extends({}, chartDataProviderProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, {
       legendPosition: props.slotProps?.legend?.position,
-      legendDirection: props?.slotProps?.legend?.direction ?? 'vertical',
+      legendDirection: props.slotProps?.legend?.direction ?? 'vertical',
       sx: sx,
       children: [showToolbar && Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !hideLegend && /*#__PURE__*/_jsx(ChartsLegend, {
-        direction: props?.slotProps?.legend?.direction ?? 'vertical',
+        direction: props.slotProps?.legend?.direction ?? 'vertical',
         slots: slots,
         slotProps: slotProps
       }), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {

package/esm/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { UseRadarAxisParams } from "./useRadarAxis.js";
+import { RadarAxisClasses } from "./radarAxisClasses.js";
+export interface RadarAxisProps extends UseRadarAxisParams {
+  /**
+   * Defines how label align with the axis.
+   * - 'horizontal': labels stay horizontal and their placement change with the axis angle.
+   * - 'rotated': labels are rotated 90deg relatively to their axis.
+   * @default 'horizontal'
+   */
+  labelOrientation?: 'horizontal' | 'rotated';
+  /**
+   * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
+   */
+  textAnchor?: string | ((angle: number) => string);
+  /**
+   * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
+   */
+  dominantBaseline?: string | ((angle: number) => string);
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<RadarAxisClasses>;
+}
+declare function RadarAxis(props: RadarAxisProps): React.JSX.Element | null;
+declare namespace RadarAxis {
+  var propTypes: any;
+}
+export { RadarAxis };

package/esm/RadarChart/RadarAxis/RadarAxis.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useTheme } from '@mui/material/styles';
+import { useRadarAxis } from "./useRadarAxis.js";
+import { getLabelAttributes } from "./RadarAxis.utils.js";
+import { useUtilityClasses } from "./radarAxisClasses.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function RadarAxis(props) {
+  const {
+    labelOrientation = 'horizontal',
+    textAnchor,
+    dominantBaseline
+  } = props;
+  const classes = useUtilityClasses(props.classes);
+  const theme = useTheme();
+  const data = useRadarAxis(props);
+  if (data === null) {
+    return null;
+  }
+  const {
+    center,
+    angle,
+    labels
+  } = data;
+  return /*#__PURE__*/_jsxs("g", {
+    className: classes.root,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: `M ${center.x} ${center.y} L ${labels[labels.length - 1].x} ${labels[labels.length - 1].y}`,
+      stroke: (theme.vars ?? theme).palette.text.primary,
+      strokeOpacity: 0.3,
+      className: classes.line
+    }), labels.map(({
+      x,
+      y,
+      formattedValue
+    }) => /*#__PURE__*/_jsx("text", _extends({
+      fontSize: 12,
+      fill: (theme.vars ?? theme).palette.text.primary,
+      stroke: "none",
+      className: classes.label
+    }, getLabelAttributes({
+      labelOrientation,
+      x,
+      y,
+      angle,
+      textAnchor,
+      dominantBaseline
+    }), {
+      children: formattedValue
+    }), formattedValue))]
+  });
+}
+process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The absolute rotation angle of the metrics (in degree)
+   * If not defined the metric angle will be used.
+   */
+  angle: PropTypes.number,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * The number of divisions with label.
+   * @default 1
+   */
+  divisions: PropTypes.number,
+  /**
+   * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
+   */
+  dominantBaseline: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+  /**
+   * Defines how label align with the axis.
+   * - 'horizontal': labels stay horizontal and their placement change with the axis angle.
+   * - 'rotated': labels are rotated 90deg relatively to their axis.
+   * @default 'horizontal'
+   */
+  labelOrientation: PropTypes.oneOf(['horizontal', 'rotated']),
+  /**
+   * The metric to get.
+   * If `undefined`, the hook returns `null`
+   */
+  metric: PropTypes.string,
+  /**
+   * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
+   */
+  textAnchor: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
+} : void 0;
+export { RadarAxis };

package/esm/RadarChart/RadarAxis/RadarAxis.utils.d.ts

@@ -0,0 +1,20 @@
+import { RadarAxisProps } from "./RadarAxis.js";
+interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelOrientation'>>, Partial<Pick<RadarAxisProps, 'textAnchor' | 'dominantBaseline'>> {
+  x: number;
+  y: number;
+  angle: number;
+}
+export declare function getLabelAttributes(params: GetLabelAttributesParams): {
+  x: number;
+  y: number;
+  textAnchor: string;
+  dominantBaseline: string;
+  transform?: undefined;
+} | {
+  x: number;
+  y: number;
+  textAnchor: string;
+  dominantBaseline: string;
+  transform: string;
+};
+export {};

package/esm/RadarChart/RadarAxis/RadarAxis.utils.js

@@ -0,0 +1,60 @@
+/**
+ * Return text anchor of labels.
+ * @param angle The axis angle (in rad) with clock direction and 0 at the top
+ */
+function getTextAnchor(angle) {
+  if (angle < 20) {
+    return 'start';
+  }
+  if (angle < 90 - 10) {
+    return 'end';
+  }
+  if (angle < 270 - 10) {
+    return 'start';
+  }
+  if (angle < 360 - 20) {
+    return 'end';
+  }
+  return 'start';
+}
+function getDominantBaseline(angle) {
+  if (angle < 160) {
+    return 'baseline';
+  }
+  if (angle < 360 - 20) {
+    return 'hanging';
+  }
+  return 'baseline';
+}
+const LABEL_MARGIN = 2;
+export function getLabelAttributes(params) {
+  const {
+    x,
+    y,
+    angle
+  } = params;
+  if (params.labelOrientation === 'horizontal') {
+    const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? getTextAnchor(angle);
+    const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? getDominantBaseline(angle);
+    const marginX = textAnchor === 'start' ? LABEL_MARGIN : -LABEL_MARGIN;
+    const marginY = dominantBaseline === 'baseline' ? -LABEL_MARGIN : LABEL_MARGIN;
+    return {
+      x: x + marginX,
+      y: y + marginY,
+      textAnchor,
+      dominantBaseline
+    };
+  }
+
+  // orientation='rotated'
+
+  const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? 'start';
+  const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'baseline';
+  return {
+    x,
+    y,
+    textAnchor,
+    dominantBaseline,
+    transform: `rotate(${angle}, ${x}, ${y})`
+  };
+}

package/esm/RadarChart/RadarAxis/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./RadarAxis.js";
+export * from "./useRadarAxis.js";
+export { type RadarAxisClasses, chartsAxisClasses } from "./radarAxisClasses.js";

package/esm/RadarChart/RadarAxis/index.js

@@ -0,0 +1,3 @@
+export * from "./RadarAxis.js";
+export * from "./useRadarAxis.js";
+export { chartsAxisClasses } from "./radarAxisClasses.js";

package/esm/RadarChart/RadarAxis/radarAxisClasses.d.ts

@@ -0,0 +1,12 @@
+export interface RadarAxisClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the line element. */
+  line: string;
+  /** Styles applied to every label element. */
+  label: string;
+}
+export type RadarAxisClassKey = keyof RadarAxisClasses;
+export declare function getRadarAxisUtilityClass(slot: string): string;
+export declare const chartsAxisClasses: RadarAxisClasses;
+export declare const useUtilityClasses: (classes?: Partial<RadarAxisClasses>) => Record<"root" | "line" | "label", string>;

package/esm/RadarChart/RadarAxis/radarAxisClasses.js

@@ -0,0 +1,15 @@
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getRadarAxisUtilityClass(slot) {
+  return generateUtilityClass('MuiRadarAxis', slot);
+}
+export const chartsAxisClasses = generateUtilityClasses('MuiRadarAxis', ['root', 'line', 'label']);
+export const useUtilityClasses = classes => {
+  const slots = {
+    root: ['root'],
+    line: ['line'],
+    label: ['label']
+  };
+  return composeClasses(slots, getRadarAxisUtilityClass, classes);
+};

package/esm/RadarChart/RadarAxis/useRadarAxis.d.ts

@@ -0,0 +1,34 @@
+export interface UseRadarAxisParams {
+  /**
+   * The metric to get.
+   * If `undefined`, the hook returns `null`
+   */
+  metric?: string;
+  /**
+   * The absolute rotation angle of the metrics (in degree)
+   * If not defined the metric angle will be used.
+   */
+  angle?: number;
+  /**
+   * The number of divisions with label.
+   * @default 1
+   */
+  divisions?: number;
+}
+/**
+ * Returns an array with on item par metrics with the different point to label.
+ */
+export declare function useRadarAxis(params: UseRadarAxisParams): {
+  metric: string;
+  angle: number;
+  center: {
+    x: number;
+    y: number;
+  };
+  labels: {
+    x: number;
+    y: number;
+    value: number | Date;
+    formattedValue: string;
+  }[];
+} | null;

package/esm/RadarChart/RadarAxis/useRadarAxis.js

@@ -0,0 +1,76 @@
+import { warnOnce } from '@mui/x-internals/warning';
+import { useRadiusAxes } from "../../hooks/useAxis.js";
+import { useRotationScale } from "../../hooks/useScale.js";
+import { useChartContext } from "../../context/ChartProvider/useChartContext.js";
+import { selectorChartPolarCenter } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
+import { isBandScale } from "../../internals/isBandScale.js";
+import { degToRad } from "../../internals/degToRad.js";
+import { clampAngle } from "../../internals/clampAngle.js";
+import { useSelector } from "../../internals/store/useSelector.js";
+import { rad2deg } from "../../internals/angleConversion.js";
+/**
+ * Returns an array with on item par metrics with the different point to label.
+ */
+export function useRadarAxis(params) {
+  const {
+    metric,
+    angle,
+    divisions = 1
+  } = params;
+  const {
+    instance,
+    store
+  } = useChartContext();
+  const rotationScale = useRotationScale();
+  const {
+    radiusAxis
+  } = useRadiusAxes();
+  const {
+    cx,
+    cy
+  } = useSelector(store, selectorChartPolarCenter);
+  if (metric === undefined || !rotationScale || rotationScale.domain().length === 0) {
+    return null;
+  }
+  const existingMetrics = rotationScale.domain();
+  if (!existingMetrics.includes(metric)) {
+    warnOnce([`MUI X Charts: You radar axis try displaying values for the metric "${metric}" which does nto exist.`, `either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`]);
+  }
+  const anglesWithDefault = angle !== undefined ? degToRad(angle) : rotationScale(metric) ?? 0;
+  const radiusRatio = Array.from({
+    length: divisions
+  }, (_, index) => (index + 1) / divisions);
+  const radiusScale = radiusAxis[metric].scale;
+  const R = radiusScale.range()[1];
+  if (isBandScale(radiusScale)) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error('MUI X Charts: Radar chart does not support ordinal axes');
+    }
+    return null;
+  }
+  return {
+    metric,
+    angle: clampAngle(rad2deg(anglesWithDefault)),
+    center: {
+      x: cx,
+      y: cy
+    },
+    labels: radiusRatio.map(ratio => {
+      const radius = ratio * R;
+      const [x, y] = instance.polar2svg(radius, anglesWithDefault);
+      const value = radiusScale.invert(radius);
+      const defaultTickLabel = value.toString();
+      return {
+        x,
+        y,
+        value,
+        formattedValue: radiusAxis[metric].valueFormatter?.(radiusScale.invert(radius), {
+          location: 'tick',
+          scale: radiusScale,
+          defaultTickLabel,
+          tickNumber: divisions
+        }) ?? defaultTickLabel
+      };
+    })
+  };
+}