@mui/x-charts 9.9.0 → 9.10.1

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/BarChart/seriesConfig/bar/keyboardFocusHandler.js

@@ -6,5 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _createCommonKeyboardFocusHandler = require("../../../internals/createCommonKeyboardFocusHandler");
 var _composition = require("../../../models/seriesType/composition");
-const keyboardFocusHandler = (0, _createCommonKeyboardFocusHandler.createCommonKeyboardFocusHandler)(_composition.composableCartesianSeriesTypes);
+const allowCycles = false;
+const useCurrentSeriesMaxLength = false;
+const keyboardFocusHandler = (0, _createCommonKeyboardFocusHandler.createCommonKeyboardFocusHandler)(_composition.composableCartesianSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
 var _default = exports.default = keyboardFocusHandler;

package/BarChart/seriesConfig/bar/keyboardFocusHandler.mjs

@@ -1,4 +1,6 @@
 import { createCommonKeyboardFocusHandler } from "../../../internals/createCommonKeyboardFocusHandler.mjs";
 import { composableCartesianSeriesTypes } from "../../../models/seriesType/composition.mjs";
-const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes);
+const allowCycles = false;
+const useCurrentSeriesMaxLength = false;
+const keyboardFocusHandler = createCommonKeyboardFocusHandler(composableCartesianSeriesTypes, allowCycles, useCurrentSeriesMaxLength);
 export default keyboardFocusHandler;

package/CHANGELOG.md

@@ -1,5 +1,222 @@
 # Changelog
 
