@mui/x-charts 9.0.4 → 9.1.0

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.js

@@ -16,21 +16,37 @@ function getAxisIndex(axisConfig, pointerValue) {
   const {
     scale,
     data: axisData,
-    reverse
+    reverse,
+    isFullCircle
   } = axisConfig;
+  const [startAngle, endAngle] = scale.range();
+  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - startAngle);
+  const maxAngleGap = (0, _clampAngle.clampAngleRad)(endAngle - startAngle);
+  if (!isFullCircle && angleGap > maxAngleGap) {
+    // If not a full circle we only consider pointer inside the rotation range.
+    return -1;
+  }
   if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
     if (axisData === undefined) {
       return -1;
     }
-    const angle = scale.range()[0] + (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
+    const angle = startAngle + (0, _clampAngle.clampAngleRad)(pointerValue - startAngle);
     const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(angle));
     return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
   }
   if (!axisData) {
     return -1;
   }
-  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
-  const dataIndex = scale.bandwidth() === 0 ? Math.floor((angleGap + scale.step() / 2) / scale.step()) % axisData.length : Math.floor(angleGap / scale.step());
+  let dataIndex;
+  if (scale.bandwidth() === 0) {
+    dataIndex = Math.floor((angleGap + scale.step() / 2) / scale.step());
+    if (isFullCircle) {
+      // To show dataIndex 0 when we are before the startAngle
+      dataIndex = dataIndex % axisData.length;
+    }
+  } else {
+    dataIndex = Math.floor(angleGap / scale.step());
+  }
   if (dataIndex < 0 || dataIndex >= axisData.length) {
     return -1;
   }

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs

@@ -11,21 +11,37 @@ export function getAxisIndex(axisConfig, pointerValue) {
   const {
     scale,
     data: axisData,
-    reverse
+    reverse,
+    isFullCircle
   } = axisConfig;
+  const [startAngle, endAngle] = scale.range();
+  const angleGap = clampAngleRad(pointerValue - startAngle);
+  const maxAngleGap = clampAngleRad(endAngle - startAngle);
+  if (!isFullCircle && angleGap > maxAngleGap) {
+    // If not a full circle we only consider pointer inside the rotation range.
+    return -1;
+  }
   if (!isOrdinalScale(scale)) {
     if (axisData === undefined) {
       return -1;
     }
-    const angle = scale.range()[0] + clampAngleRad(pointerValue - scale.range()[0]);
+    const angle = startAngle + clampAngleRad(pointerValue - startAngle);
     const valueAsNumber = getAsNumber(scale.invert(angle));
     return findClosestIndex(axisData, valueAsNumber);
   }
   if (!axisData) {
     return -1;
   }
-  const angleGap = clampAngleRad(pointerValue - scale.range()[0]);
-  const dataIndex = scale.bandwidth() === 0 ? Math.floor((angleGap + scale.step() / 2) / scale.step()) % axisData.length : Math.floor(angleGap / scale.step());
+  let dataIndex;
+  if (scale.bandwidth() === 0) {
+    dataIndex = Math.floor((angleGap + scale.step() / 2) / scale.step());
+    if (isFullCircle) {
+      // To show dataIndex 0 when we are before the startAngle
+      dataIndex = dataIndex % axisData.length;
+    }
+  } else {
+    dataIndex = Math.floor(angleGap / scale.step());
+  }
   if (dataIndex < 0 || dataIndex >= axisData.length) {
     return -1;
   }

package/internals/plugins/featurePlugins/useChartPolarAxis/index.d.mts

@@ -1,3 +1,4 @@
 export { useChartPolarAxis } from "./useChartPolarAxis.mjs";
 export type * from "./useChartPolarAxis.types.mjs";
-export * from "./useChartPolarAxis.selectors.mjs";
+export * from "./useChartPolarAxis.selectors.mjs";
+export * from "./useChartPolarInteraction.selectors.mjs";

package/internals/plugins/featurePlugins/useChartPolarAxis/index.d.ts

@@ -1,3 +1,4 @@
 export { useChartPolarAxis } from "./useChartPolarAxis.js";
 export type * from "./useChartPolarAxis.types.js";
-export * from "./useChartPolarAxis.selectors.js";
+export * from "./useChartPolarAxis.selectors.js";
+export * from "./useChartPolarInteraction.selectors.js";

package/internals/plugins/featurePlugins/useChartPolarAxis/index.js

@@ -24,4 +24,16 @@ Object.keys(_useChartPolarAxis2).forEach(function (key) {
       return _useChartPolarAxis2[key];
     }
   });
