@mui/x-charts 9.9.0 → 9.10.0

package/BarChart/barClasses.d.mts

@@ -29,4 +29,4 @@ export interface UseUtilityClassesOptions {
   skipAnimation?: boolean;
   classes?: Partial<BarClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "label" | "series" | "seriesLabels" | "element", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"element" | "label" | "root" | "series" | "seriesLabels", string>;

package/BarChart/barClasses.d.ts

@@ -29,4 +29,4 @@ export interface UseUtilityClassesOptions {
   skipAnimation?: boolean;
   classes?: Partial<BarClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "label" | "series" | "seriesLabels" | "element", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"element" | "label" | "root" | "series" | "seriesLabels", string>;

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

@@ -2,22 +2,22 @@ import type { AllSeriesType } from "../../../models/seriesType/index.mjs";
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'bar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;
-  type: "bar";
-  barLabelPlacement?: "center" | "outside";
+  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);
+  type: 'bar';
+  barLabelPlacement?: 'center' | 'outside';
   stackOffset?: import("../../../index.mjs").StackOffsetType;
+  colorGetter?: ((data: import("../../../internals/index.mjs").ColorCallbackValue<number | null>) => string) | undefined;
   valueFormatter?: import("../../../internals/index.mjs").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.mjs").CommonHighlightScope | undefined;
   labelMarkType?: import("../../../internals/index.mjs").ChartsLabelMarkType;
-  colorGetter?: ((data: import("../../../internals/index.mjs").ColorCallbackValue<number | null>) => string) | undefined;
   xAxisId?: import("../../../internals/index.mjs").AxisId;
   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

@@ -2,22 +2,22 @@ import type { AllSeriesType } from "../../../models/seriesType/index.js";
 export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'bar'>, seriesIndex: number, colors: readonly string[]): {
   id: string;
   color: string;
-  type: "bar";
-  barLabelPlacement?: "center" | "outside";
+  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);
+  type: 'bar';
+  barLabelPlacement?: 'center' | 'outside';
   stackOffset?: import("../../../index.js").StackOffsetType;
+  colorGetter?: ((data: import("../../../internals/index.js").ColorCallbackValue<number | null>) => string) | undefined;
   valueFormatter?: import("../../../internals/index.js").SeriesValueFormatter<number | null> | undefined;
   highlightScope?: import("../../../internals/index.js").CommonHighlightScope | undefined;
   labelMarkType?: import("../../../internals/index.js").ChartsLabelMarkType;
-  colorGetter?: ((data: import("../../../internals/index.js").ColorCallbackValue<number | null>) => string) | undefined;
   xAxisId?: import("../../../internals/index.js").AxisId;
   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,116 @@
 # Changelog
 
