@mui/x-charts 9.0.1 → 9.0.3

package/SparkLineChart/SparkLineChart.js

@@ -648,7 +648,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -707,7 +708,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -753,7 +755,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -800,7 +803,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -846,7 +850,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -892,7 +897,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -942,7 +948,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -992,7 +999,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
@@ -1038,7 +1046,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
+    valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func
   })]),
   /**
    * The yAxis configuration.
@@ -1103,6 +1112,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1161,6 +1171,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1206,6 +1217,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1252,6 +1264,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1297,6 +1310,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1342,6 +1356,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1391,6 +1406,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1440,6 +1456,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
@@ -1485,6 +1502,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
   })])
 } : void 0;

package/SparkLineChart/SparkLineChart.mjs

@@ -641,7 +641,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -700,7 +701,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -746,7 +748,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -793,7 +796,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -839,7 +843,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -885,7 +890,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -935,7 +941,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -985,7 +992,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1031,7 +1039,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   })]),
   /**
    * The yAxis configuration.
@@ -1096,6 +1105,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1154,6 +1164,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1199,6 +1210,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1245,6 +1257,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1290,6 +1303,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1335,6 +1349,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1384,6 +1399,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1433,6 +1449,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1478,6 +1495,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   })])
 } : void 0;

package/hooks/useAxis.d.mts

@@ -87,7 +87,7 @@ export declare function useYAxis<T extends keyof AxisScaleConfig>(axisId?: AxisI
  * @see `useRotationAxis` for accessing a single rotation axis
  */
 export declare function useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs").DefaultizedAxisConfig<ChartsRotationAxisProps>;
+  rotationAxis: import("../internals/index.mjs").ComputedAxisConfig<ChartsRotationAxisProps>;
   rotationAxisIds: string[];
 };
 /**
@@ -106,7 +106,7 @@ export declare function useRotationAxes(): {
  * @see `useRadiusAxis` for accessing a single radius axis
  */
 export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
+  radiusAxis: import("../internals/index.mjs").ComputedAxisConfig<ChartsRadiusAxisProps>;
   radiusAxisIds: string[];
 };
 /**

package/hooks/useAxis.d.ts

@@ -87,7 +87,7 @@ export declare function useYAxis<T extends keyof AxisScaleConfig>(axisId?: AxisI
  * @see `useRotationAxis` for accessing a single rotation axis
  */
 export declare function useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRotationAxisProps>;
+  rotationAxis: import("../internals/index.js").ComputedAxisConfig<ChartsRotationAxisProps>;
   rotationAxisIds: string[];
 };
 /**
@@ -106,7 +106,7 @@ export declare function useRotationAxes(): {
  * @see `useRadiusAxis` for accessing a single radius axis
  */
 export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
