@mui/x-charts 8.11.0 → 8.11.1

package/CHANGELOG.md

@@ -5,6 +5,80 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.11.1
+
+_Sep 4, 2025_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+Special thanks go out to the community members for their valuable contributions:
+@sai6855
+
+The following are all team members who have contributed to this release:
+@brijeshb42, @flaviendelangle, @JCQuintas, @mapache-salvaje, @oliviertassinari
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.11.1`
+
+- [DataGrid] Refine types in `GridCell` component (#19384) @sai6855
+
+#### `@mui/x-data-grid-pro@8.11.1` [![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@8.11.1`.
+
+#### `@mui/x-data-grid-premium@8.11.1` [![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@8.11.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.11.1`
+
+- [pickers] Merge `slotProps` for input adornment in `PickerFieldUI` component (#19399) @sai6855
+
+#### `@mui/x-date-pickers-pro@8.11.1` [![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@8.11.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.11.1`
+
+- [charts] Prevent crash and warn user on incorrect `axisId` when composing (#19397) @JCQuintas
+
+#### `@mui/x-charts-pro@8.11.1` [![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@8.11.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.11.1`
+
+- [tree view] Expose the methods to manually refetch the children of an item (#19248) @flaviendelangle
+- [tree view] Use the shared store implementation instead of the custom one (#19261) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.11.1` [![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@8.11.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.11.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix grammar and spelling mistakes on the Date and Time Pickers pages (#19300) @mapache-salvaje
+- [docs] Remove wrong legend info (#19383) @JCQuintas
+
+### Core
+
+- [internal] Fix action alert (#19388) @oliviertassinari
+- [internal] Fix pnpm valelint to have 0 errors @oliviertassinari
+- [infra] Remove "main" fields from publishable packages (#19407) @brijeshb42
+
 ## 8.11.0
 
 _Aug 29, 2025_

package/ChartsXAxis/ChartsXAxis.d.ts

@@ -9,7 +9,7 @@ import { ChartsXAxisProps } from "../models/axis.js";
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): React.JSX.Element;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/ChartsXAxis/ChartsXAxis.js

@@ -10,6 +10,7 @@ exports.ChartsXAxis = ChartsXAxis;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _warning = require("@mui/x-internals/warning");
 var _useAxis = require("../hooks/useAxis");
 var _ChartsSingleXAxis = require("./ChartsSingleXAxis");
 var _ChartsGroupedXAxis = require("./ChartsGroupedXAxis");
@@ -28,6 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
     xAxisIds
   } = (0, _useAxis.useXAxes)();
   const axis = xAxis[inProps.axisId ?? xAxisIds[0]];
+  if (!axis) {
+    (0, _warning.warnOnce)(`MUI X Charts: No axis found. The axisId "${inProps.axisId}" is probably invalid.`);
+    return null;
+  }
   if ('groups' in axis && Array.isArray(axis.groups)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedXAxis.ChartsGroupedXAxis, (0, _extends2.default)({}, inProps));
   }

package/ChartsXAxis/useAxisProps.d.ts

@@ -3446,7 +3446,7 @@ export declare const useAxisProps: (inProps: ChartsXAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
@@ -3937,7 +3937,7 @@ export declare const useAxisProps: (inProps: ChartsXAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;

package/ChartsYAxis/ChartsYAxis.d.ts

@@ -9,7 +9,7 @@ import { ChartsYAxisProps } from "../models/axis.js";
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): React.JSX.Element;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): React.JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/ChartsYAxis/ChartsYAxis.js

@@ -10,6 +10,7 @@ exports.ChartsYAxis = ChartsYAxis;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _warning = require("@mui/x-internals/warning");
 var _useAxis = require("../hooks/useAxis");
 var _ChartsSingleYAxis = require("./ChartsSingleYAxis");
 var _ChartsGroupedYAxis = require("./ChartsGroupedYAxis");
@@ -28,6 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
     yAxisIds
   } = (0, _useAxis.useYAxes)();
   const axis = yAxis[inProps.axisId ?? yAxisIds[0]];
+  if (!axis) {
+    (0, _warning.warnOnce)(`MUI X Charts: No axis found. The axisId "${inProps.axisId}" is probably invalid.`);
+    return null;
+  }
   if ('groups' in axis && Array.isArray(axis.groups)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedYAxis.ChartsGroupedYAxis, (0, _extends2.default)({}, inProps));
   }

package/ChartsYAxis/useAxisProps.d.ts

@@ -3365,7 +3365,7 @@ export declare const useAxisProps: (inProps: ChartsYAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
@@ -3856,7 +3856,7 @@ export declare const useAxisProps: (inProps: ChartsYAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;

package/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -12,11 +12,11 @@ export interface RadarAxisProps extends UseRadarAxisParams {
   /**
    * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
    */
-  textAnchor?: string | ((angle: number) => string);
+  textAnchor?: React.SVGProps<SVGTextElement>['textAnchor'] | ((angle: number) => React.SVGProps<SVGTextElement>['textAnchor']);
   /**
    * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
    */
-  dominantBaseline?: string | ((angle: number) => string);
+  dominantBaseline?: React.SVGProps<SVGTextElement>['dominantBaseline'] | ((angle: number) => React.SVGProps<SVGTextElement>['dominantBaseline']);
   /**
    * Override or extend the styles applied to the component.
    */

package/RadarChart/RadarAxis/RadarAxis.js

@@ -81,7 +81,7 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
    */
-  dominantBaseline: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  dominantBaseline: _propTypes.default.oneOfType([_propTypes.default.oneOf(['alphabetic', 'auto', 'central', 'hanging', 'ideographic', 'inherit', 'mathematical', 'middle', 'no-change', 'reset-size', 'text-after-edge', 'text-before-edge', 'use-script']), _propTypes.default.func]),
   /**
    * Defines how label align with the axis.
    * - 'horizontal': labels stay horizontal and their placement change with the axis angle.
@@ -97,5 +97,5 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
    */
-  textAnchor: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
+  textAnchor: _propTypes.default.oneOfType([_propTypes.default.oneOf(['end', 'inherit', 'middle', 'start']), _propTypes.default.func])
 } : void 0;

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

@@ -7,14 +7,14 @@ interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelO
 export declare function getLabelAttributes(params: GetLabelAttributesParams): {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform?: undefined;
 } | {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform: string;
 };
 export {};

package/RadarChart/RadarAxis/RadarAxis.utils.js

@@ -25,12 +25,12 @@ function getTextAnchor(angle) {
 }
 function getDominantBaseline(angle) {
   if (angle < 160) {
-    return 'baseline';
+    return 'auto';
   }
   if (angle < 360 - 20) {
     return 'hanging';
   }
-  return 'baseline';
+  return 'auto';
 }
 const LABEL_MARGIN = 2;
 function getLabelAttributes(params) {
@@ -43,7 +43,7 @@ function getLabelAttributes(params) {
     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;
+    const marginY = dominantBaseline === 'auto' ? -LABEL_MARGIN : LABEL_MARGIN;
     return {
       x: x + marginX,
       y: y + marginY,
@@ -55,7 +55,7 @@ function getLabelAttributes(params) {
   // 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';
+  const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'auto';
   return {
     x,
     y,

package/esm/ChartsXAxis/ChartsXAxis.d.ts

@@ -9,7 +9,7 @@ import { ChartsXAxisProps } from "../models/axis.js";
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): React.JSX.Element;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/esm/ChartsXAxis/ChartsXAxis.js

@@ -3,6 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { warnOnce } from '@mui/x-internals/warning';
 import { useXAxes } from "../hooks/useAxis.js";
 import { ChartsSingleXAxis } from "./ChartsSingleXAxis.js";
 import { ChartsGroupedXAxis } from "./ChartsGroupedXAxis.js";
@@ -23,6 +24,10 @@ function ChartsXAxis(inProps) {
     xAxisIds
   } = useXAxes();
   const axis = xAxis[inProps.axisId ?? xAxisIds[0]];
+  if (!axis) {
+    warnOnce(`MUI X Charts: No axis found. The axisId "${inProps.axisId}" is probably invalid.`);
+    return null;
+  }
   if ('groups' in axis && Array.isArray(axis.groups)) {
     return /*#__PURE__*/_jsx(ChartsGroupedXAxis, _extends({}, inProps));
   }

package/esm/ChartsXAxis/useAxisProps.d.ts

@@ -3446,7 +3446,7 @@ export declare const useAxisProps: (inProps: ChartsXAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
@@ -3937,7 +3937,7 @@ export declare const useAxisProps: (inProps: ChartsXAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;

package/esm/ChartsYAxis/ChartsYAxis.d.ts

@@ -9,7 +9,7 @@ import { ChartsYAxisProps } from "../models/axis.js";
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): React.JSX.Element;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): React.JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/esm/ChartsYAxis/ChartsYAxis.js

@@ -3,6 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import { warnOnce } from '@mui/x-internals/warning';
 import { useYAxes } from "../hooks/useAxis.js";
 import { ChartsSingleYAxis } from "./ChartsSingleYAxis.js";
 import { ChartsGroupedYAxis } from "./ChartsGroupedYAxis.js";
@@ -23,6 +24,10 @@ function ChartsYAxis(inProps) {
     yAxisIds
   } = useYAxes();
   const axis = yAxis[inProps.axisId ?? yAxisIds[0]];
+  if (!axis) {
+    warnOnce(`MUI X Charts: No axis found. The axisId "${inProps.axisId}" is probably invalid.`);
+    return null;
+  }
   if ('groups' in axis && Array.isArray(axis.groups)) {
     return /*#__PURE__*/_jsx(ChartsGroupedYAxis, _extends({}, inProps));
   }

package/esm/ChartsYAxis/useAxisProps.d.ts

@@ -3365,7 +3365,7 @@ export declare const useAxisProps: (inProps: ChartsYAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
@@ -3856,7 +3856,7 @@ export declare const useAxisProps: (inProps: ChartsYAxisProps) => {
     strokeMiterlimit?: number | string | undefined | undefined;
     strokeOpacity?: number | string | undefined | undefined;
     strokeWidth?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
+    textAnchor?: "start" | "middle" | "end" | "inherit" | undefined | undefined;
     vectorEffect?: number | string | undefined | undefined;
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;

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

@@ -12,11 +12,11 @@ export interface RadarAxisProps extends UseRadarAxisParams {
   /**
    * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
    */
-  textAnchor?: string | ((angle: number) => string);
+  textAnchor?: React.SVGProps<SVGTextElement>['textAnchor'] | ((angle: number) => React.SVGProps<SVGTextElement>['textAnchor']);
   /**
    * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
    */
-  dominantBaseline?: string | ((angle: number) => string);
+  dominantBaseline?: React.SVGProps<SVGTextElement>['dominantBaseline'] | ((angle: number) => React.SVGProps<SVGTextElement>['dominantBaseline']);
   /**
    * Override or extend the styles applied to the component.
    */

package/esm/RadarChart/RadarAxis/RadarAxis.js

@@ -73,7 +73,7 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * 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]),
+  dominantBaseline: PropTypes.oneOfType([PropTypes.oneOf(['alphabetic', 'auto', 'central', 'hanging', 'ideographic', 'inherit', 'mathematical', 'middle', 'no-change', 'reset-size', 'text-after-edge', 'text-before-edge', 'use-script']), PropTypes.func]),
   /**
    * Defines how label align with the axis.
    * - 'horizontal': labels stay horizontal and their placement change with the axis angle.
@@ -89,6 +89,6 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * 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])
+  textAnchor: PropTypes.oneOfType([PropTypes.oneOf(['end', 'inherit', 'middle', 'start']), PropTypes.func])
 } : void 0;
 export { RadarAxis };

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

@@ -7,14 +7,14 @@ interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelO
 export declare function getLabelAttributes(params: GetLabelAttributesParams): {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform?: undefined;
 } | {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform: string;
 };
 export {};

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

@@ -19,12 +19,12 @@ function getTextAnchor(angle) {
 }
 function getDominantBaseline(angle) {
   if (angle < 160) {
-    return 'baseline';
+    return 'auto';
   }
   if (angle < 360 - 20) {
     return 'hanging';
   }
-  return 'baseline';
+  return 'auto';
 }
 const LABEL_MARGIN = 2;
 export function getLabelAttributes(params) {
@@ -37,7 +37,7 @@ export function getLabelAttributes(params) {
     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;
+    const marginY = dominantBaseline === 'auto' ? -LABEL_MARGIN : LABEL_MARGIN;
     return {
       x: x + marginX,
       y: y + marginY,
@@ -49,7 +49,7 @@ export function getLabelAttributes(params) {
   // 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';
+  const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'auto';
   return {
     x,
     y,

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.11.0
+ * @mui/x-charts v8.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/getWordsByLines.d.ts

@@ -1,4 +1,5 @@
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto' | 'text-after-edge' | 'text-before-edge';
+export type ChartsTextAnchor = 'start' | 'middle' | 'end';
 export interface ChartsTextStyle extends React.CSSProperties {
   angle?: number;
   /**
@@ -6,6 +7,11 @@ export interface ChartsTextStyle extends React.CSSProperties {
    * @default 'central'
    */
   dominantBaseline?: ChartsTextBaseline;
+  /**
+   * The text anchor
+   * @default 'middle'
+   */
+  textAnchor?: ChartsTextAnchor;
 }
 export interface GetWordsByLinesParams {
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.11.0
+ * @mui/x-charts v8.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/getWordsByLines.d.ts

@@ -1,4 +1,5 @@
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto' | 'text-after-edge' | 'text-before-edge';
+export type ChartsTextAnchor = 'start' | 'middle' | 'end';
 export interface ChartsTextStyle extends React.CSSProperties {
   angle?: number;
   /**
@@ -6,6 +7,11 @@ export interface ChartsTextStyle extends React.CSSProperties {
    * @default 'central'
    */
   dominantBaseline?: ChartsTextBaseline;
+  /**
+   * The text anchor
+   * @default 'middle'
+   */
+  textAnchor?: ChartsTextAnchor;
 }
 export interface GetWordsByLinesParams {
   /**

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.11.0",
+  "version": "8.11.1",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
-  "main": "./index.js",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
@@ -35,9 +34,9 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-charts-vendor": "8.11.0",
     "@mui/x-internal-gestures": "0.2.5",
-    "@mui/x-internals": "8.11.0"
+    "@mui/x-charts-vendor": "8.11.0",
+    "@mui/x-internals": "8.11.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -59,27 +58,28 @@
     "node": ">=14.0.0"
   },
   "type": "commonjs",
+  "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
+      },
+      "default": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
       }
     },
     "./*": {
-      "import": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
-      },
       "require": {
         "types": "./*/index.d.ts",
         "default": "./*/index.js"
+      },
+      "default": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
       }
     },
     "./esm": null