@mui/x-charts 9.0.0-alpha.3 → 9.0.0-beta.0

package/PieChart/PieArc.d.mts

@@ -1,42 +1,5 @@
 import * as React from 'react';
 import { type PieArcOwnerState } from "./pieClasses.mjs";
-export { type PieArcOwnerState };
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-export interface PieArcClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /**
-   * Styles applied to the root element when highlighted.
-   * @deprecated Use `[data-highlighted]` selector instead.
-   */
-  highlighted: string;
-  /**
-   * Styles applied to the root element when faded.
-   * @deprecated Use `[data-faded]` selector instead.
-   */
-  faded: string;
-  /**
-   * Styles applied to the root element for a specified series.
-   * Needs to be suffixed with the series ID: `.${pieArcClasses.series}-${seriesId}`.
-   */
-  series: string;
-  /** Styles applied to the focus indicator element. */
-  focusIndicator: string;
-}
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-export type PieArcClassKey = keyof PieArcClasses;
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export declare function getPieArcUtilityClass(slot: string): string;
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export declare const pieArcClasses: PieArcClasses;
 export type PieArcProps = Omit<React.SVGProps<SVGPathElement>, 'ref'> & PieArcOwnerState & {
   cornerRadius: number;
   endAngle: number;

package/PieChart/PieArc.d.ts

@@ -1,42 +1,5 @@
 import * as React from 'react';
 import { type PieArcOwnerState } from "./pieClasses.js";
-export { type PieArcOwnerState };
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-export interface PieArcClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /**
-   * Styles applied to the root element when highlighted.
-   * @deprecated Use `[data-highlighted]` selector instead.
-   */
-  highlighted: string;
-  /**
-   * Styles applied to the root element when faded.
-   * @deprecated Use `[data-faded]` selector instead.
-   */
-  faded: string;
-  /**
-   * Styles applied to the root element for a specified series.
-   * Needs to be suffixed with the series ID: `.${pieArcClasses.series}-${seriesId}`.
-   */
-  series: string;
-  /** Styles applied to the focus indicator element. */
-  focusIndicator: string;
-}
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-export type PieArcClassKey = keyof PieArcClasses;
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export declare function getPieArcUtilityClass(slot: string): string;
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export declare const pieArcClasses: PieArcClasses;
 export type PieArcProps = Omit<React.SVGProps<SVGPathElement>, 'ref'> & PieArcOwnerState & {
   cornerRadius: number;
   endAngle: number;

package/PieChart/PieArc.js

@@ -7,57 +7,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PieArc = void 0;
-exports.getPieArcUtilityClass = getPieArcUtilityClass;
-exports.pieArcClasses = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _hooks = require("../hooks");
 var _animation = require("../internals/animation/animation");
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
 var _pieClasses = require("./pieClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes", "color", "dataIndex", "seriesId", "isFaded", "isHighlighted", "isFocused", "onClick", "cornerRadius", "startAngle", "endAngle", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "stroke", "skipInteraction"];
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-function getPieArcUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPieArc', slot);
-}
-
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-const pieArcClasses = exports.pieArcClasses = (0, _generateUtilityClasses.default)('MuiPieArc', ['root', 'highlighted', 'faded', 'series', 'focusIndicator']);
-
-/**
- * @deprecated Use `useUtilityClasses` from `./pieClasses` instead.
- */
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted,
-    dataIndex
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, `data-index-${dataIndex}`, isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return (0, _composeClasses.default)(slots, getPieArcUtilityClass, classes);
-};
 const PieArcRoot = (0, _styles.styled)('path', {
   name: 'MuiPieArc',
   slot: 'Root'
@@ -84,8 +45,7 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
       outerRadius,
       paddingAngle,
       skipAnimation,
-      stroke: strokeProp,
-      skipInteraction
+      stroke: strokeProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _styles.useTheme)();
@@ -100,12 +60,11 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     isFocused
   };
   const classes = (0, _pieClasses.useUtilityClasses)(ownerState);