+  radiusAxis: import("../internals/index.js").ComputedAxisConfig<ChartsRadiusAxisProps>;
   radiusAxisIds: string[];
 };
 /**

package/hooks/useTicks.d.mts

@@ -86,6 +86,6 @@ interface GetTicksOptions extends Pick<TickParams, 'tickInterval' | 'tickPlaceme
 }
 export declare function getTicks(options: GetTicksOptions): TickItem[];
 export declare function useTicks(options: Omit<GetTicksOptions, 'isInside'> & {
-  direction: 'x' | 'y';
+  direction: 'x' | 'y' | 'rotation' | 'radius';
 }): TickItem[];
 export {};

package/hooks/useTicks.d.ts

@@ -86,6 +86,6 @@ interface GetTicksOptions extends Pick<TickParams, 'tickInterval' | 'tickPlaceme
 }
 export declare function getTicks(options: GetTicksOptions): TickItem[];
 export declare function useTicks(options: Omit<GetTicksOptions, 'isInside'> & {
-  direction: 'x' | 'y';
+  direction: 'x' | 'y' | 'rotation' | 'radius';
 }): TickItem[];
 export {};

package/hooks/useTicks.js

@@ -14,6 +14,7 @@ var _isInfinity = require("../internals/isInfinity");
 var _timeTicks = require("../utils/timeTicks");
 var _dateHelpers = require("../internals/dateHelpers");
 var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
+var _epsilon = require("../utils/epsilon");
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -238,6 +239,24 @@ function getDefaultTicks(scale, tickNumber) {
   }
   return scale.ticks(tickNumber);
 }
+const alwaysTrue = () => true;
+
+// Avoid ticks on more than 360° for rotation axis.
+const isInsideRotation = scale => rotation => Math.abs(scale.range()[0] - rotation) < Math.PI * 2 - _epsilon.EPSILON;
+function getIsInside(scale, direction, instance) {
+  switch (direction) {
+    case 'rotation':
+      return isInsideRotation(scale);
+    case 'radius':
+      return radiusOffset => radiusOffset >= 1;
+    case 'x':
+      return instance.isXInside;
+    case 'y':
+      return instance.isYInside;
+    default:
+      return alwaysTrue;
+  }
+}
 function useTicks(options) {
   const {
     scale,
@@ -253,7 +272,6 @@ function useTicks(options) {
   const {
     instance
   } = (0, _useChartsContext.useChartsContext)();
-  const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,
     tickNumber,
@@ -262,7 +280,7 @@ function useTicks(options) {
     tickLabelPlacement,
     tickSpacing,
     valueFormatter,
-    isInside,
+    isInside: getIsInside(scale, direction, instance),
     ordinalTimeTicks
-  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside, ordinalTimeTicks]);
+  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, direction, instance, ordinalTimeTicks]);
 }

package/hooks/useTicks.mjs

@@ -6,6 +6,7 @@ import { isInfinity } from "../internals/isInfinity.mjs";
 import { tickFrequencies } from "../utils/timeTicks.mjs";
 import { isDateData } from "../internals/dateHelpers.mjs";
 import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
+import { EPSILON } from "../utils/epsilon.mjs";
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -230,6 +231,24 @@ function getDefaultTicks(scale, tickNumber) {
   }
   return scale.ticks(tickNumber);
 }
+const alwaysTrue = () => true;
+
+// Avoid ticks on more than 360° for rotation axis.
+const isInsideRotation = scale => rotation => Math.abs(scale.range()[0] - rotation) < Math.PI * 2 - EPSILON;
+function getIsInside(scale, direction, instance) {
+  switch (direction) {
+    case 'rotation':
+      return isInsideRotation(scale);
+    case 'radius':
+      return radiusOffset => radiusOffset >= 1;
+    case 'x':
+      return instance.isXInside;
+    case 'y':
+      return instance.isYInside;
+    default:
+      return alwaysTrue;
+  }
+}
 export function useTicks(options) {
   const {
     scale,
@@ -245,7 +264,6 @@ export function useTicks(options) {
   const {
     instance
   } = useChartsContext();
-  const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,
     tickNumber,
@@ -254,7 +272,7 @@ export function useTicks(options) {
     tickLabelPlacement,
     tickSpacing,
     valueFormatter,
-    isInside,
+    isInside: getIsInside(scale, direction, instance),
     ordinalTimeTicks
-  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside, ordinalTimeTicks]);
+  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, direction, instance, ordinalTimeTicks]);
 }

package/index.d.mts

@@ -27,6 +27,10 @@ export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
+export * from "./ChartsRadialDataProvider/index.mjs";
+export * from "./ChartsRadialGrid/index.mjs";
+export * from "./ChartsRadiusAxis/index.mjs";
+export { type ChartsRotationAxisProps, Unstable_ChartsRotationAxis } from "./ChartsRotationAxis/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

package/index.d.ts

@@ -27,6 +27,10 @@ export * from "./ChartsSurface/index.js";
 export { ChartsContainer } from "./ChartsContainer/index.js";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.js";
 export * from "./ChartsDataProvider/index.js";
+export * from "./ChartsRadialDataProvider/index.js";
+export * from "./ChartsRadialGrid/index.js";
+export * from "./ChartsRadiusAxis/index.js";
+export { type ChartsRotationAxisProps, Unstable_ChartsRotationAxis } from "./ChartsRotationAxis/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";
 export * from "./ChartsBrushOverlay/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.1
+ * @mui/x-charts v9.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,7 +11,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ChartsContainer: true
+  ChartsContainer: true,
+  Unstable_ChartsRotationAxis: true
 };
 Object.defineProperty(exports, "ChartsContainer", {
   enumerable: true,
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "ChartsContainer", {
     return _ChartsContainer.ChartsContainer;
   }
 });
+Object.defineProperty(exports, "Unstable_ChartsRotationAxis", {
+  enumerable: true,
+  get: function () {
+    return _ChartsRotationAxis.Unstable_ChartsRotationAxis;
+  }
+});
 var _constants = require("./constants");
 Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -344,6 +351,43 @@ Object.keys(_ChartsDataProvider).forEach(function (key) {
     }
   });
 });
+var _ChartsRadialDataProvider = require("./ChartsRadialDataProvider");
+Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsRadialDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsRadialDataProvider[key];
+    }
+  });
+});
+var _ChartsRadialGrid = require("./ChartsRadialGrid");
+Object.keys(_ChartsRadialGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsRadialGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsRadialGrid[key];
+    }
+  });
+});
+var _ChartsRadiusAxis = require("./ChartsRadiusAxis");
+Object.keys(_ChartsRadiusAxis).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsRadiusAxis[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsRadiusAxis[key];
+    }
+  });
+});
+var _ChartsRotationAxis = require("./ChartsRotationAxis");
 var _Toolbar = require("./Toolbar");
 Object.keys(_Toolbar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.1
+ * @mui/x-charts v9.0.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -33,6 +33,10 @@ export * from "./RadarChart/index.mjs";
 export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
+export * from "./ChartsRadialDataProvider/index.mjs";
+export * from "./ChartsRadialGrid/index.mjs";
+export * from "./ChartsRadiusAxis/index.mjs";
+export { Unstable_ChartsRotationAxis } from "./ChartsRotationAxis/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

package/internals/cubiqSolver.d.mts

@@ -0,0 +1,5 @@
+/**
+ * Cubic equation solver. Only returns real root between 0 and 1, which is the only case we care about for curve evaluation.
+ * From https://www.particleincell.com/2013/cubic-line-intersection/
+ */
+export declare function cubicRoots(P: [number, number, number, number]): number[];