+## 9.10.1
+
+_Jul 23, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve accessibility of the Charts and Pickers components.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
+
+The following team members contributed to this release:
+@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.1`
+
+- [data grid] Fix `getColumn` return type not reflecting that it can return undefined (#23165) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.10.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@9.10.1`.
+
+#### `@mui/x-data-grid-premium@9.10.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@9.10.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.1`
+
+- [pickers] Fix format placeholder brightness with a start adornment (#23189) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.10.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@9.10.1`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23166) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.10.1`
+
+- [charts] Fix pie chart disappearing when an arc spans almost the full circle (#23145) @JCQuintas
+- [charts] Set `aria-hidden` on accessibility proxy divs at initialization (#23186) @kevincorizi-sbt
+- [charts] Fix keyboard navigation on series with different lengths (#23182) @JCQuintas
+- [charts] Fix out of bounds keyboard navigation (#23180) @silviuaavram
+
+#### `@mui/x-charts-pro@9.10.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@9.10.1`, plus:
+
+- [charts-pro] Fix highlight shifting on sampled bar charts (#23190) @noraleonte
+- [charts-pro] Sampled band highlight falls back to single-band width for Date/object values (#23024) @SamanPandey-in
+
+#### `@mui/x-charts-premium@9.10.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-charts-pro@9.10.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.1`
+
+- [TreeView] Fix selection propagation to exclude disabled items (#23012) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.10.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@9.10.1`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.7`
+
+- [scheduler] Polish `EventCalendar` rendering for multi-resource events (#23161) @mustafajw07
+- [scheduler] Responsive header (#22954) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.7` [![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.7`, plus:
+
+- [scheduler-premium] Add the dependencies data model (#23117) @rita-codes
+- [scheduler-premium] Dependencies - Render the FS arrow (#23162) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix clearing, layout shift, and prop leak in Pickers demos (#23191) @LukasTy
+
+### Core
+
+- [code-infra] Validate working of specific code-infra canary (#23207) @brijeshb42
+
+### Miscellaneous
+
+- [chat] Normalize message part link URLs (#23187) @hasdfa
+- [x-chat] Fix object URL leaks for submitted attachments (#23198) @hasdfa
+- [internals] Make disposable types self-contained without `esnext.disposable` lib (#23164) @JCQuintas
+
+## 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/ChartsAxisHighlight/getSampledBandHighlight.d.mts

@@ -2,7 +2,7 @@ import type { D3OrdinalScale } from "../models/axis.mjs";
 interface SampledBandHighlightParams {
   scale: D3OrdinalScale;
   /** The highlighted value. */
-  value: number | Date;
+  value: string | number | Date;
   /** The data index of the highlighted value, when known (O(1) lookup). */
   dataIndex: number | undefined;
   /** The axis data. */

package/ChartsAxisHighlight/getSampledBandHighlight.d.ts

@@ -2,7 +2,7 @@ import type { D3OrdinalScale } from "../models/axis.js";
 interface SampledBandHighlightParams {
   scale: D3OrdinalScale;
   /** The highlighted value. */
-  value: number | Date;
+  value: string | number | Date;
   /** The data index of the highlighted value, when known (O(1) lookup). */
   dataIndex: number | undefined;
   /** The axis data. */

package/ChartsAxisHighlight/getSampledBandHighlight.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSampledBandHighlight = getSampledBandHighlight;
+var _getSampledBucketRegion = require("../internals/getSampledBucketRegion");
+function findDataIndex(data, value) {
+  if (value instanceof Date) {
+    const time = value.getTime();
+    return data.findIndex(item => item instanceof Date && item.getTime() === time);
+  }
+  return data.indexOf(value);
+}
 /**
  * Computes the band highlight rectangle along the ordinal axis.
  * When the series is sampled (`bucketSize > 1`), the band is widened to cover the whole merged bucket.
@@ -20,12 +28,16 @@ function getSampledBandHighlight({
   let bandStart = scale(value) - halfPadding;
   let bandSize = step;
   if (bucketSize > 1 && data) {
-    const index = dataIndex ?? data.indexOf(value);
+    const index = dataIndex ?? findDataIndex(data, value);
     if (index >= 0) {
       const bucketStart = Math.floor(index / bucketSize) * bucketSize;
       const bucketEnd = Math.min(bucketStart + bucketSize - 1, data.length - 1);
-      bandStart = scale(data[bucketStart]) - halfPadding;
-      bandSize = (bucketEnd - bucketStart + 1) * step;
+      const {
+        regionStart,
+        regionSize
+      } = (0, _getSampledBucketRegion.getSampledBucketRegion)(scale, data, bucketStart, bucketEnd);
+      bandStart = regionStart;
+      bandSize = regionSize;
     }
   }
   return {

package/ChartsAxisHighlight/getSampledBandHighlight.mjs

@@ -1,3 +1,11 @@
+import { getSampledBucketRegion } from "../internals/getSampledBucketRegion.mjs";
+function findDataIndex(data, value) {
+  if (value instanceof Date) {
+    const time = value.getTime();
+    return data.findIndex(item => item instanceof Date && item.getTime() === time);
+  }
+  return data.indexOf(value);
+}
 /**
  * Computes the band highlight rectangle along the ordinal axis.
  * When the series is sampled (`bucketSize > 1`), the band is widened to cover the whole merged bucket.
@@ -14,12 +22,16 @@ export function getSampledBandHighlight({
   let bandStart = scale(value) - halfPadding;
   let bandSize = step;
   if (bucketSize > 1 && data) {
-    const index = dataIndex ?? data.indexOf(value);
+    const index = dataIndex ?? findDataIndex(data, value);
     if (index >= 0) {
       const bucketStart = Math.floor(index / bucketSize) * bucketSize;
       const bucketEnd = Math.min(bucketStart + bucketSize - 1, data.length - 1);
-      bandStart = scale(data[bucketStart]) - halfPadding;
-      bandSize = (bucketEnd - bucketStart + 1) * step;
+      const {
+        regionStart,
+        regionSize
+      } = getSampledBucketRegion(scale, data, bucketStart, bucketEnd);
+      bandStart = regionStart;
+      bandSize = regionSize;
     }
   }
   return {

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";