-  const deprecatedClasses = useUtilityClasses(ownerState);
   const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)({
     type: 'pie',
     seriesId,
     dataIndex
-  }, skipInteraction);
+  });
   const animatedProps = (0, _hooks.useAnimatePieArc)({
     cornerRadius,
     startAngle,
@@ -120,7 +79,7 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,
-    className: (0, _clsx.default)(classes.arc, deprecatedClasses.root, className),
+    className: (0, _clsx.default)(classes.arc, className),
     fill: color,
     opacity: isFaded ? 0.3 : 1,
     filter: isHighlighted ? 'brightness(120%)' : 'none',
@@ -128,7 +87,8 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     strokeWidth: 1,
     strokeLinejoin: "round",
     "data-highlighted": isHighlighted || undefined,
-    "data-faded": isFaded || undefined
+    "data-faded": isFaded || undefined,
+    "data-index": dataIndex
   }, other, interactionProps, animatedProps));
 });
 if (process.env.NODE_ENV !== "production") PieArc.displayName = "PieArc";

package/PieChart/PieArc.mjs

@@ -6,51 +6,12 @@ const _excluded = ["className", "classes", "color", "dataIndex", "seriesId", "is
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { styled, useTheme } from '@mui/material/styles';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import { useAnimatePieArc } from "../hooks/index.mjs";
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.mjs";
 import { useInteractionItemProps } from "../hooks/useInteractionItemProps.mjs";
 import { useUtilityClasses as usePieUtilityClasses } from "./pieClasses.mjs";
-
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export function getPieArcUtilityClass(slot) {
-  return generateUtilityClass('MuiPieArc', slot);
-}
-
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export const pieArcClasses = generateUtilityClasses('MuiPieArc', ['root', 'highlighted', 'faded', 'series', 'focusIndicator']);
-
-/**
- * @deprecated Use `useUtilityClasses` from `./pieClasses` instead.
- */
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted,
-    dataIndex
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, `data-index-${dataIndex}`, isHighlighted && 'highlighted', isFaded && 'faded']
-  };
-  return composeClasses(slots, getPieArcUtilityClass, classes);
-};
 const PieArcRoot = styled('path', {
   name: 'MuiPieArc',
   slot: 'Root'
@@ -77,8 +38,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
       outerRadius,
       paddingAngle,
       skipAnimation,
-      stroke: strokeProp,
-      skipInteraction
+      stroke: strokeProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const theme = useTheme();
@@ -93,12 +53,11 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     isFocused
   };
   const classes = usePieUtilityClasses(ownerState);
-  const deprecatedClasses = useUtilityClasses(ownerState);
   const interactionProps = useInteractionItemProps({
     type: 'pie',
     seriesId,
     dataIndex
-  }, skipInteraction);
+  });
   const animatedProps = useAnimatePieArc({
     cornerRadius,
     startAngle,
@@ -113,7 +72,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,
-    className: clsx(classes.arc, deprecatedClasses.root, className),
+    className: clsx(classes.arc, className),
     fill: color,
     opacity: isFaded ? 0.3 : 1,
     filter: isHighlighted ? 'brightness(120%)' : 'none',
@@ -121,7 +80,8 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     strokeWidth: 1,
     strokeLinejoin: "round",
     "data-highlighted": isHighlighted || undefined,
-    "data-faded": isFaded || undefined
+    "data-faded": isFaded || undefined,
+    "data-index": dataIndex
   }, other, interactionProps, animatedProps));
 });
 if (process.env.NODE_ENV !== "production") PieArc.displayName = "PieArc";

package/PieChart/PieArcLabel.d.mts

