@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.3

package/LineChart/lineClasses.mjs

@@ -0,0 +1,23 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getLineUtilityClass(slot) {
+  return generateUtilityClass('MuiLineChart', slot);
+}
+export const lineClasses = generateUtilityClasses('MuiLineChart', ['area', 'line', 'mark', 'markAnimate', 'highlight', 'areaPlot', 'linePlot', 'markPlot']);
+export const useUtilityClasses = options => {
+  const {
+    skipAnimation,
+    classes
+  } = options ?? {};
+  const slots = {
+    area: ['area'],
+    line: ['line'],
+    mark: ['mark', !skipAnimation && 'markAnimate'],
+    highlight: ['highlight'],
+    areaPlot: ['areaPlot'],
+    linePlot: ['linePlot'],
+    markPlot: ['markPlot']
+  };
+  return composeClasses(slots, getLineUtilityClass, classes);
+};

package/LineChart/markElementClasses.d.mts

@@ -1,4 +1,8 @@
-import { type SeriesId } from "../models/seriesType/common.mjs";
+import type { MarkElementOwnerState } from "./lineClasses.mjs";
+export { type MarkElementOwnerState };
+/**
+ * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ */
 export interface MarkElementClasses {
   /** Styles applied to the root element. */
   root: string;
@@ -20,14 +24,19 @@ export interface MarkElementClasses {
    */
   series: string;
 }
+/**
+ * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ */
 export type MarkElementClassKey = keyof MarkElementClasses;
-export interface MarkElementOwnerState {
-  seriesId: SeriesId;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<MarkElementClasses>;
-  skipAnimation?: boolean;
-}
+/**
+ * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ */
 export declare function getMarkElementUtilityClass(slot: string): string;
+/**
+ * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ */
 export declare const markElementClasses: MarkElementClasses;
+/**
+ * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ */
 export declare const useUtilityClasses: (ownerState: MarkElementOwnerState) => Record<"root", string>;

package/LineChart/markElementClasses.d.ts

@@ -1,4 +1,8 @@
-import { type SeriesId } from "../models/seriesType/common.js";
+import type { MarkElementOwnerState } from "./lineClasses.js";
+export { type MarkElementOwnerState };
+/**
+ * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ */
 export interface MarkElementClasses {
   /** Styles applied to the root element. */
   root: string;
@@ -20,14 +24,19 @@ export interface MarkElementClasses {
    */
   series: string;
 }
+/**
+ * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ */
 export type MarkElementClassKey = keyof MarkElementClasses;
-export interface MarkElementOwnerState {
-  seriesId: SeriesId;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<MarkElementClasses>;
-  skipAnimation?: boolean;
-}
+/**
+ * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ */
 export declare function getMarkElementUtilityClass(slot: string): string;
+/**
+ * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ */
 export declare const markElementClasses: MarkElementClasses;
+/**
+ * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ */
 export declare const useUtilityClasses: (ownerState: MarkElementOwnerState) => Record<"root", string>;

package/LineChart/markElementClasses.js

@@ -9,10 +9,29 @@ exports.useUtilityClasses = exports.markElementClasses = void 0;
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+/**
+ * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ */
 function getMarkElementUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiMarkElement', slot);
 }
+
+/**
+ * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ */
 const markElementClasses = exports.markElementClasses = (0, _generateUtilityClasses.default)('MuiMarkElement', ['root', 'highlighted', 'faded', 'animate', 'series']);
+
+/**
+ * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ */
 const useUtilityClasses = ownerState => {
   const {
     classes,

package/LineChart/markElementClasses.mjs

@@ -1,10 +1,30 @@
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+
+/**
+ * @deprecated Use `LineClasses` from `./lineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `LineClassKey` from `./lineClasses` instead.
+ */
+
+/**
+ * @deprecated Use `getLineUtilityClass` from `./lineClasses` instead.
+ */
 export function getMarkElementUtilityClass(slot) {
   return generateUtilityClass('MuiMarkElement', slot);
 }
+
+/**
+ * @deprecated Use `lineClasses` from `./lineClasses` instead.
+ */
 export const markElementClasses = generateUtilityClasses('MuiMarkElement', ['root', 'highlighted', 'faded', 'animate', 'series']);
+
+/**
+ * @deprecated Use `useUtilityClasses` from `./lineClasses` instead.
+ */
 export const useUtilityClasses = ownerState => {
   const {
     classes,

package/LineChart/seriesConfig/legend.js

@@ -18,6 +18,7 @@ const legendGetter = params => {
     acc.push({
       type: 'line',
       markType: series[seriesId].labelMarkType,
+      markShape: series[seriesId].showMark ? series[seriesId].shape ?? 'circle' : undefined,
       seriesId,
       color: series[seriesId].color,
       label: formattedLabel

package/LineChart/seriesConfig/legend.mjs

@@ -12,6 +12,7 @@ const legendGetter = params => {
     acc.push({
       type: 'line',
       markType: series[seriesId].labelMarkType,
+      markShape: series[seriesId].showMark ? series[seriesId].shape ?? 'circle' : undefined,
       seriesId,
       color: series[seriesId].color,
       label: formattedLabel

package/LineChart/seriesConfig/seriesProcessor.js

@@ -96,7 +96,7 @@ Line plots only support numeric and null values.`);
         seriesId: id
       });
       completedSeries[id] = (0, _extends2.default)({
-        labelMarkType: 'line'
+        labelMarkType: 'line+mark'
       }, series[id], {
         data,
         valueFormatter: series[id].valueFormatter ?? lineValueFormatter,

package/LineChart/seriesConfig/seriesProcessor.mjs

@@ -89,7 +89,7 @@ Line plots only support numeric and null values.`);
         seriesId: id
       });
       completedSeries[id] = _extends({
-        labelMarkType: 'line'
+        labelMarkType: 'line+mark'
       }, series[id], {
         data,
         valueFormatter: series[id].valueFormatter ?? lineValueFormatter,

package/LineChart/seriesConfig/tooltip.js

@@ -25,7 +25,8 @@ const tooltipGetter = params => {
     label,
     value,
     formattedValue,
-    markType: series.labelMarkType
+    markType: series.labelMarkType,
+    markShape: series.showMark ? series.shape : undefined
   };
 };
 const axisTooltipGetter = series => {

package/LineChart/seriesConfig/tooltip.mjs

@@ -19,7 +19,8 @@ const tooltipGetter = params => {
     label,
     value,
     formattedValue,
-    markType: series.labelMarkType
+    markType: series.labelMarkType,
+    markShape: series.showMark ? series.shape : undefined
   };
 };
 export const axisTooltipGetter = series => {

package/PieChart/FocusedPieArc.js

@@ -10,11 +10,13 @@ exports.FocusedPieArc = FocusedPieArc;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _useFocusedItem = require("../hooks/useFocusedItem");
 var _usePieSeries = require("../hooks/usePieSeries");
 var _PieArc = require("./PieArc");
-var _useItemHighlighted = require("../hooks/useItemHighlighted");
+var _pieClasses = require("./pieClasses");
+var _useItemHighlightState = require("../hooks/useItemHighlightState");
 var _getModifiedArcProperties = require("./dataTransform/getModifiedArcProperties");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["arcLabelRadius"];
@@ -22,11 +24,11 @@ function FocusedPieArc(props) {
   const theme = (0, _styles.useTheme)();
   const focusedItem = (0, _useFocusedItem.useFocusedItem)();
   const pieSeriesLayout = (0, _usePieSeries.usePieSeriesLayout)();
-  const {
-    isHighlighted,
-    isFaded
-  } = (0, _useItemHighlighted.useItemHighlighted)(focusedItem);
+  const highlightState = (0, _useItemHighlightState.useItemHighlightState)(focusedItem);
+  const isHighlighted = highlightState === 'highlighted';
+  const isFaded = highlightState === 'faded';
   const pieSeries = (0, _usePieSeries.usePieSeriesContext)();
+  const classes = (0, _pieClasses.useUtilityClasses)();
   if (focusedItem === null || focusedItem.type !== 'pie' || !pieSeries) {
     return null;
   }
@@ -51,7 +53,7 @@ function FocusedPieArc(props) {
     skipAnimation: true,
     stroke: (theme.vars ?? theme).palette.text.primary,
     seriesId: series.id,
-    className: _PieArc.pieArcClasses.focusIndicator,
+    className: (0, _clsx.default)(classes.focusIndicator, _PieArc.pieArcClasses.focusIndicator),
     dataIndex: focusedItem.dataIndex,
     isFaded: false,
     isHighlighted: false,

package/PieChart/FocusedPieArc.mjs

@@ -4,22 +4,24 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["arcLabelRadius"];
 import * as React from 'react';
+import clsx from 'clsx';
 import { useTheme } from '@mui/material/styles';
 import { useFocusedItem } from "../hooks/useFocusedItem.mjs";
 import { usePieSeriesContext, usePieSeriesLayout } from "../hooks/usePieSeries.mjs";
 import { PieArc, pieArcClasses } from "./PieArc.mjs";
-import { useItemHighlighted } from "../hooks/useItemHighlighted.mjs";
+import { useUtilityClasses } from "./pieClasses.mjs";
+import { useItemHighlightState } from "../hooks/useItemHighlightState.mjs";
 import { getModifiedArcProperties } from "./dataTransform/getModifiedArcProperties.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FocusedPieArc(props) {
   const theme = useTheme();
   const focusedItem = useFocusedItem();
   const pieSeriesLayout = usePieSeriesLayout();
-  const {
-    isHighlighted,
-    isFaded
-  } = useItemHighlighted(focusedItem);
+  const highlightState = useItemHighlightState(focusedItem);
+  const isHighlighted = highlightState === 'highlighted';
+  const isFaded = highlightState === 'faded';
   const pieSeries = usePieSeriesContext();
+  const classes = useUtilityClasses();
   if (focusedItem === null || focusedItem.type !== 'pie' || !pieSeries) {
     return null;
   }
@@ -44,7 +46,7 @@ export function FocusedPieArc(props) {
     skipAnimation: true,
     stroke: (theme.vars ?? theme).palette.text.primary,
     seriesId: series.id,
-    className: pieArcClasses.focusIndicator,
+    className: clsx(classes.focusIndicator, pieArcClasses.focusIndicator),
     dataIndex: focusedItem.dataIndex,
     isFaded: false,
     isHighlighted: false,

package/PieChart/PieArc.d.mts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { type SeriesId } from "../models/index.mjs";
+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;
@@ -21,18 +25,17 @@ export interface PieArcClasses {
   /** Styles applied to the focus indicator element. */
   focusIndicator: string;
 }
+/**
+ * @deprecated Use `PieClassKey` from `./pieClasses` instead.
+ */
 export type PieArcClassKey = keyof PieArcClasses;
-interface PieArcOwnerState {
-  seriesId: SeriesId;
-  dataIndex: number;
-  color: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  isFocused: boolean;
-  stroke?: string;
-  classes?: Partial<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;

package/PieChart/PieArc.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { type SeriesId } from "../models/index.js";
+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;
@@ -21,18 +25,17 @@ export interface PieArcClasses {
   /** Styles applied to the focus indicator element. */
   focusIndicator: string;
 }
+/**
+ * @deprecated Use `PieClassKey` from `./pieClasses` instead.
+ */
 export type PieArcClassKey = keyof PieArcClasses;
-interface PieArcOwnerState {
-  seriesId: SeriesId;
-  dataIndex: number;
-  color: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  isFocused: boolean;
-  stroke?: string;
-  classes?: Partial<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;

package/PieChart/PieArc.js

@@ -21,12 +21,30 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 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,
@@ -42,8 +60,7 @@ const useUtilityClasses = ownerState => {
 };
 const PieArcRoot = (0, _styles.styled)('path', {
   name: 'MuiPieArc',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.arc // FIXME: Inconsistent naming with slot
+  slot: 'Root'
 })({
   transitionProperty: 'opacity, fill, filter',
   transitionDuration: `${_animation.ANIMATION_DURATION_MS}ms`,
@@ -82,7 +99,8 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     isHighlighted,
     isFocused
   };
-  const classes = useUtilityClasses(ownerState);
+  const classes = (0, _pieClasses.useUtilityClasses)(ownerState);
+  const deprecatedClasses = useUtilityClasses(ownerState);
   const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)({
     type: 'pie',
     seriesId,
@@ -102,7 +120,7 @@ const PieArc = exports.PieArc = /*#__PURE__*/React.forwardRef(function PieArc(pr
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,
-    className: (0, _clsx.default)(classes.root, className),
+    className: (0, _clsx.default)(classes.arc, deprecatedClasses.root, className),
     fill: color,
     opacity: isFaded ? 0.3 : 1,
     filter: isHighlighted ? 'brightness(120%)' : 'none',

package/PieChart/PieArc.mjs

@@ -13,11 +13,31 @@ 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,
@@ -33,8 +53,7 @@ const useUtilityClasses = ownerState => {
 };
 const PieArcRoot = styled('path', {
   name: 'MuiPieArc',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.arc // FIXME: Inconsistent naming with slot
+  slot: 'Root'
 })({
   transitionProperty: 'opacity, fill, filter',
   transitionDuration: `${ANIMATION_DURATION_MS}ms`,
@@ -73,7 +92,8 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     isHighlighted,
     isFocused
   };
-  const classes = useUtilityClasses(ownerState);
+  const classes = usePieUtilityClasses(ownerState);
+  const deprecatedClasses = useUtilityClasses(ownerState);
   const interactionProps = useInteractionItemProps({
     type: 'pie',
     seriesId,
@@ -93,7 +113,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
     onClick: onClick,
     cursor: onClick ? 'pointer' : 'unset',
     ownerState: ownerState,
-    className: clsx(classes.root, className),
+    className: clsx(classes.arc, deprecatedClasses.root, className),
     fill: color,
     opacity: isFaded ? 0.3 : 1,
     filter: isHighlighted ? 'brightness(120%)' : 'none',

package/PieChart/PieArcLabel.d.mts

@@ -1,5 +1,8 @@
 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;
@@ -13,7 +16,9 @@ export interface PieArcLabelClasses {
    * @deprecated Use `[data-faded]` selector instead.
    */
   faded: string;
-  /** Styles applied to the root element when animation is not skipped. */
+  /** 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.
@@ -21,6 +26,9 @@ export interface PieArcLabelClasses {
    */
   series: string;
 }
+/**
+ * @deprecated Use `PieClassKey` from `./pieClasses` instead.
+ */
 export type PieArcLabelClassKey = keyof PieArcLabelClasses;
 interface PieArcLabelOwnerState {
   seriesId: SeriesId;
@@ -30,7 +38,13 @@ interface PieArcLabelOwnerState {
   skipAnimation: boolean;
   classes?: Partial<PieArcLabelClasses>;
 }
+/**
+ * @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;
@@ -44,7 +58,7 @@ export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTe
   formattedArcLabel?: string | null;
   hidden?: boolean;
 };
-declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "ref" | "color"> & {
+declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "color" | "ref"> & {
   startAngle: number;
   endAngle: number;
   innerRadius: number;

package/PieChart/PieArcLabel.d.ts

@@ -1,5 +1,8 @@
 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;
@@ -13,7 +16,9 @@ export interface PieArcLabelClasses {
    * @deprecated Use `[data-faded]` selector instead.
    */
   faded: string;
-  /** Styles applied to the root element when animation is not skipped. */
+  /** 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.
@@ -21,6 +26,9 @@ export interface PieArcLabelClasses {
    */
   series: string;
 }
+/**
+ * @deprecated Use `PieClassKey` from `./pieClasses` instead.
+ */
 export type PieArcLabelClassKey = keyof PieArcLabelClasses;
 interface PieArcLabelOwnerState {
   seriesId: SeriesId;
@@ -30,7 +38,13 @@ interface PieArcLabelOwnerState {
   skipAnimation: boolean;
   classes?: Partial<PieArcLabelClasses>;
 }
+/**
+ * @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;
@@ -44,7 +58,7 @@ export type PieArcLabelProps = PieArcLabelOwnerState & Omit<React.SVGProps<SVGTe
   formattedArcLabel?: string | null;
   hidden?: boolean;
 };
-declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "ref" | "color"> & {
+declare const PieArcLabel: React.ForwardRefExoticComponent<PieArcLabelOwnerState & Omit<React.SVGProps<SVGTextElement>, "color" | "ref"> & {
   startAngle: number;
   endAngle: number;
   innerRadius: number;