+});
+var _useChartPolarInteraction = require("./useChartPolarInteraction.selectors");
+Object.keys(_useChartPolarInteraction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartPolarInteraction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartPolarInteraction[key];
+    }
+  });
 });

package/internals/plugins/featurePlugins/useChartPolarAxis/index.mjs

@@ -1,2 +1,3 @@
 export { useChartPolarAxis } from "./useChartPolarAxis.mjs";
-export * from "./useChartPolarAxis.selectors.mjs";
+export * from "./useChartPolarAxis.selectors.mjs";
+export * from "./useChartPolarInteraction.selectors.mjs";

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.mts

@@ -2,15 +2,15 @@ import { type UseChartPolarAxisSignature } from "./useChartPolarAxis.types.mjs";
 import { type ChartState } from "../../models/chart.mjs";
 import type { ChartDrawingArea } from "../../../../hooks/useDrawingArea.mjs";
 export declare const selectorChartPolarAxisState: (state: ChartState<[], [UseChartPolarAxisSignature]>) => {
-  rotation: import("../../../index.mjs").AxisConfig<import("../../../index.mjs").ScaleName, any, import("../../../index.mjs").ChartsRotationAxisProps>[];
-  radius: import("../../../index.mjs").AxisConfig<"linear", any, import("../../../index.mjs").ChartsRadiusAxisProps>[];
+  rotation: import("../../../index.mjs").PolarAxisConfig<import("../../../index.mjs").ScaleName, any, import("../../../index.mjs").ChartsRotationAxisProps>[];
+  radius: import("../../../index.mjs").PolarAxisConfig<import("../../../index.mjs").ScaleName, any, import("../../../index.mjs").ChartsRadiusAxisProps>[];
 } | undefined;
 export declare const selectorChartRawRotationAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("../../../index.mjs").AxisConfig<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsRotationAxisProps>[] | undefined;
+}) => import("../../../index.mjs").PolarAxisConfig<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsRotationAxisProps>[] | undefined;
 export declare const selectorChartRawRadiusAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("../../../index.mjs").AxisConfig<"linear", any, import("../../../index.mjs").ChartsRadiusAxisProps>[] | undefined;
+}) => import("../../../index.mjs").PolarAxisConfig<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsRadiusAxisProps>[] | undefined;
 /**
  * The only interesting selectors that merge axis data and zoom if provided.
  */

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts

@@ -2,15 +2,15 @@ import { type UseChartPolarAxisSignature } from "./useChartPolarAxis.types.js";
 import { type ChartState } from "../../models/chart.js";
 import type { ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
 export declare const selectorChartPolarAxisState: (state: ChartState<[], [UseChartPolarAxisSignature]>) => {
-  rotation: import("../../../index.js").AxisConfig<import("../../../index.js").ScaleName, any, import("../../../index.js").ChartsRotationAxisProps>[];
-  radius: import("../../../index.js").AxisConfig<"linear", any, import("../../../index.js").ChartsRadiusAxisProps>[];
+  rotation: import("../../../index.js").PolarAxisConfig<import("../../../index.js").ScaleName, any, import("../../../index.js").ChartsRotationAxisProps>[];
+  radius: import("../../../index.js").PolarAxisConfig<import("../../../index.js").ScaleName, any, import("../../../index.js").ChartsRadiusAxisProps>[];
 } | undefined;
 export declare const selectorChartRawRotationAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../index.js").AxisConfig<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsRotationAxisProps>[] | undefined;
+}) => import("../../../index.js").PolarAxisConfig<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsRotationAxisProps>[] | undefined;
 export declare const selectorChartRawRadiusAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../index.js").AxisConfig<"linear", any, import("../../../index.js").ChartsRadiusAxisProps>[] | undefined;