@@ -1,56 +1,17 @@
 import * as React from 'react';
 import { type SeriesId } from "../models/index.mjs";
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-export interface PieArcLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /**
-   * Styles applied to the root element when highlighted.
-   * @deprecated Use `[data-highlighted]` selector instead.
-   */
-  highlighted: string;
-  /**
-   * Styles applied to the root element when faded.
-   * @deprecated Use `[data-faded]` selector instead.
-   */
-  faded: string;
-  /** Styles applied to the root element when animation is not skipped.
-   * @deprecated Use the `animate` class from `./pieClasses` instead.
-   */
-  animate: string;
-  /**
-   * Styles applied to the root element for a specified series.
-   * Needs to be suffixed with the series ID: `.${pieArcLabelClasses.series}-${seriesId}`.
-   */
-  series: string;
-}
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-export type PieArcLabelClassKey = keyof PieArcLabelClasses;
+import { type PieClasses } from "./pieClasses.mjs";
 interface PieArcLabelOwnerState {
   seriesId: SeriesId;
   color: string;
   isFaded: boolean;
   isHighlighted: boolean;
   skipAnimation: boolean;
-  classes?: Partial<PieArcLabelClasses>;
+  classes?: Partial<PieClasses>;
 }
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export declare function getPieArcLabelUtilityClass(slot: string): string;
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export declare const pieArcLabelClasses: PieArcLabelClasses;
 export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, 'ref' | 'color'> & {
   startAngle: number;
   endAngle: number;
-  innerRadius: number;
-  outerRadius: number;
   arcLabelRadius: number;
   cornerRadius: number;
   paddingAngle: number;
@@ -61,8 +22,6 @@ export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTe
 declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "color" | "ref"> & {
   startAngle: number;
   endAngle: number;
-  innerRadius: number;
-  outerRadius: number;
   arcLabelRadius: number;
   cornerRadius: number;
   paddingAngle: number;

package/PieChart/PieArcLabel.d.ts

@@ -1,56 +1,17 @@
 import * as React from 'react';
 import { type SeriesId } from "../models/index.js";
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-export interface PieArcLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /**
-   * Styles applied to the root element when highlighted.
-   * @deprecated Use `[data-highlighted]` selector instead.
-   */
-  highlighted: string;
-  /**
-   * Styles applied to the root element when faded.
-   * @deprecated Use `[data-faded]` selector instead.
-   */
-  faded: string;
-  /** Styles applied to the root element when animation is not skipped.
-   * @deprecated Use the `animate` class from `./pieClasses` instead.
-   */
-  animate: string;
-  /**
-   * Styles applied to the root element for a specified series.
-   * Needs to be suffixed with the series ID: `.${pieArcLabelClasses.series}-${seriesId}`.
-   */
-  series: string;
-}
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-export type PieArcLabelClassKey = keyof PieArcLabelClasses;
+import { type PieClasses } from "./pieClasses.js";
 interface PieArcLabelOwnerState {
   seriesId: SeriesId;
   color: string;
   isFaded: boolean;
   isHighlighted: boolean;
   skipAnimation: boolean;
-  classes?: Partial<PieArcLabelClasses>;
+  classes?: Partial<PieClasses>;
 }
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export declare function getPieArcLabelUtilityClass(slot: string): string;
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export declare const pieArcLabelClasses: PieArcLabelClasses;
 export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, 'ref' | 'color'> & {
   startAngle: number;
   endAngle: number;
-  innerRadius: number;
-  outerRadius: number;
   arcLabelRadius: number;
   cornerRadius: number;
   paddingAngle: number;
@@ -61,8 +22,6 @@ export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTe
 declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "color" | "ref"> & {
   startAngle: number;
   endAngle: number;
-  innerRadius: number;
-  outerRadius: number;
   arcLabelRadius: number;
   cornerRadius: number;
   paddingAngle: number;

package/PieChart/PieArcLabel.js

@@ -7,56 +7,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PieArcLabel = void 0;
-exports.getPieArcLabelUtilityClass = getPieArcLabelUtilityClass;
-exports.pieArcLabelClasses = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _animation = require("../internals/animation/animation");
 var _useAnimatePieArcLabel = require("../hooks/animation/useAnimatePieArcLabel");
 var _pieClasses = require("./pieClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["seriesId", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "skipAnimation", "hidden", "className"];
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-function getPieArcLabelUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPieArcLabel', slot);
-}
-
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-const pieArcLabelClasses = exports.pieArcLabelClasses = (0, _generateUtilityClasses.default)('MuiPieArcLabel', ['root', 'highlighted', 'faded', 'animate', 'series']);
-
-/**
- * @deprecated Use `useUtilityClasses` from `./pieClasses` instead.
- */
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted,
-    skipAnimation
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, isHighlighted && 'highlighted', isFaded && 'faded', !skipAnimation && 'animate']
-  };
-  return (0, _composeClasses.default)(slots, getPieArcLabelUtilityClass, classes);
-};
+const _excluded = ["seriesId", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "skipAnimation", "hidden", "className"];
 const PieArcLabelRoot = (0, _styles.styled)('text', {
   name: 'MuiPieArcLabel',
   slot: 'Root'
@@ -109,19 +70,17 @@ const PieArcLabel = exports.PieArcLabel = /*#__PURE__*/React.forwardRef(function
     skipAnimation
   };
   const classes = (0, _pieClasses.useUtilityClasses)(ownerState);
-  const deprecatedClasses = useUtilityClasses(ownerState);
   const animatedProps = (0, _useAnimatePieArcLabel.useAnimatePieArcLabel)({
     cornerRadius,
     startAngle,
     endAngle,
-    innerRadius: arcLabelRadius,
-    outerRadius: arcLabelRadius,
+    arcLabelRadius,
     paddingAngle,
     skipAnimation,
     ref
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PieArcLabelRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.arcLabel, deprecatedClasses.root, className),
+    className: (0, _clsx.default)(classes.arcLabel, className),
     "data-highlighted": isHighlighted || undefined,
     "data-faded": isFaded || undefined
   }, other, animatedProps, {
@@ -142,10 +101,8 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   endAngle: _propTypes.default.number.isRequired,
   formattedArcLabel: _propTypes.default.string,
   hidden: _propTypes.default.bool,
-  innerRadius: _propTypes.default.number.isRequired,
   isFaded: _propTypes.default.bool.isRequired,
   isHighlighted: _propTypes.default.bool.isRequired,
-  outerRadius: _propTypes.default.number.isRequired,
   paddingAngle: _propTypes.default.number.isRequired,
   seriesId: _propTypes.default.string.isRequired,
   skipAnimation: _propTypes.default.bool.isRequired,

package/PieChart/PieArcLabel.mjs

@@ -2,54 +2,15 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "innerRadius", "outerRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "skipAnimation", "hidden", "className"];
+const _excluded = ["seriesId", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "skipAnimation", "hidden", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { styled } from '@mui/material/styles';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.mjs";
 import { useAnimatePieArcLabel } from "../hooks/animation/useAnimatePieArcLabel.mjs";
-import { pieClasses, useUtilityClasses as usePieUtilityClasses } from "./pieClasses.mjs";
-
-/**
- * @deprecated Use `PieClasses` from `./pieClasses` instead.
- */
-
-/**
- * @deprecated Use `PieClassKey` from `./pieClasses` instead.
- */
+import { pieClasses, useUtilityClasses } from "./pieClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @deprecated Use `getPieUtilityClass` from `./pieClasses` instead.
- */
-export function getPieArcLabelUtilityClass(slot) {
-  return generateUtilityClass('MuiPieArcLabel', slot);
-}
-
-/**
- * @deprecated Use `pieClasses` from `./pieClasses` instead.
- */
-export const pieArcLabelClasses = generateUtilityClasses('MuiPieArcLabel', ['root', 'highlighted', 'faded', 'animate', 'series']);
-
-/**
- * @deprecated Use `useUtilityClasses` from `./pieClasses` instead.
- */
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    seriesId,
-    isFaded,
-    isHighlighted,
-    skipAnimation
-  } = ownerState;
-  const slots = {
-    root: ['root', `series-${seriesId}`, isHighlighted && 'highlighted', isFaded && 'faded', !skipAnimation && 'animate']
-  };
-  return composeClasses(slots, getPieArcLabelUtilityClass, classes);
-};
 const PieArcLabelRoot = styled('text', {
   name: 'MuiPieArcLabel',
   slot: 'Root'
@@ -101,20 +62,18 @@ const PieArcLabel = /*#__PURE__*/React.forwardRef(function PieArcLabel(props, re
     isHighlighted,
     skipAnimation
   };
-  const classes = usePieUtilityClasses(ownerState);
-  const deprecatedClasses = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(ownerState);
   const animatedProps = useAnimatePieArcLabel({
     cornerRadius,
     startAngle,
     endAngle,
-    innerRadius: arcLabelRadius,
-    outerRadius: arcLabelRadius,
+    arcLabelRadius,
     paddingAngle,
     skipAnimation,
     ref
   });
   return /*#__PURE__*/_jsx(PieArcLabelRoot, _extends({
-    className: clsx(classes.arcLabel, deprecatedClasses.root, className),
+    className: clsx(classes.arcLabel, className),
     "data-highlighted": isHighlighted || undefined,
     "data-faded": isFaded || undefined
   }, other, animatedProps, {
@@ -135,10 +94,8 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
   endAngle: PropTypes.number.isRequired,
   formattedArcLabel: PropTypes.string,
   hidden: PropTypes.bool,
-  innerRadius: PropTypes.number.isRequired,
   isFaded: PropTypes.bool.isRequired,
   isHighlighted: PropTypes.bool.isRequired,
-  outerRadius: PropTypes.number.isRequired,
   paddingAngle: PropTypes.number.isRequired,
   seriesId: PropTypes.string.isRequired,
   skipAnimation: PropTypes.bool.isRequired,

package/PieChart/PieArcLabelPlot.js

@@ -83,8 +83,6 @@ function PieArcLabelPlot(props) {
       startAngle: item.startAngle,
       endAngle: item.endAngle,
       paddingAngle: item.paddingAngle,
-      innerRadius: item.innerRadius,
-      outerRadius: item.outerRadius,
       arcLabelRadius: item.arcLabelRadius,
       cornerRadius: item.cornerRadius,
       hidden: item.hidden,

package/PieChart/PieArcLabelPlot.mjs

@@ -76,8 +76,6 @@ function PieArcLabelPlot(props) {
       startAngle: item.startAngle,
       endAngle: item.endAngle,
       paddingAngle: item.paddingAngle,
-      innerRadius: item.innerRadius,
-      outerRadius: item.outerRadius,
       arcLabelRadius: item.arcLabelRadius,
       cornerRadius: item.cornerRadius,
       hidden: item.hidden,

package/PieChart/PieChart.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type MakeOptional } from '@mui/x-internals/types';
 import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.mjs";
 import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.mjs";
-import { type ChartContainerProps } from "../ChartContainer/index.mjs";
+import { type ChartsContainerProps } from "../ChartsContainer/index.mjs";
 import { type PieSeriesType } from "../models/seriesType/index.mjs";
 import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.mjs";
 import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.mjs";
@@ -13,7 +13,7 @@ import { type PieChartPluginSignatures } from "./PieChart.plugins.mjs";
 export interface PieChartSlots extends PiePlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots<'item' | 'none'>, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface PieChartSlotProps extends PiePlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps<'item' | 'none'>, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
 export type PieSeries = MakeOptional<PieSeriesType<MakeOptional<PieValueType, 'id'>>, 'type'>;
-export interface PieChartProps extends Omit<ChartContainerProps<'pie', PieChartPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
+export interface PieChartProps extends Omit<ChartsContainerProps<'pie', PieChartPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
   /**
    * The series to display in the pie chart.
    * An array of [[PieSeries]] objects.

package/PieChart/PieChart.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type MakeOptional } from '@mui/x-internals/types';
 import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
 import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
-import { type ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsContainerProps } from "../ChartsContainer/index.js";
 import { type PieSeriesType } from "../models/seriesType/index.js";
 import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
 import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.js";
@@ -13,7 +13,7 @@ import { type PieChartPluginSignatures } from "./PieChart.plugins.js";
 export interface PieChartSlots extends PiePlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots<'item' | 'none'>, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface PieChartSlotProps extends PiePlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps<'item' | 'none'>, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
 export type PieSeries = MakeOptional<PieSeriesType<MakeOptional<PieValueType, 'id'>>, 'type'>;
-export interface PieChartProps extends Omit<ChartContainerProps<'pie', PieChartPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
+export interface PieChartProps extends Omit<ChartsContainerProps<'pie', PieChartPluginSignatures>, 'series' | 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<PiePlotProps, 'skipAnimation'> {
   /**
    * The series to display in the pie chart.
    * An array of [[PieSeries]] objects.