@mui/x-charts 8.20.0 → 8.22.0

package/SparkLineChart/SparkLineChart.js

@@ -20,7 +20,7 @@ var _ChartsSurface = require("../ChartsSurface");
 var _constants = require("../constants");
 var _ChartsTooltip = require("../ChartsTooltip");
 var _ChartsAxisHighlight = require("../ChartsAxisHighlight");
-var _FocusedMark = require("../LineChart/FocusedMark");
+var _FocusedLineMark = require("../LineChart/FocusedLineMark");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightChange", "onHighlightedAxisChange", "highlightedAxis", "highlightedItem"];
 const SPARK_LINE_DEFAULT_MARGIN = 5;
@@ -149,7 +149,7 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, {
           slots: slots,
           slotProps: slotProps
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedMark.FocusedMark, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedLineMark.FocusedLineMark, {})]
       }), disableClipping ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, {
         id: clipPathId,
         offset: clipPathOffset
@@ -407,6 +407,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -423,6 +428,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -459,6 +465,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -475,6 +486,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -519,6 +531,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -564,6 +577,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -608,6 +622,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -652,6 +667,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -700,6 +716,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -748,6 +765,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
@@ -792,6 +810,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func
   })]),
   /**
@@ -834,6 +853,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -849,6 +873,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -885,6 +910,11 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -900,6 +930,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -943,6 +974,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -987,6 +1019,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -1030,6 +1063,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -1073,6 +1107,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -1120,6 +1155,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -1167,6 +1203,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   }), _propTypes.default.shape({
@@ -1210,6 +1247,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number
   })])

package/Toolbar/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
 declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export interface ToolbarProps extends React.ComponentProps<'div'> {
   className?: string;

package/Toolbar/Toolbar.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface ChartsToolbarProps {}
 export interface ChartsToolbarSlots {
   /**

package/Toolbar/ToolbarButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { ChartsSlotProps } from "../internals/material/index.js";
+import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
+import { type ChartsSlotProps } from "../internals/material/index.js";
 export type ToolbarButtonProps = ChartsSlotProps['baseIconButton'] & {
   /**
    * A function to customize the rendering of the component.

package/colorPalettes/categorical/blueberryTwilight.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const blueberryTwilightPaletteLight: string[];
 export declare const blueberryTwilightPaletteDark: string[];
 export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/cheerfulFiesta.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const cheerfulFiestaPaletteDark: string[];
 export declare const cheerfulFiestaPaletteLight: string[];
 export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/mangoFusion.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const mangoFusionPaletteLight: string[];
 export declare const mangoFusionPaletteDark: string[];
 export declare const mangoFusionPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/rainbowSurge.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const rainbowSurgePaletteLight: string[];
 export declare const rainbowSurgePaletteDark: string[];
 export declare const rainbowSurgePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/blue.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const bluePaletteLight: string[];
 export declare const bluePaletteDark: string[];
 export declare const bluePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/cyan.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const cyanPaletteLight: string[];
 export declare const cyanPaletteDark: string[];
 export declare const cyanPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/green.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const greenPaletteLight: string[];
 export declare const greenPaletteDark: string[];
 export declare const greenPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/orange.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const orangePaletteLight: string[];
 export declare const orangePaletteDark: string[];
 export declare const orangePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/pink.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const pinkPaletteLight: string[];
 export declare const pinkPaletteDark: string[];
 export declare const pinkPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/purple.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const purplePaletteLight: string[];
 export declare const purplePaletteDark: string[];
 export declare const purplePalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/red.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const redPaletteLight: string[];
 export declare const redPaletteDark: string[];
 export declare const redPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/strawberrySky.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const strawberrySkyPaletteLight: string[];
 export declare const strawberrySkyPaletteDark: string[];
 export declare const strawberrySkyPalette: ChartsColorPaletteCallback;

package/colorPalettes/sequential/yellow.d.ts

@@ -1,4 +1,4 @@
-import { ChartsColorPaletteCallback } from "../types.js";
+import { type ChartsColorPaletteCallback } from "../types.js";
 export declare const yellowPaletteLight: string[];
 export declare const yellowPaletteDark: string[];
 export declare const yellowPalette: ChartsColorPaletteCallback;

package/context/ChartProvider/ChartProvider.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { ChartProviderProps } from "./ChartProvider.types.js";
-import { ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-import { ChartSeriesType } from "../../models/seriesType/config.js";
+import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
+import { type ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesType } from "../../models/seriesType/config.js";
 export declare const defaultSeriesConfig: ChartSeriesConfig<'bar' | 'scatter' | 'line' | 'pie'>;
 declare function ChartProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(props: React.PropsWithChildren<ChartProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
 export { ChartProvider };

package/context/ChartProvider/ChartProvider.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useCharts = require("../../internals/store/useCharts");
 var _ChartContext = require("./ChartContext");
 var _useChartCartesianAxis = require("../../internals/plugins/featurePlugins/useChartCartesianAxis");
+var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip");
 var _useChartInteraction = require("../../internals/plugins/featurePlugins/useChartInteraction");
 var _useChartZAxis = require("../../internals/plugins/featurePlugins/useChartZAxis");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight");
@@ -28,7 +29,7 @@ const defaultSeriesConfig = exports.defaultSeriesConfig = {
 
 // For consistency with the v7, the cartesian axes are set by default.
 // To remove them, you can provide a `plugins` props.
-const defaultPlugins = [_useChartZAxis.useChartZAxis, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight];
+const defaultPlugins = [_useChartZAxis.useChartZAxis, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight];
 function ChartProvider(props) {
   const {
     children,

package/context/ChartProvider/ChartProvider.types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Store } from '@mui/x-internals/store';
+import type * as React from 'react';
+import { type Store } from '@mui/x-internals/store';
 import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.js";
 import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
 import type { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";

package/context/ChartProvider/useChartContext.d.ts

@@ -1,3 +1,3 @@
-import { ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { ChartContextValue } from "./ChartProvider.types.js";
+import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
+import { type ChartContextValue } from "./ChartProvider.types.js";
 export declare const useChartContext: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []>() => ChartContextValue<TSignatures, TOptionalSignatures>;

package/context/ChartsSlotsContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartsSlotProps, ChartsSlots } from "../internals/material/index.js";
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
 type SlotProps<T extends Record<keyof T, React.ComponentType<any>>> = { [key in keyof T]: React.ComponentProps<T[key]> };
 export interface ChartsSlotsContextValue<T extends ChartsSlots & Record<keyof T, React.ComponentType<any>> = ChartsSlots> {
   slots: T;

package/context/useChartApiContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ChartApi } from "./ChartApi.js";
+import { type ChartApi } from "./ChartApi.js";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
  * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.

package/esm/BarChart/AnimatedBarElement.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from "../models/seriesType/common.js";
-import { BarElementOwnerState } from "./barElementClasses.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type BarElementOwnerState } from "./barElementClasses.js";
 export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'id' | 'color' | 'ref' | 'x' | 'y' | 'height' | 'width'> {
   id: SeriesId;
   dataIndex: number;

package/esm/BarChart/BarChart.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsSlotProps, ChartsSlots } from "../internals/material/index.js";
-import { ChartsToolbarSlotProps, ChartsToolbarSlots } from "../Toolbar/index.js";
-import { BarPlotProps, BarPlotSlotProps, BarPlotSlots } from "./BarPlot.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { BarSeriesType } from "../models/seriesType/bar.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsLegendSlots, ChartsLegendSlotProps } from "../ChartsLegend/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
-import { BarChartPluginSignatures } from "./BarChart.plugins.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
+import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
+import { type BarPlotProps, type BarPlotSlotProps, type BarPlotSlots } from "./BarPlot.js";
+import { type ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsAxisProps } from "../ChartsAxis/index.js";
+import { type BarSeriesType } from "../models/seriesType/bar.js";
+import { type ChartsTooltipSlots, type ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
+import { type ChartsLegendSlots, type ChartsLegendSlotProps } from "../ChartsLegend/index.js";
+import { type ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { type ChartsAxisSlots, type ChartsAxisSlotProps } from "../models/axis.js";
+import { type ChartsGridProps } from "../ChartsGrid/index.js";
+import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
+import type { BarChartPluginSignatures } from "./BarChart.plugins.js";
 export interface BarChartSlots extends ChartsAxisSlots, BarPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface BarChartSlotProps extends ChartsAxisSlotProps, BarPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
 export type BarSeries = MakeOptional<BarSeriesType, 'type'>;
@@ -21,7 +21,7 @@ export interface BarChartProps extends Omit<ChartContainerProps<'bar', BarChartP
    * The series to display in the bar chart.
    * An array of [[BarSeries]] objects.
    */
-  series: Readonly<BarSeries[]>;
+  series: ReadonlyArray<BarSeries>;
   /**
    * Option to display a cartesian grid in the background.
    */