+}) => import("../../../index.js").PolarAxisConfig<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsRadiusAxisProps>[] | undefined;
 /**
  * The only interesting selectors that merge axis data and zoom if provided.
  */

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.types.d.mts

@@ -1,6 +1,6 @@
 import { type ChartPluginSignature } from "../../models/index.mjs";
 import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.mjs";
-import { type ScaleName, type AxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.mjs";
+import { type ScaleName, type PolarAxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.mjs";
 import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.mjs";
 import { type UseChartInteractionSignature } from "../useChartInteraction/index.mjs";
 export interface UseChartPolarAxisInstance {
@@ -60,8 +60,8 @@ export interface UseChartPolarAxisParameters {
 export type UseChartPolarAxisDefaultizedParameters = UseChartPolarAxisParameters & {};
 export interface UseChartPolarAxisState {
   polarAxis: {
-    rotation: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
-    radius: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
+    rotation: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
+    radius: PolarAxisConfig<ScaleName, any, ChartsRadiusAxisProps>[];
   };
 }
 export type UseChartPolarAxisSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.types.d.ts

@@ -1,6 +1,6 @@
 import { type ChartPluginSignature } from "../../models/index.js";
 import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
-import { type ScaleName, type AxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.js";
+import { type ScaleName, type PolarAxisConfig, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type RadiusAxis, type RotationAxis, type ChartsAxisData } from "../../../../models/axis.js";
 import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
 import { type UseChartInteractionSignature } from "../useChartInteraction/index.js";
 export interface UseChartPolarAxisInstance {
@@ -60,8 +60,8 @@ export interface UseChartPolarAxisParameters {
 export type UseChartPolarAxisDefaultizedParameters = UseChartPolarAxisParameters & {};
 export interface UseChartPolarAxisState {
   polarAxis: {
-    rotation: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
-    radius: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
+    rotation: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
+    radius: PolarAxisConfig<ScaleName, any, ChartsRadiusAxisProps>[];
   };
 }
 export type UseChartPolarAxisSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.mts

@@ -1,4 +1,4 @@
-import { type AxisItemIdentifier } from "../../../../models/axis.mjs";
+import type { AxisItemIdentifier } from "../../../../models/axis.mjs";
 export declare const selectorChartsInteractionRotationAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => number | null;

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts

@@ -1,4 +1,4 @@
-import { type AxisItemIdentifier } from "../../../../models/axis.js";
+import type { AxisItemIdentifier } from "../../../../models/axis.js";
 export declare const selectorChartsInteractionRotationAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number | null;

package/models/axis.d.mts

@@ -139,7 +139,7 @@ export interface ChartsXAxisProps extends ChartsAxisProps {
    */
   tickLabelMinGap?: number;
 }
-type AxisSideConfig<AxisProps extends ChartsAxisProps> = AxisProps extends ChartsXAxisProps ? {
+type AxisSideConfig<AxisProps extends ChartsXAxisProps | ChartsYAxisProps> = {
   /**
    * Position of the axis.
    *
@@ -149,36 +149,22 @@ type AxisSideConfig<AxisProps extends ChartsAxisProps> = AxisProps extends Chart
    *
    * The first axis in the list will always have a default position.
    */
-  position?: 'top' | 'bottom' | 'none';
+  position?: (AxisProps extends ChartsXAxisProps ? 'top' | 'bottom' : 'none') | (AxisProps extends ChartsYAxisProps ? 'left' | 'right' : 'none') | 'none';
   /**
    * The height of the axis.
    * Set to `'auto'` to automatically calculate the height based on tick label measurements.
    * @default 45 if an axis label is provided, 25 otherwise.
    */
-  height?: number | 'auto';
-} : AxisProps extends ChartsYAxisProps ? {
-  /**
-   * Position of the axis.
-   *
-   * When set, the space for the axis is reserved, even if the axis is not displayed due to missing data.
-   *
-   * Set to 'none' to hide the axis.
-   *
-   * The first axis in the list will always have a default position.
-   */
-  position?: 'left' | 'right' | 'none';
+  height?: AxisProps extends ChartsXAxisProps ? number | 'auto' : never;
   /**
    * The width of the axis.
    * Set to `'auto'` to automatically calculate the width based on tick label measurements.
    * @default 65 if an axis label is provided, 45 otherwise.
    */
-  width?: number | 'auto';
-} : {
-  position?: 'top' | 'bottom' | 'left' | 'right' | 'none';
-  height?: number | 'auto';
-  width?: number | 'auto';
+  width?: AxisProps extends ChartsYAxisProps ? number | 'auto' : never;
 };
 export interface ChartsRotationAxisProps extends ChartsAxisProps {
+  axis?: 'rotation';
   /**
    * The start angle (in deg).
    */
@@ -193,6 +179,7 @@ export interface ChartsRotationAxisProps extends ChartsAxisProps {
   labelGap?: number;
 }
 export interface ChartsRadiusAxisProps extends ChartsAxisProps {
+  axis?: 'radius';
   /**
    * The minimal radius.
    */
@@ -485,7 +472,10 @@ type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
    */
   ignoreTooltip?: boolean;
 };
-export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
+/**
+ * Use this type for advanced typing. For basic usage, use `RotationAxis` or `RadiusAxis`.
+ */
+export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps = ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
   /**
    * The offset of the axis in pixels. It can be used to move the axis from its default position.
    * X-axis: A top axis will move up, and a bottom axis will move down.
@@ -493,11 +483,11 @@ export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps
    * @default 0
    */
   offset?: number;
-} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisConfigExtension;
+} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & TickParams & AxisConfigExtension;
 /**
- * Use this type for advanced typing. For basic usage, use `XAxis`, `YAxis`, `RotationAxis` or `RadiusAxis`.
+ * Use this type for advanced typing. For basic usage, use `XAxis` or `YAxis`.
  */
-export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = {
+export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsXAxisProps | ChartsYAxisProps = ChartsXAxisProps | ChartsYAxisProps> = {
   /**
    * The offset of the axis in pixels. It can be used to move the axis from its default position.
    * X-axis: A top axis will move up, and a bottom axis will move down.
@@ -524,20 +514,30 @@ export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps ext
   triggerTooltip?: boolean;
   /** @ignore - internal. True when a rotation axis covers a full circle. */
   isFullCircle?: boolean;
-} & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
+} & AxisProps & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
   height: number;
-} : AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {
+} : {}) & (AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {
   width: number;
-} : AxisSideConfig<AxisProps>);
+} : {});
 export type ComputedXAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsXAxisProps>;
 export type ComputedYAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsYAxisProps>;
+export declare function isBandScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'band'> & {
+  scaleType: 'band';
+};
 export declare function isBandScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'band'> & {
   scaleType: 'band';
 };
+export declare function isPointScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'point'> & {
+  scaleType: 'point';
+};
 export declare function isPointScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'point'> & {
   scaleType: 'point';
 };
+export declare function isContinuousScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<ContinuousScaleName>;
 export declare function isContinuousScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<ContinuousScaleName>;
+export declare function isSymlogScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'symlog'> & {
+  scaleType: 'symlog';
+};
 export declare function isSymlogScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'symlog'> & {
   scaleType: 'symlog';
 };
@@ -575,8 +575,8 @@ export interface AxisItemIdentifier {
 }
 export type XAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsXAxisProps>, 'id'> : never;
 export type YAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsYAxisProps>, 'id'> : never;
-export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsRotationAxisProps>, 'id'> : never;
-export type RadiusAxis<S extends 'linear' = 'linear', V = any> = S extends 'linear' ? MakeOptional<AxisConfig<S, V, ChartsRadiusAxisProps>, 'id'> : never;
+export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<PolarAxisConfig<S, V, ChartsRotationAxisProps>, 'id'> : never;
+export type RadiusAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<PolarAxisConfig<S, V, ChartsRadiusAxisProps>, 'id'> : never;
 /**
  * The axis configuration with missing values filled with default values.
  */

package/models/axis.d.ts

@@ -139,7 +139,7 @@ export interface ChartsXAxisProps extends ChartsAxisProps {
    */
   tickLabelMinGap?: number;
 }
-type AxisSideConfig<AxisProps extends ChartsAxisProps> = AxisProps extends ChartsXAxisProps ? {
+type AxisSideConfig<AxisProps extends ChartsXAxisProps | ChartsYAxisProps> = {
   /**
    * Position of the axis.
    *
@@ -149,36 +149,22 @@ type AxisSideConfig<AxisProps extends ChartsAxisProps> = AxisProps extends Chart
    *
    * The first axis in the list will always have a default position.
    */
-  position?: 'top' | 'bottom' | 'none';
+  position?: (AxisProps extends ChartsXAxisProps ? 'top' | 'bottom' : 'none') | (AxisProps extends ChartsYAxisProps ? 'left' | 'right' : 'none') | 'none';
   /**
    * The height of the axis.
    * Set to `'auto'` to automatically calculate the height based on tick label measurements.
    * @default 45 if an axis label is provided, 25 otherwise.
    */
-  height?: number | 'auto';
-} : AxisProps extends ChartsYAxisProps ? {
-  /**
-   * Position of the axis.
-   *
-   * When set, the space for the axis is reserved, even if the axis is not displayed due to missing data.
-   *
-   * Set to 'none' to hide the axis.
-   *
-   * The first axis in the list will always have a default position.
-   */
-  position?: 'left' | 'right' | 'none';
+  height?: AxisProps extends ChartsXAxisProps ? number | 'auto' : never;
   /**
    * The width of the axis.
    * Set to `'auto'` to automatically calculate the width based on tick label measurements.
    * @default 65 if an axis label is provided, 45 otherwise.
    */
-  width?: number | 'auto';
-} : {
-  position?: 'top' | 'bottom' | 'left' | 'right' | 'none';
-  height?: number | 'auto';
-  width?: number | 'auto';
+  width?: AxisProps extends ChartsYAxisProps ? number | 'auto' : never;
 };
 export interface ChartsRotationAxisProps extends ChartsAxisProps {
+  axis?: 'rotation';
   /**
    * The start angle (in deg).
    */
@@ -193,6 +179,7 @@ export interface ChartsRotationAxisProps extends ChartsAxisProps {
   labelGap?: number;
 }
 export interface ChartsRadiusAxisProps extends ChartsAxisProps {
+  axis?: 'radius';
   /**
    * The minimal radius.
    */
@@ -485,7 +472,10 @@ type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
    */
   ignoreTooltip?: boolean;
 };
-export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
+/**
+ * Use this type for advanced typing. For basic usage, use `RotationAxis` or `RadiusAxis`.
+ */
+export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps = ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
   /**
    * The offset of the axis in pixels. It can be used to move the axis from its default position.
    * X-axis: A top axis will move up, and a bottom axis will move down.
@@ -493,11 +483,11 @@ export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps
    * @default 0
    */
   offset?: number;
-} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisConfigExtension;
+} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & TickParams & AxisConfigExtension;
 /**
- * Use this type for advanced typing. For basic usage, use `XAxis`, `YAxis`, `RotationAxis` or `RadiusAxis`.
+ * Use this type for advanced typing. For basic usage, use `XAxis` or `YAxis`.
  */
-export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = {
+export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsXAxisProps | ChartsYAxisProps = ChartsXAxisProps | ChartsYAxisProps> = {
   /**
    * The offset of the axis in pixels. It can be used to move the axis from its default position.
    * X-axis: A top axis will move up, and a bottom axis will move down.
@@ -524,20 +514,30 @@ export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps ext
   triggerTooltip?: boolean;
   /** @ignore - internal. True when a rotation axis covers a full circle. */
   isFullCircle?: boolean;
-} & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
+} & AxisProps & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
   height: number;
-} : AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {
+} : {}) & (AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {
   width: number;
-} : AxisSideConfig<AxisProps>);
+} : {});
 export type ComputedXAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsXAxisProps>;
 export type ComputedYAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsYAxisProps>;
