@mui/x-charts 9.0.2 → 9.0.3

package/BarChart/BarChart.js

@@ -291,7 +291,8 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   onHighlightedAxisChange: _propTypes.default.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: _propTypes.default.func,

package/BarChart/BarChart.mjs

@@ -284,7 +284,8 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   onHighlightedAxisChange: PropTypes.func,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: PropTypes.func,

package/BarChart/BarPlot.js

@@ -102,7 +102,8 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
   className: _propTypes.default.string,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: _propTypes.default.func,

package/BarChart/BarPlot.mjs

@@ -95,7 +95,8 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
   className: PropTypes.string,
   /**
    * Callback fired when a bar item is clicked.
-   * @param {MouseEvent} event The event source of the callback.
+   * @param {MouseEvent | React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
+   *        It is a native MouseEvent for `svg-batch` renderer and a React MouseEvent for `svg-single` renderer.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: PropTypes.func,

package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.mts

@@ -3,15 +3,8 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   id: string;
   color: string;
   type: "bar";
-  data?: ReadonlyArray<import("../../../index.mjs").BarValueType | null>;
-  dataKey?: string;
-  valueGetter?: (item: import("../../../internals/index.mjs").DatasetElementType<unknown>) => import("../../../index.mjs").BarValueType | null;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  stackOffset?: import("../../../index.mjs").StackOffsetType;
-  minBarSize?: number;
-  barLabel?: "value" | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
   barLabelPlacement?: "center" | "outside";
+  stackOffset?: import("../../../index.mjs").StackOffsetType;
   valueFormatter?: import("../../../internals/index.mjs").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.mjs").CommonHighlightScope | undefined;
   labelMarkType?: import("../../../internals/index.mjs").ChartsLabelMarkType;
@@ -20,4 +13,11 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   yAxisId?: import("../../../internals/index.mjs").AxisId;
   stack?: string;
   stackOrder?: import("../../../index.mjs").StackOrderType;
+  data?: ReadonlyArray<import("../../../index.mjs").BarValueType | null>;
+  dataKey?: string;
+  valueGetter?: (item: import("../../../internals/index.mjs").DatasetElementType<unknown>) => import("../../../index.mjs").BarValueType | null;
+  label?: string | ((location: "tooltip" | "legend") => string);
+  layout?: "horizontal" | "vertical";
+  minBarSize?: number;
+  barLabel?: "value" | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
 };

package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts

@@ -3,15 +3,8 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   id: string;
   color: string;
   type: "bar";
-  data?: ReadonlyArray<import("../../../index.js").BarValueType | null>;
-  dataKey?: string;
-  valueGetter?: (item: import("../../../internals/index.js").DatasetElementType<unknown>) => import("../../../index.js").BarValueType | null;
-  label?: string | ((location: "tooltip" | "legend") => string);
-  layout?: "horizontal" | "vertical";
-  stackOffset?: import("../../../index.js").StackOffsetType;
-  minBarSize?: number;
-  barLabel?: "value" | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
   barLabelPlacement?: "center" | "outside";
+  stackOffset?: import("../../../index.js").StackOffsetType;
   valueFormatter?: import("../../../internals/index.js").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.js").CommonHighlightScope | undefined;
   labelMarkType?: import("../../../internals/index.js").ChartsLabelMarkType;
@@ -20,4 +13,11 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ba
   yAxisId?: import("../../../internals/index.js").AxisId;
   stack?: string;
   stackOrder?: import("../../../index.js").StackOrderType;
+  data?: ReadonlyArray<import("../../../index.js").BarValueType | null>;
+  dataKey?: string;
+  valueGetter?: (item: import("../../../internals/index.js").DatasetElementType<unknown>) => import("../../../index.js").BarValueType | null;
+  label?: string | ((location: "tooltip" | "legend") => string);
+  layout?: "horizontal" | "vertical";
+  minBarSize?: number;
+  barLabel?: "value" | ((item: import("@mui/x-charts/BarChart").BarItem, context: import("@mui/x-charts/BarChart").BarLabelContext) => string | null | undefined);
 };

package/CHANGELOG.md

@@ -1,5 +1,141 @@
 # Changelog
 
+## 9.0.3
+
+_Apr 27, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌨️ Keyboard support for creating events in the Scheduler
+
+Special thanks go out to these community members for their valuable contributions:
+@supunsathsara, @ZAKIURREHMAN
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @brijeshb42, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.3`
+
+- [DataGrid] Fix `:first-child` SSR warning when `MuiDataGrid.styleOverrides` is set (#22081) @siriwatknp
+- [DataGrid] Fix row reordering when filter hides rows (#22096) @siriwatknp
+- [DataGrid] Remove unused `LayoutDataGridLegacy` class (#22009) @romgrk
+- [DataGrid] Remove unused code, clean up grid-related utilities and deprecate `GridPanelHeader` (#22112) @sai6855
+- [DataGrid] Fix columns cutting off after resizing (#22088) @ZAKIURREHMAN
+
+#### `@mui/x-data-grid-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.3`.
+
+#### `@mui/x-data-grid-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.3`, plus:
+
+- [DataGridPremium] Fix row grouping model updates not being reflected (#22122) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.3`
+
+- [pickers] Fix `DateRangeCalendar` drag with `AdapterDayjs` plain-constructor values (#22165) @LukasTy
+- [pickers] Fix disabled state not overriding error border color (#21169) @supunsathsara
+- [pickers] Forward `data-*` and `aria-*` attributes to the root (#22147) @LukasTy
+- [pickers] Support `K` and `k` hour format tokens (#22108) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.3`, plus:
+
+- [DateRangeCalendar] Ensure date dragging triggers regardless of trigger element (#21868) @michelengelen
+
+### Charts
+
+#### `@mui/x-charts@9.0.3`
+
+- [charts] Centralize WebGL clear/render cycle (context-based) (#22127) @JCQuintas
+- [charts] Fix closest series detection for line charts (#22168) @alexfauquette
+- [charts] Fix radius grid lines when axis uses point scale (#22134) @alexfauquette
+- [charts] Use cubic solver for berzier intersection (#22152) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.3`, plus:
+
+- [charts-pro] Fix wheel zoom clamping with custom `minStart`/`maxEnd` (#22159) @JCQuintas
+
+#### `@mui/x-charts-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.3`, plus:
+
+- [charts] Create a `'radialLine'` series type (#22066) @alexfauquette
+- [charts] Plot radial line (#22133) @alexfauquette
+- [charts] Remove `HeatmapWebGLRenderer` indirection (#22169) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.2`.
+
+### Scheduler
+
+#### Breaking changes
+
+- The `views` of `EventTimelinePremium` have been renamed to `presets`, with names that describe the header layout. The props `view`/`defaultView`/`views`/`onViewChange` are now `preset`/`defaultPreset`/`presets`/`onPresetChange`, and the type `EventTimelinePremiumView` is now `EventTimelinePremiumPreset`.
+
+| Old      | New            |
+| :------- | :------------- |
+| `time`   | `dayAndHour`   |
+| `days`   | `day`          |
+| `weeks`  | `dayAndWeek`   |
+| `months` | `monthAndYear` |
+| `years`  | `year`         |
+
+CSS variables (`--time-cell-width`, etc.) and headless store state (`state.view`, `setView`) follow the same rename. The `presets` array is now sorted internally against a canonical zoom order.
+
+#### `@mui/x-scheduler@9.0.0-alpha.3`
+
+- [scheduler] Allow creating events via keyboard - EventCalendar (#21967) @rita-codes
+- [scheduler] Prefix element IDs with a unique Scheduler instance ID (#22109) @rita-codes
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-alpha.3`.
+
+- [scheduler] Allow creating events via keyboard - `EventTimeline` (#22119) @rita-codes
+- [scheduler] Rename `EventTimeline` `views` to ordered presets (#22130) @rita-codes
+
+### Docs
+
+- [docs] Cleanup generated llm md files for chat (#22163) @brijeshb42
+- [docs] Fix `highlightScope` description (#22154) @alexfauquette
+- [docs] Remove obsolete v7 deprecation warning for `dayOfWeekFormatter` (#22111) @LukasTy
+- [docs] Use mui.com for broken links checker known targets (#22129) @JCQuintas
+- [docs] Document picker behavior inside MUI `Dialog` and provide recommended solutions (#22144) @michelengelen
+- [docs] Improve v9 license key version mismatch error guidance (#22180) @aemartos
+
+### Core
+
+- [code-infra] Reduce concurrency for package build to 5 (#22115) @Janpot
+- [code-infra] Rename `docsx` alias to `docs` (#22155) @brijeshb42
+- [docs-infra] Remove monorepo dependency (#22025) @brijeshb42
+- [docs-infra] Use latest published packages (#22086) @brijeshb42
+- [test] Refactor Pickers tests to async user-event (#22043) @LukasTy
+- [test] Remove redundant explicit `unmount()` calls from Pickers tests (#22118) @LukasTy
+
+### Miscellaneous
+
+- [infra] Update `.gitignore` to exclude `.claude/worktrees` (#22145) @michelengelen
+- [infra] Enable branch tracking when creating release branch (#22177) @michelengelen
+- [license] Add MIT license to `x-virtualizer` package (#22164) @michelengelen
+- [website] Fix outdated MUI logos (#22117) @oliviertassinari
+- [internal] Try avoiding store update when virtualization is disabled (#22093) @arminmeh
+
 ## 9.0.2
 
 <!-- generated comparing v9.0.1..master -->

package/ChartsRadialGrid/ChartsRadialGrid.js

@@ -64,6 +64,7 @@ function ChartsRadialGrid(inProps) {
   const outerRadius = radiusAxisConfig?.scale.range()[1] ?? 0;
   const startAngle = rotationAxisConfig?.scale.range()[0] ?? 0;
   const endAngle = rotationAxisConfig?.scale.range()[1] ?? 0;
+  const isFullCircle = rotationAxisConfig?.isFullCircle ?? false;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledComponents.GridRoot, (0, _extends2.default)({}, other, {
     className: (0, _clsx.default)(classes.root, className),
     children: [rotation && rotationAxisConfig && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRotationGrid.ChartsRotationGrid, {
@@ -75,6 +76,7 @@ function ChartsRadialGrid(inProps) {
       axis: radiusAxisConfig,
       startAngle: startAngle,
       endAngle: endAngle,
+      isFullCircle: isFullCircle,
       classes: classes
     })]
   }));

package/ChartsRadialGrid/ChartsRadialGrid.mjs

@@ -58,6 +58,7 @@ function ChartsRadialGrid(inProps) {
   const outerRadius = radiusAxisConfig?.scale.range()[1] ?? 0;
   const startAngle = rotationAxisConfig?.scale.range()[0] ?? 0;
   const endAngle = rotationAxisConfig?.scale.range()[1] ?? 0;
+  const isFullCircle = rotationAxisConfig?.isFullCircle ?? false;
   return /*#__PURE__*/_jsxs(GridRoot, _extends({}, other, {
     className: clsx(classes.root, className),
     children: [rotation && rotationAxisConfig && /*#__PURE__*/_jsx(ChartsRotationGrid, {
@@ -69,6 +70,7 @@ function ChartsRadialGrid(inProps) {
       axis: radiusAxisConfig,
       startAngle: startAngle,
       endAngle: endAngle,
+      isFullCircle: isFullCircle,
       classes: classes
     })]
   }));

package/ChartsRadialGrid/ChartsRadiusGrid.d.mts

@@ -4,6 +4,7 @@ interface ChartsRadiusGridProps {
   axis: PolarAxisDefaultized<any, any, any>;
   startAngle: number;
   endAngle: number;
+  isFullCircle: boolean;
   classes: Partial<ChartsRadialGridClasses>;
 }
 /**

package/ChartsRadialGrid/ChartsRadiusGrid.d.ts

@@ -4,6 +4,7 @@ interface ChartsRadiusGridProps {
   axis: PolarAxisDefaultized<any, any, any>;
   startAngle: number;
   endAngle: number;
+  isFullCircle: boolean;
   classes: Partial<ChartsRadialGridClasses>;
 }
 /**

package/ChartsRadialGrid/ChartsRadiusGrid.js

@@ -10,7 +10,6 @@ var _useTicks = require("../hooks/useTicks");
 var _styledComponents = require("./styledComponents");
 var _ChartsProvider = require("../context/ChartsProvider");
 var _useChartPolarAxis = require("../internals/plugins/featurePlugins/useChartPolarAxis");
-var _epsilon = require("../utils/epsilon");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @ignore - internal component.
@@ -23,6 +22,7 @@ function ChartsRadiusGrid(props) {
     axis,
     startAngle,
     endAngle,
+    isFullCircle,
     classes
   } = props;
   const {
@@ -42,7 +42,6 @@ function ChartsRadiusGrid(props) {
     tickSpacing,
     direction: 'radius'
   });
-  const isFullCircle = Math.abs(endAngle - startAngle) >= 2 * Math.PI - _epsilon.EPSILON;
   if (isFullCircle) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
       children: ticks.map(({

package/ChartsRadialGrid/ChartsRadiusGrid.mjs

@@ -3,7 +3,6 @@ import { useTicks } from "../hooks/useTicks.mjs";
 import { GridCircle, GridPath } from "./styledComponents.mjs";
 import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 import { selectorChartPolarCenter } from "../internals/plugins/featurePlugins/useChartPolarAxis/index.mjs";
-import { EPSILON } from "../utils/epsilon.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
@@ -16,6 +15,7 @@ export function ChartsRadiusGrid(props) {
     axis,
     startAngle,
     endAngle,
+    isFullCircle,
     classes
   } = props;
   const {
@@ -35,7 +35,6 @@ export function ChartsRadiusGrid(props) {
     tickSpacing,
     direction: 'radius'
   });
-  const isFullCircle = Math.abs(endAngle - startAngle) >= 2 * Math.PI - EPSILON;
   if (isFullCircle) {
     return /*#__PURE__*/_jsx(React.Fragment, {
       children: ticks.map(({

package/ChartsRadiusAxis/ChartsRadiusAxis.d.mts

@@ -0,0 +1,48 @@
+import type { AxisId } from "../models/axis.mjs";
+import { type ChartsRadialAxisClasses } from "./chartsRadiusAxisClasses.mjs";
+export interface ChartsRadiusAxisProps {
+  /**
+   * Id of the radius axis to render.
+   * If not provided, it will use the first defined radius axis.
+   */
+  axisId?: AxisId;
+  /**
+   * The position of the axis in polar coordinates.
+   * It can be 'start', 'end', or a specific angle in degrees.
+   * @default 'start'
+   */
+  position?: 'start' | 'end' | number;
+  /**
+   * If `true`, the axis line is not rendered.
+   * @default false
+   */
+  disableLine?: boolean;
+  /**
+   * If `true`, the ticks are not rendered.
+   * @default false
+   */
+  disableTicks?: boolean;
+  /**
+   * The size (in pixels) of the tick marks.
+   * @default 6
+   */
+  tickSize?: number;
+  /**
+   * Set the position of the tick labels relative to the axis line.
+   * The before/after is defined based on clockwise direction.
+   * @default 'after'
+   */
+  tickLabelPosition?: 'center' | 'after' | 'before';
+  /**
+   * Set the position of the tick relative to the axis line.
+   * The before/after is defined based on clockwise direction.
+   * @default 'after'
+   */
+  tickPosition?: 'after' | 'before';
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+  classes?: Partial<ChartsRadialAxisClasses>;
+}
+export declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react/jsx-runtime").JSX.Element | null;

package/ChartsRadiusAxis/ChartsRadiusAxis.d.ts

@@ -0,0 +1,48 @@
+import type { AxisId } from "../models/axis.js";
+import { type ChartsRadialAxisClasses } from "./chartsRadiusAxisClasses.js";
+export interface ChartsRadiusAxisProps {
+  /**
+   * Id of the radius axis to render.
+   * If not provided, it will use the first defined radius axis.
+   */
+  axisId?: AxisId;
+  /**
+   * The position of the axis in polar coordinates.
+   * It can be 'start', 'end', or a specific angle in degrees.
+   * @default 'start'
+   */
+  position?: 'start' | 'end' | number;
+  /**
+   * If `true`, the axis line is not rendered.
+   * @default false
+   */
+  disableLine?: boolean;
+  /**
+   * If `true`, the ticks are not rendered.
+   * @default false
+   */
+  disableTicks?: boolean;
+  /**
+   * The size (in pixels) of the tick marks.
+   * @default 6
+   */
+  tickSize?: number;
+  /**
+   * Set the position of the tick labels relative to the axis line.
+   * The before/after is defined based on clockwise direction.
+   * @default 'after'
+   */
+  tickLabelPosition?: 'center' | 'after' | 'before';
+  /**
+   * Set the position of the tick relative to the axis line.
+   * The before/after is defined based on clockwise direction.
+   * @default 'after'
+   */
+  tickPosition?: 'after' | 'before';
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
+  classes?: Partial<ChartsRadialAxisClasses>;
+}
+export declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react/jsx-runtime").JSX.Element | null;

package/ChartsRadiusAxis/ChartsRadiusAxis.js

@@ -0,0 +1,147 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsRadiusAxis = ChartsRadiusAxis;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _useTicks = require("../hooks/useTicks");
+var _useAxis = require("../hooks/useAxis");
+var _ChartsProvider = require("../context/ChartsProvider");
+var _useChartPolarAxis = require("../internals/plugins/featurePlugins/useChartPolarAxis");
+var _chartsRadiusAxisClasses = require("./chartsRadiusAxisClasses");
+var _createGetLabelTextAnchors = require("./createGetLabelTextAnchors");
+var _getLabelTransform = require("./getLabelTransform");
+var _jsxRuntime = require("react/jsx-runtime");
+/* Gap between a tick and its label. */
+const TICK_LABEL_GAP = 3;
+const getLabelTextAnchors = (0, _createGetLabelTextAnchors.createGetLabelTextAnchors)(_getLabelTransform.getLabelTransform);
+
+/**
+ * Get the angle to use to display the radius axis.
+ * @param position The position props
+ * @param rotationAxis The default rotation axis
+ * @returns the angle in radians to use.
+ */
+function getAxisAngleInRadians(position, rotationAxis) {
+  if (position === 'start') {
+    return rotationAxis?.scale.range()[0] ?? 0;
+  }
+  if (position === 'end') {
+    return rotationAxis?.scale.range()[1] ?? 0;
+  }
+  if (typeof position === 'number') {
+    return position * Math.PI / 180;
+  }
+  return 0;
+}
+function ChartsRadiusAxis(props) {
+  const {
+    axisId,
+    position = 'start',
+    disableLine,
+    disableTicks,
+    tickLabelPosition = 'after',
+    tickPosition = 'after',
+    tickSize = 6,
+    className,
+    classes: classesProp
+  } = props;
+  const isCentered = tickLabelPosition === 'center';
+  const classes = (0, _chartsRadiusAxisClasses.useUtilityClasses)({
+    classes: classesProp,
+    isCentered
+  });
+  const theme = (0, _styles.useTheme)();
+  const {
+    store
+  } = (0, _ChartsProvider.useChartsContext)();
+  const {
+    cx,
+    cy
+  } = store.use(_useChartPolarAxis.selectorChartPolarCenter);
+  const radiusAxis = (0, _useAxis.useRadiusAxis)(axisId);
+  const rotationAxis = (0, _useAxis.useRotationAxis)();
+  const ticks = (0, _useTicks.useTicks)({
+    scale: radiusAxis.scale,
+    tickNumber: radiusAxis?.tickNumber ?? 5,
+    tickInterval: radiusAxis?.tickInterval,
+    tickSpacing: radiusAxis?.tickSpacing,
+    valueFormatter: radiusAxis?.valueFormatter,
+    direction: 'radius'
+  });
+  if (!radiusAxis) {
+    return null;
+  }
+  const angle = getAxisAngleInRadians(position, rotationAxis);
+  // Convert "0 = up" convention to SVG math angle (0 = right, clockwise y-down).
+  const dx = Math.sin(angle);
+  const dy = -Math.cos(angle);
+  // Perpendicular offset for tick marks (rotated 90° clockwise).
+  const px = -dy;
+  const py = dx;
+  const [innerRadius, outerRadius] = radiusAxis.scale.range();
+  const stroke = (theme.vars ?? theme).palette.text.primary;
+  const tickDx = (tickPosition === 'after' ? 1 : -1) * px * tickSize;
+  const tickDy = (tickPosition === 'after' ? 1 : -1) * py * tickSize;
+  const tickLabelGap = isCentered ? 0 : TICK_LABEL_GAP;
+  const tickLabelGapDx = (tickLabelPosition === 'after' ? 1 : -1) * px * tickLabelGap;
+  const tickLabelGapDy = (tickLabelPosition === 'after' ? 1 : -1) * py * tickLabelGap;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+    className: (0, _clsx.default)(classes.root, className),
+    children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
+      x1: cx + dx * innerRadius,
+      y1: cy + dy * innerRadius,
+      x2: cx + dx * outerRadius,
+      y2: cy + dy * outerRadius,
+      stroke: stroke,
+      className: classes.line
+    }), ticks.map(({
+      offset: radius,
+      formattedValue
+    }, index) => {
+      if (!formattedValue) {
+        return null;
+      }
+      const tx = cx + dx * radius;
+      const ty = cy + dy * radius;
+
+      // Compute the label position.
+      let labelX = tx;
+      let labelY = ty;
+      if (tickLabelGap !== 0) {
+        labelX += tickLabelGapDx;
+        labelY += tickLabelGapDy;
+      }
+      if (!isCentered && tickLabelPosition === tickPosition && !disableTicks) {
+        // Add the size of the tick if they are in the same direction.
+        labelX += tickDx;
+        labelY += tickDy;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        className: classes.tickContainer,
+        children: [!disableTicks && /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
+          x1: tx,
+          y1: ty,
+          x2: tx + tickDx,
+          y2: ty + tickDy,
+          stroke: stroke,
+          className: classes.tick
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("text", (0, _extends2.default)({
+          x: labelX,
+          y: labelY,
+          fill: stroke,
+          fontSize: 12,
+          className: classes.tickLabel,
+          pointerEvents: "none"
+        }, getLabelTextAnchors(dx, dy, tickLabelPosition), {
+          children: formattedValue
+        }))]
+      }, index);
+    })]
+  });
+}