package/internals/cubiqSolver.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Cubic equation solver. Only returns real root between 0 and 1, which is the only case we care about for curve evaluation.
+ * From https://www.particleincell.com/2013/cubic-line-intersection/
+ */
+export declare function cubicRoots(P: [number, number, number, number]): number[];

package/internals/cubiqSolver.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cubicRoots = cubicRoots;
+/**
+ * Cubic equation solver. Only returns real root between 0 and 1, which is the only case we care about for curve evaluation.
+ * From https://www.particleincell.com/2013/cubic-line-intersection/
+ */
+function cubicRoots(P) {
+  const a = P[0];
+  const b = P[1];
+  const c = P[2];
+  const d = P[3];
+  if (a === 0) {
+    if (b === 0) {
+      if (c === 0) {
+        return []; // constant case
+      }
+      return [-d / c].filter(r => r >= 0 && r <= 1); // linear case
+    }
+
+    // quadratic case
+    const discriminant = c * c - 4 * b * d;
+    if (discriminant < 0) {
+      return [];
+    }
+    const sqrtDisc = Math.sqrt(discriminant);
+    return [(-c + sqrtDisc) / (2 * b), (-c - sqrtDisc) / (2 * b)].filter(r => r >= 0 && r <= 1);
+  }
+
+  // cubic case
+
+  const A = b / a;
+  const B = c / a;
+  const C = d / a;
+  const Q = (3 * B - Math.pow(A, 2)) / 9;
+  const R = (9 * A * B - 27 * C - 2 * Math.pow(A, 3)) / 54;
+  const D = Math.pow(Q, 3) + Math.pow(R, 2); // polynomial discriminant
+
+  const result = [];
+  if (D >= 0)
+    // complex or duplicate roots
+    {
+      const S = Math.sign(R + Math.sqrt(D)) * Math.pow(Math.abs(R + Math.sqrt(D)), 1 / 3);
+      const T = Math.sign(R - Math.sqrt(D)) * Math.pow(Math.abs(R - Math.sqrt(D)), 1 / 3);
+      result.push(-A / 3 + (S + T)); // real root
+
+      if (S - T !== 0) {
+        return result.filter(r => r >= 0 && r <= 1);
+      }
+      result.push(-A / 3 - (S + T) / 2); // real part of complex root
+      result.push(-A / 3 - (S + T) / 2); // real part of complex root
+      return result.filter(r => r >= 0 && r <= 1);
+    }
+  const th = Math.acos(R / Math.sqrt(-Math.pow(Q, 3)));
+  result.push(2 * Math.sqrt(-Q) * Math.cos(th / 3) - A / 3);
+  result.push(2 * Math.sqrt(-Q) * Math.cos((th + 2 * Math.PI) / 3) - A / 3);
+  result.push(2 * Math.sqrt(-Q) * Math.cos((th + 4 * Math.PI) / 3) - A / 3);
+  return result.filter(r => r >= 0 && r <= 1);
+}