+export declare function isBandScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'band'> & {
+  scaleType: 'band';
+};
 export declare function isBandScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'band'> & {
   scaleType: 'band';
 };
+export declare function isPointScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'point'> & {
+  scaleType: 'point';
+};
 export declare function isPointScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'point'> & {
   scaleType: 'point';
 };
+export declare function isContinuousScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<ContinuousScaleName>;
 export declare function isContinuousScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<ContinuousScaleName>;
+export declare function isSymlogScaleConfig(scaleConfig: PolarAxisConfig<ScaleName>): scaleConfig is PolarAxisConfig<'symlog'> & {
+  scaleType: 'symlog';
+};
 export declare function isSymlogScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'symlog'> & {
   scaleType: 'symlog';
 };
@@ -575,8 +575,8 @@ export interface AxisItemIdentifier {
 }
 export type XAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsXAxisProps>, 'id'> : never;
 export type YAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsYAxisProps>, 'id'> : never;
-export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsRotationAxisProps>, 'id'> : never;
-export type RadiusAxis<S extends 'linear' = 'linear', V = any> = S extends 'linear' ? MakeOptional<AxisConfig<S, V, ChartsRadiusAxisProps>, 'id'> : never;
+export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<PolarAxisConfig<S, V, ChartsRotationAxisProps>, 'id'> : never;
+export type RadiusAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<PolarAxisConfig<S, V, ChartsRadiusAxisProps>, 'id'> : never;
 /**
  * The axis configuration with missing values filled with default values.
  */