+## 9.10.0
+
+_Jul 17, 2026_
+
+We'd like to extend a big thank you to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` for Charts
+- ⚙️ Allow opt-in `data-*` attributes on `slotProps`. [Read more](https://mui.com/x/common-concepts/custom-components/#passing-data-attributes-to-slots)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@brijeshb42, @Janpot, @JCQuintas, @LukasTy, @noraleonte
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.10.0` [![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.10.0`.
+
+#### `@mui/x-data-grid-premium@9.10.0` [![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.10.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.10.0` [![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.10.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.10.0`
+
+- [charts] Provide `dataIndex` in `LinePlot` and `AreaPlot` `onItemClick` (#23144) @JCQuintas
+
+#### `@mui/x-charts-pro@9.10.0` [![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.10.0`.
+
+#### `@mui/x-charts-premium@9.10.0` [![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.10.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.10.0` [![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.10.0`, plus:
+
+- [tree-view] Fix pre-loaded items not caching (#23155) @noraleonte
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.6`
+
+- [scheduler] Carry custom event data through the edit dialog submit (#22874) @Anexus5919
+- [scheduler] Support array values for `CalendarEvent.resource` (#23109) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.6` [![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-beta.6`.
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.14`
+
+- [chat] Reuse `resolveComponentProps` from `@mui/utils` (#23095) @LukasTy
+
+#### `@mui/x-chat-headless@9.0.0-alpha.14`
+
+Internal changes.
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix bugs on Scheduler overview page (#23147) @noraleonte
+
+### Core
+
+- [code-infra] Fix changelog dependency exclusion and l10n routing (#23112) @LukasTy
+- [code-infra] Port codebase to use `tsgo` (#22826) @brijeshb42
+- [code-infra] Reduce `release:build` concurrency to mitigate `tsgo` OOM kills (#23139) @LukasTy
+- [core] Allow opt-in `data-*` attributes on `slotProps` (#22128) @LukasTy
+
+### Miscellaneous
+
+- [core] Ignore `code-infra-renovate[bot]` commits in changelog (#23153) @Janpot
+- [website] Fix broken `ChatBox` API link (#23149) @brijeshb42
+- [test] Fix WebGL benchmark timeout on CI (#23142) @JCQuintas
+
 ## 9.9.0
 
 _Jul 9, 2026_

package/ChartsAxisHighlightValue/ChartsAxisHighlightValue.d.mts

@@ -48,7 +48,7 @@ export interface ChartsAxisHighlightValueProps {
  *
  * - [ChartsAxisHighlightValue API](https://mui.com/x/api/charts/charts-axis-highlight-value/)
  */
-declare function ChartsAxisHighlightValue(props: ChartsAxisHighlightValueProps): import("react").ReactPortal | import("react").JSX.Element[] | null;
+declare function ChartsAxisHighlightValue(props: ChartsAxisHighlightValueProps): import("react").JSX.Element[] | import("react").ReactPortal | null;
 declare namespace ChartsAxisHighlightValue {
   var propTypes: any;
 }

package/ChartsAxisHighlightValue/ChartsAxisHighlightValue.d.ts

@@ -48,7 +48,7 @@ export interface ChartsAxisHighlightValueProps {
  *
  * - [ChartsAxisHighlightValue API](https://mui.com/x/api/charts/charts-axis-highlight-value/)
  */
-declare function ChartsAxisHighlightValue(props: ChartsAxisHighlightValueProps): import("react").ReactPortal | import("react").JSX.Element[] | null;
+declare function ChartsAxisHighlightValue(props: ChartsAxisHighlightValueProps): import("react").JSX.Element[] | import("react").ReactPortal | null;
 declare namespace ChartsAxisHighlightValue {
   var propTypes: any;
 }

package/ChartsAxisHighlightValue/chartsAxisHighlightValueClasses.d.mts

@@ -13,6 +13,6 @@ export interface ChartsAxisHighlightValueClasses {
 export type ChartsAxisHighlightValueClassKey = keyof ChartsAxisHighlightValueClasses;
 export declare function getChartsAxisHighlightValueUtilityClass(slot: string): string;
 export declare const useUtilityClasses: (ownerState: {
-  position: "top" | "right" | "bottom" | "left";
+  position: 'top' | 'right' | 'bottom' | 'left';
 }) => Record<"root", string>;
 export declare const chartsAxisHighlightValueClasses: ChartsAxisHighlightValueClasses;

package/ChartsAxisHighlightValue/chartsAxisHighlightValueClasses.d.ts

@@ -13,6 +13,6 @@ export interface ChartsAxisHighlightValueClasses {
 export type ChartsAxisHighlightValueClassKey = keyof ChartsAxisHighlightValueClasses;
 export declare function getChartsAxisHighlightValueUtilityClass(slot: string): string;
 export declare const useUtilityClasses: (ownerState: {
-  position: "top" | "right" | "bottom" | "left";
+  position: 'top' | 'right' | 'bottom' | 'left';
 }) => Record<"root", string>;
 export declare const chartsAxisHighlightValueClasses: ChartsAxisHighlightValueClasses;

package/ChartsDataProvider/useChartsDataProviderProps.d.mts

@@ -4,7 +4,7 @@ import type { ChartAnyPluginSignature } from "../internals/plugins/models/index.
 import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 import type { AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
 import type { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.mjs";
-export declare const useChartsDataProviderProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(inProps: ChartsDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
+export declare const useChartsDataProviderProps: <SeriesType extends ChartSeriesType = keyof import("../internals/index.mjs").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(inProps: ChartsDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
   localeText: Partial<import("../locales/index.mjs").ChartsLocaleText> | undefined;
   chartProviderProps: ChartsProviderProps<SeriesType, TSignatures>;

package/ChartsDataProvider/useChartsDataProviderProps.d.ts

@@ -4,7 +4,7 @@ import type { ChartAnyPluginSignature } from "../internals/plugins/models/index.
 import type { ChartSeriesType } from "../models/seriesType/config.js";
 import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import type { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
-export declare const useChartsDataProviderProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(inProps: ChartsDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
+export declare const useChartsDataProviderProps: <SeriesType extends ChartSeriesType = keyof import("../internals/index.js").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(inProps: ChartsDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
   localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;
   chartProviderProps: ChartsProviderProps<SeriesType, TSignatures>;

package/ChartsLabel/labelGradientClasses.d.mts

@@ -13,4 +13,4 @@ export interface ChartsLabelGradientClasses {
 }
 export declare function getLabelGradientUtilityClass(slot: string): string;
 export declare const labelGradientClasses: ChartsLabelGradientClasses;
-export declare const useUtilityClasses: (props: ChartsLabelGradientProps) => Record<"root" | "fill" | "mask", string>;
+export declare const useUtilityClasses: (props: ChartsLabelGradientProps) => Record<"fill" | "mask" | "root", string>;

package/ChartsLabel/labelGradientClasses.d.ts

@@ -13,4 +13,4 @@ export interface ChartsLabelGradientClasses {
 }
 export declare function getLabelGradientUtilityClass(slot: string): string;
 export declare const labelGradientClasses: ChartsLabelGradientClasses;
-export declare const useUtilityClasses: (props: ChartsLabelGradientProps) => Record<"root" | "fill" | "mask", string>;
+export declare const useUtilityClasses: (props: ChartsLabelGradientProps) => Record<"fill" | "mask" | "root", string>;

package/ChartsLabel/labelMarkClasses.d.mts

@@ -14,4 +14,4 @@ export interface ChartsLabelMarkClasses {
   fill: string;
 }
 export declare const labelMarkClasses: ChartsLabelMarkClasses;
-export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"root" | "fill", string>;
+export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"fill" | "root", string>;

package/ChartsLabel/labelMarkClasses.d.ts

@@ -14,4 +14,4 @@ export interface ChartsLabelMarkClasses {
   fill: string;
 }
 export declare const labelMarkClasses: ChartsLabelMarkClasses;
-export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"root" | "fill", string>;
+export declare const useUtilityClasses: (props: ChartsLabelMarkProps) => Record<"fill" | "root", string>;

package/ChartsLegend/chartsLegend.types.d.mts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsLegendProps } from "./ChartsLegend.mjs";
 import type { ContinuousColorLegendProps } from "./ContinuousColorLegend.mjs";
 import type { ChartsLegendPosition } from "./legend.types.mjs";
@@ -11,7 +12,7 @@ export interface ChartsLegendSlots {
   legend?: React.JSXElementConstructor<ChartsLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<ContinuousColorLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<PiecewiseColorLegendProps & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotProps {
-  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides;
+  legend?: WithDataAttributes<Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotExtension {
   /**

package/ChartsLegend/chartsLegend.types.d.ts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsLegendProps } from "./ChartsLegend.js";
 import type { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
 import type { ChartsLegendPosition } from "./legend.types.js";
@@ -11,7 +12,7 @@ export interface ChartsLegendSlots {
   legend?: React.JSXElementConstructor<ChartsLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<ContinuousColorLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<PiecewiseColorLegendProps & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotProps {
-  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides;
+  legend?: WithDataAttributes<Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotExtension {
   /**

package/ChartsLegend/chartsLegendClasses.d.mts

@@ -18,5 +18,5 @@ export interface ChartsLegendClasses {
   /** Styles applied to the legend in row layout. */
   horizontal: string;
 }
-export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "hidden" | "series" | "item", string>;
+export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"hidden" | "item" | "label" | "mark" | "root" | "series", string>;
 export declare const legendClasses: ChartsLegendClasses;

package/ChartsLegend/chartsLegendClasses.d.ts

@@ -18,5 +18,5 @@ export interface ChartsLegendClasses {
   /** Styles applied to the legend in row layout. */
   horizontal: string;
 }
-export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "hidden" | "series" | "item", string>;
+export declare const useUtilityClasses: (props: ChartsLegendProps & ChartsLegendSlotExtension) => Record<"hidden" | "item" | "label" | "mark" | "root" | "series", string>;
 export declare const legendClasses: ChartsLegendClasses;

package/ChartsLegend/continuousColorLegendClasses.d.mts

@@ -22,5 +22,5 @@ export interface ContinuousColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
+export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"gradient" | "label" | "mark" | "maxLabel" | "minLabel" | "root", string>;
 export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -22,5 +22,5 @@ export interface ContinuousColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
+export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"gradient" | "label" | "mark" | "maxLabel" | "minLabel" | "root", string>;
 export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/ChartsLegend/piecewiseColorLegendClasses.d.mts

@@ -28,5 +28,5 @@ export interface PiecewiseColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: PiecewiseColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "item" | "minLabel" | "maxLabel", string>;
+export declare const useUtilityClasses: (props: PiecewiseColorLegendProps & ChartsLegendSlotExtension) => Record<"item" | "label" | "mark" | "maxLabel" | "minLabel" | "root", string>;
 export declare const piecewiseColorLegendClasses: PiecewiseColorLegendClasses;

package/ChartsLegend/piecewiseColorLegendClasses.d.ts

@@ -28,5 +28,5 @@ export interface PiecewiseColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: PiecewiseColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "item" | "minLabel" | "maxLabel", string>;
+export declare const useUtilityClasses: (props: PiecewiseColorLegendProps & ChartsLegendSlotExtension) => Record<"item" | "label" | "mark" | "maxLabel" | "minLabel" | "root", string>;
 export declare const piecewiseColorLegendClasses: PiecewiseColorLegendClasses;

package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.d.mts

@@ -4,7 +4,7 @@ import type { ChartAnyPluginSignature } from "../internals/plugins/models/index.
 import type { RadialPluginSignatures } from "./ChartsRadialDataProvider.plugins.mjs";
 import type { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.mjs";
 import type { PolarChartSeriesType } from "../models/seriesType/config.mjs";
-export declare const useChartsRadialDataProviderProps: <SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(inProps: ChartsRadialDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
+export declare const useChartsRadialDataProviderProps: <SeriesType extends PolarChartSeriesType = "radar", TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(inProps: ChartsRadialDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
   localeText: Partial<import("../locales/index.mjs").ChartsLocaleText> | undefined;
   chartProviderProps: ChartsProviderProps<SeriesType, TSignatures>;

package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.d.ts

@@ -4,7 +4,7 @@ import type { ChartAnyPluginSignature } from "../internals/plugins/models/index.
 import type { RadialPluginSignatures } from "./ChartsRadialDataProvider.plugins.js";
 import type { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
 import type { PolarChartSeriesType } from "../models/seriesType/config.js";
-export declare const useChartsRadialDataProviderProps: <SeriesType extends PolarChartSeriesType = PolarChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(inProps: ChartsRadialDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
+export declare const useChartsRadialDataProviderProps: <SeriesType extends PolarChartSeriesType = "radar", TSignatures extends readonly ChartAnyPluginSignature[] = RadialPluginSignatures<SeriesType>>(inProps: ChartsRadialDataProviderProps<SeriesType, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
   localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;
   chartProviderProps: ChartsProviderProps<SeriesType, TSignatures>;

package/ChartsRadiusAxis/chartsRadiusAxisClasses.d.mts

@@ -2,5 +2,5 @@ import type { ChartsRadialAxisClasses } from "./sharedRadialAxisClasses.mjs";
 export declare const useUtilityClasses: (props: {
   classes?: Partial<ChartsRadialAxisClasses>;
   isCentered?: boolean;
-}) => Record<"root" | "line" | "tickContainer" | "tick" | "tickLabel", string>;
+}) => Record<"line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./sharedRadialAxisClasses.mjs";

package/ChartsRadiusAxis/chartsRadiusAxisClasses.d.ts

@@ -2,5 +2,5 @@ import type { ChartsRadialAxisClasses } from "./sharedRadialAxisClasses.js";
 export declare const useUtilityClasses: (props: {
   classes?: Partial<ChartsRadialAxisClasses>;
   isCentered?: boolean;
-}) => Record<"root" | "line" | "tickContainer" | "tick" | "tickLabel", string>;
+}) => Record<"line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./sharedRadialAxisClasses.js";

package/ChartsRadiusAxis/createGetLabelTextAnchors.d.mts

@@ -1,10 +1,10 @@
 /**
  * Higher order function that transform a `getLabelTransform` to the <text /> anchor props.
  */
-export declare const createGetLabelTextAnchors: (getLabelTransform: (px: number, py: number, tickLabelPosition: "center" | "after" | "before") => {
-  verticalAlign: "start" | "middle" | "end";
-  horizontalAlign: "start" | "middle" | "end";
-}) => (px: number, py: number, tickLabelPosition: "center" | "after" | "before") => {
-  textAnchor: "start" | "middle" | "end";
-  dominantBaseline: "hanging" | "middle" | "auto";
+export declare const createGetLabelTextAnchors: (getLabelTransform: (px: number, py: number, tickLabelPosition: 'center' | 'after' | 'before') => {
+  verticalAlign: 'start' | 'middle' | 'end';
+  horizontalAlign: 'start' | 'middle' | 'end';
+}) => (px: number, py: number, tickLabelPosition: 'center' | 'after' | 'before') => {
+  textAnchor: 'start' | 'middle' | 'end';
+  dominantBaseline: 'hanging' | 'middle' | 'auto';
 };

package/ChartsRadiusAxis/createGetLabelTextAnchors.d.ts

@@ -1,10 +1,10 @@
 /**
  * Higher order function that transform a `getLabelTransform` to the <text /> anchor props.
  */
-export declare const createGetLabelTextAnchors: (getLabelTransform: (px: number, py: number, tickLabelPosition: "center" | "after" | "before") => {
-  verticalAlign: "start" | "middle" | "end";
-  horizontalAlign: "start" | "middle" | "end";
-}) => (px: number, py: number, tickLabelPosition: "center" | "after" | "before") => {
-  textAnchor: "start" | "middle" | "end";
-  dominantBaseline: "hanging" | "middle" | "auto";
+export declare const createGetLabelTextAnchors: (getLabelTransform: (px: number, py: number, tickLabelPosition: 'center' | 'after' | 'before') => {
+  verticalAlign: 'start' | 'middle' | 'end';
+  horizontalAlign: 'start' | 'middle' | 'end';
+}) => (px: number, py: number, tickLabelPosition: 'center' | 'after' | 'before') => {
+  textAnchor: 'start' | 'middle' | 'end';
+  dominantBaseline: 'hanging' | 'middle' | 'auto';
 };

package/ChartsReferenceLine/ChartsXReferenceLine.d.mts

@@ -7,7 +7,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
    */
   x: TValue;
 };
-export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
+export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"label" | "line" | "root", string>;
 declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;

package/ChartsReferenceLine/ChartsXReferenceLine.d.ts

@@ -7,7 +7,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
    */
   x: TValue;
 };
-export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
+export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"label" | "line" | "root", string>;
 declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;

package/ChartsReferenceLine/ChartsYReferenceLine.d.mts

@@ -7,7 +7,7 @@ export type ChartsYReferenceLineProps<TValue extends string | number | Date = st
    */
   y: TValue;
 };
-export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
+export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"label" | "line" | "root", string>;
 declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsYReferenceLine {
   var propTypes: any;

package/ChartsReferenceLine/ChartsYReferenceLine.d.ts

@@ -7,7 +7,7 @@ export type ChartsYReferenceLineProps<TValue extends string | number | Date = st
    */
   y: TValue;
 };
-export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
+export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"label" | "line" | "root", string>;
 declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsYReferenceLine {
   var propTypes: any;

package/ChartsRotationAxis/chartsRotationAxisClasses.d.mts

@@ -1,5 +1,5 @@
 import type { ChartsRadialAxisClasses } from "../ChartsRadiusAxis/sharedRadialAxisClasses.mjs";
 export declare const useUtilityClasses: (props: {
   classes?: Partial<ChartsRadialAxisClasses>;
-}) => Record<"root" | "line" | "tickContainer" | "tick" | "tickLabel", string>;
+}) => Record<"line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "../ChartsRadiusAxis/sharedRadialAxisClasses.mjs";

package/ChartsRotationAxis/chartsRotationAxisClasses.d.ts

@@ -1,5 +1,5 @@
 import type { ChartsRadialAxisClasses } from "../ChartsRadiusAxis/sharedRadialAxisClasses.js";
 export declare const useUtilityClasses: (props: {
   classes?: Partial<ChartsRadialAxisClasses>;
-}) => Record<"root" | "line" | "tickContainer" | "tick" | "tickLabel", string>;
+}) => Record<"line" | "root" | "tick" | "tickContainer" | "tickLabel", string>;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "../ChartsRadiusAxis/sharedRadialAxisClasses.js";

package/ChartsTooltip/ChartTooltip.types.d.mts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipProps } from "./ChartsTooltip.mjs";
 import type { TriggerOptions } from "./utils.mjs";
 import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
@@ -13,5 +14,5 @@ export interface ChartsTooltipSlotProps<T extends TriggerOptions = TriggerOption
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides>;
 }

package/ChartsTooltip/ChartTooltip.types.d.ts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipProps } from "./ChartsTooltip.js";
 import type { TriggerOptions } from "./utils.js";
 import type { TooltipPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
@@ -13,5 +14,5 @@ export interface ChartsTooltipSlotProps<T extends TriggerOptions = TriggerOption
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<ChartsTooltipProps<T>> & TooltipPropsOverrides>;
 }

package/ChartsTooltip/ChartsTooltipContainer.d.mts

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import type { PopperProps } from '@mui/material/Popper';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { TriggerOptions } from "./utils.mjs";
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.mjs";
 type PopperSlots = NonNullable<PopperProps['slots']>;
 type PopperSlotProps = NonNullable<PopperProps['slotProps']>;
 export interface ChartsTooltipContainerSlots extends PopperSlots {}
-export interface ChartsTooltipContainerSlotProps extends PopperSlotProps {}
+export interface ChartsTooltipContainerSlotProps extends Omit<PopperSlotProps, 'root'> {
+  root?: WithDataAttributes<NonNullable<PopperSlotProps['root']>>;
+}
 export interface ChartsTooltipContainerClasses extends ChartsTooltipClasses {}
 export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerOptions> extends Partial<PopperProps> {
   /**

package/ChartsTooltip/ChartsTooltipContainer.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import type { PopperProps } from '@mui/material/Popper';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { TriggerOptions } from "./utils.js";
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
 type PopperSlots = NonNullable<PopperProps['slots']>;
 type PopperSlotProps = NonNullable<PopperProps['slotProps']>;
 export interface ChartsTooltipContainerSlots extends PopperSlots {}
-export interface ChartsTooltipContainerSlotProps extends PopperSlotProps {}
+export interface ChartsTooltipContainerSlotProps extends Omit<PopperSlotProps, 'root'> {
+  root?: WithDataAttributes<NonNullable<PopperSlotProps['root']>>;
+}
 export interface ChartsTooltipContainerClasses extends ChartsTooltipClasses {}
 export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerOptions> extends Partial<PopperProps> {
   /**