package/models/axis.js

@@ -17,7 +17,11 @@ exports.isSymlogScaleConfig = isSymlogScaleConfig;
  */
 
 /**
- * Use this type for advanced typing. For basic usage, use `XAxis`, `YAxis`, `RotationAxis` or `RadiusAxis`.
+ * Use this type for advanced typing. For basic usage, use `RotationAxis` or `RadiusAxis`.
+ */
+
+/**
+ * Use this type for advanced typing. For basic usage, use `XAxis` or `YAxis`.
  */
 
 function isBandScaleConfig(scaleConfig) {

package/models/axis.mjs

@@ -8,7 +8,11 @@
  */
 
 /**
- * Use this type for advanced typing. For basic usage, use `XAxis`, `YAxis`, `RotationAxis` or `RadiusAxis`.
+ * Use this type for advanced typing. For basic usage, use `RotationAxis` or `RadiusAxis`.
+ */
+
+/**
+ * Use this type for advanced typing. For basic usage, use `XAxis` or `YAxis`.
  */
 
 export function isBandScaleConfig(scaleConfig) {

package/models/seriesType/line.d.mts

@@ -54,12 +54,6 @@ export interface CommonLineSeriesType {
    * The label to display on the tooltip or the legend. It can be a string or a function.
    */
   label?: string | ((location: 'tooltip' | 'legend') => string);
-  /**
-   * The type of curve to use for the line.
-   * Read more about curves at [line interpolation](https://mui.com/x/react-charts/lines/#interpolation).
-   * @default 'monotoneX'
-   */
-  curve?: CurveType;
   /**
    * If `true`, step curve starts and end at the first and last point.
    * By default the line is extended to fill the space before and after.
@@ -106,6 +100,12 @@ export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>,
    * @default 'none'
    */
   stackOffset?: StackOffsetType;
+  /**
+   * The type of curve to use for the line.
+   * Read more about curves at [line interpolation](https://mui.com/x/react-charts/lines/#interpolation).
+   * @default 'monotoneX'
+   */
+  curve?: CurveType;
 }
 /**
  * An object that allows to identify a single line.

package/models/seriesType/line.d.ts

@@ -54,12 +54,6 @@ export interface CommonLineSeriesType {
    * The label to display on the tooltip or the legend. It can be a string or a function.
    */
   label?: string | ((location: 'tooltip' | 'legend') => string);
-  /**
-   * The type of curve to use for the line.
-   * Read more about curves at [line interpolation](https://mui.com/x/react-charts/lines/#interpolation).
-   * @default 'monotoneX'
-   */
-  curve?: CurveType;
   /**
    * If `true`, step curve starts and end at the first and last point.
    * By default the line is extended to fill the space before and after.
@@ -106,6 +100,12 @@ export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>,
    * @default 'none'
    */
   stackOffset?: StackOffsetType;
+  /**
+   * The type of curve to use for the line.
+   * Read more about curves at [line interpolation](https://mui.com/x/react-charts/lines/#interpolation).
+   * @default 'monotoneX'
+   */
+  curve?: CurveType;
 }
 /**
  * An object that allows to identify a single line.