@mui/x-charts 8.1.0 → 8.3.0

package/esm/models/slots/chartsBaseSlotProps.js

@@ -0,0 +1 @@
+export {};

package/esm/models/slots/chartsBaseSlots.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
+export interface ChartsBaseSlots {
+  baseIconButton: React.ComponentType<ChartBaseIconButtonProps>;
+}

package/esm/models/slots/chartsBaseSlots.js

@@ -0,0 +1 @@
+export {};

package/esm/models/slots/chartsIconSlots.d.ts

@@ -0,0 +1 @@
+export interface ChartsIconSlots {}

package/esm/models/slots/chartsIconSlots.js

@@ -0,0 +1 @@
+export {};

package/esm/models/slots/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./chartsBaseSlots.js";
+export * from "./chartsBaseSlotProps.js";
+export * from "./chartsIconSlots.js";

package/esm/models/slots/index.js

@@ -0,0 +1,3 @@
+export * from "./chartsBaseSlots.js";
+export * from "./chartsBaseSlotProps.js";
+export * from "./chartsIconSlots.js";

package/esm/themeAugmentation/components.js

@@ -0,0 +1 @@
+export {};

package/esm/themeAugmentation/index.d.ts

@@ -1,3 +1,3 @@
-export type * from './overrides';
-export type * from './props';
-export type * from './components';
+export type * from "./overrides.js";
+export type * from "./props.js";
+export type * from "./components.js";

package/esm/themeAugmentation/overrides.d.ts

@@ -5,30 +5,21 @@ import { ChartsGridClassKey } from "../ChartsGrid/index.js";
 import { ChartsTooltipClassKey } from "../ChartsTooltip/index.js";
 import { AreaElementClassKey, LineElementClassKey, MarkElementClassKey } from "../LineChart/index.js";
 export interface ChartsComponentNameToClassKey {
-  MuiChartsAxis: 'root'; //  Only the root component of axes is styled. We should probably remove this one in v8
-  MuiChartsXAxis: 'root'; //  Only the root component of axes is styled
-  MuiChartsYAxis: 'root'; //  Only the root component of axes is styled
-
+  MuiChartsAxis: 'root';
+  MuiChartsXAxis: 'root';
+  MuiChartsYAxis: 'root';
   MuiChartsAxisHighlight: ChartsAxisHighlightClassKey;
   MuiChartsLegend: 'root';
   MuiChartsGrid: ChartsGridClassKey;
   MuiChartsTooltip: ChartsTooltipClassKey;
   MuiChartsSurface: 'root';
-
-  // BarChart components
   MuiBarElement: BarElementClassKey;
   MuiBarLabel: BarLabelClassKey;
-
-  // LineChart components
   MuiAreaElement: AreaElementClassKey;
   MuiLineElement: LineElementClassKey;
   MuiMarkElement: MarkElementClassKey;
-
-  // ScatterChart components
 }
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends ChartsComponentNameToClassKey {}
 }
-
-// disable automatic export
 export {};

package/esm/themeAugmentation/overrides.js

@@ -0,0 +1,2 @@
+// disable automatic export
+export {};

package/esm/themeAugmentation/props.d.ts

@@ -17,20 +17,13 @@ export interface ChartsComponentsPropsList {
   MuiChartsLocalizationProvider: ChartsLocalizationProviderProps;
   MuiChartsTooltip: ChartsTooltipProps;
   MuiChartsSurface: ChartsSurfaceProps;
-
-  // BarChart components
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
-  // LineChart components
   MuiLineChart: LineChartProps;
-  // ScatterChart components
   MuiScatterChart: ScatterChartProps;
-  // PieChart components
   MuiPieChart: PieChartProps;
 }
 declare module '@mui/material/styles' {
   interface ComponentsPropsList extends ChartsComponentsPropsList {}
 }
-
-// disable automatic export
 export {};

package/esm/themeAugmentation/props.js

@@ -0,0 +1,2 @@
+// disable automatic export
+export {};

package/hooks/animation/useAnimateArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AnimatedAreaProps } from '../../LineChart';
+import type { AnimatedAreaProps } from "../../LineChart/index.js";
 type UseAnimateAreaParams = Pick<AnimatedAreaProps, 'd' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;
 };

package/hooks/animation/useAnimateBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BarProps } from '../../BarChart/AnimatedBarElement';
+import type { BarProps } from "../../BarChart/AnimatedBarElement.js";
 type UseAnimateBarParams = Pick<BarProps, 'x' | 'y' | 'xOrigin' | 'yOrigin' | 'width' | 'height' | 'skipAnimation' | 'layout'> & {
   ref?: React.Ref<SVGRectElement>;
 };

package/hooks/animation/useAnimateBarLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BarLabelProps } from '../../BarChart';
+import type { BarLabelProps } from "../../BarChart/index.js";
 type UseAnimateBarLabelParams = Pick<BarLabelProps, 'xOrigin' | 'yOrigin' | 'x' | 'y' | 'width' | 'height' | 'layout' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
 };

package/hooks/animation/useAnimateLine.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AnimatedLineProps } from '../../LineChart';
+import type { AnimatedLineProps } from "../../LineChart/index.js";
 type UseAnimateLineParams = Pick<AnimatedLineProps, 'd' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;
 };

package/hooks/animation/useAnimatePieArc.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PieArcProps } from '../../PieChart';
+import type { PieArcProps } from "../../PieChart/index.js";
 type UseAnimatePieArcParams = Pick<PieArcProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'innerRadius' | 'outerRadius' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;
 };

package/hooks/animation/useAnimatePieArcLabel.d.ts

@@ -1,7 +1,16 @@
 import * as React from 'react';
-import type { PieArcLabelProps } from '../../PieChart';
-type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'innerRadius' | 'outerRadius' | 'skipAnimation'> & {
+import type { PieArcLabelProps } from "../../PieChart/index.js";
+type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
+  arcLabelRadius?: number;
+  /**
+   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
+   */
+  innerRadius: PieArcLabelProps['innerRadius'];
+  /**
+   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
+   */
+  outerRadius: PieArcLabelProps['outerRadius'];
 };
 type UseAnimatePieArcLabelReturn = {
   ref: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimatePieArcLabel.js

@@ -33,16 +33,16 @@ function useAnimatePieArcLabel(props) {
   const initialProps = {
     startAngle: (props.startAngle + props.endAngle) / 2,
     endAngle: (props.startAngle + props.endAngle) / 2,
-    innerRadius: props.innerRadius,
-    outerRadius: props.outerRadius,
+    innerRadius: props.arcLabelRadius ?? props.innerRadius,
+    outerRadius: props.arcLabelRadius ?? props.outerRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
   return (0, _useAnimate.useAnimate)({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
-    innerRadius: props.innerRadius,
-    outerRadius: props.outerRadius,
+    innerRadius: props?.arcLabelRadius ?? props.innerRadius,
+    outerRadius: props?.arcLabelRadius ?? props.outerRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   }, {

package/hooks/useAxis.d.ts

@@ -10,7 +10,7 @@ import { AxisId, ChartsRadiusAxisProps, ChartsRotationAxisProps, PolarAxisDefaul
  * @returns `{ xAxis, xAxisIds }` - The x-axes and their IDs.
  */
 export declare function useXAxes(): {
-  xAxis: import("../internals").DefaultizedAxisConfig<import("..").ChartsXAxisProps>;
+  xAxis: import("../internals/index.js").ComputedAxisConfig<import("../index.js").ChartsXAxisProps>;
   xAxisIds: string[];
 };
 /**
@@ -24,7 +24,7 @@ export declare function useXAxes(): {
  * @returns `{ yAxis, yAxisIds }` - The y-axes and their IDs.
  */
 export declare function useYAxes(): {
-  yAxis: import("../internals").DefaultizedAxisConfig<import("..").ChartsYAxisProps>;
+  yAxis: import("../internals/index.js").ComputedAxisConfig<import("../index.js").ChartsYAxisProps>;
   yAxisIds: string[];
 };
 /**
@@ -32,19 +32,19 @@ export declare function useYAxes(): {
  * @param {AxisId | undefined} axisId - If provided returns the x axis with axisId, else returns the values for the default x axis.
  * @returns The X axis.
  */
-export declare function useXAxis(axisId?: AxisId): import("../internals").AxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsXAxisProps>;
+export declare function useXAxis(axisId?: AxisId): import("../internals/index.js").ComputedAxis<keyof import("../internals/index.js").AxisScaleConfig, any, import("../index.js").ChartsXAxisProps>;
 /**
  * Get the Y axis.
  * @param {AxisId | undefined} axisId - If provided returns the y axis with axisId, else returns the values for the default y axis.
  * @returns The Y axis.
  */
-export declare function useYAxis(axisId?: AxisId): import("../internals").AxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsYAxisProps>;
+export declare function useYAxis(axisId?: AxisId): import("../internals/index.js").ComputedAxis<keyof import("../internals/index.js").AxisScaleConfig, any, import("../index.js").ChartsYAxisProps>;
 export declare function useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<ChartsRotationAxisProps>;
+  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRotationAxisProps>;
   rotationAxisIds: string[];
 };
 export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
+  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
   radiusAxisIds: string[];
 };
 export declare function useRotationAxis(identifier?: number | string): PolarAxisDefaultized<ScaleName, any, ChartsRotationAxisProps> | undefined;

package/hooks/useChartsLocalization.d.ts

@@ -1 +1 @@
-export declare const useChartsLocalization: () => import("../ChartsLocalizationProvider/ChartsLocalizationProvider").ChartsLocalizationContextValue;
+export declare const useChartsLocalization: () => import("../ChartsLocalizationProvider/ChartsLocalizationProvider.js").ChartsLocalizationContextValue;

package/hooks/useChartsLocalization.js

@@ -10,7 +10,7 @@ var _ChartsLocalizationProvider = require("../ChartsLocalizationProvider/ChartsL
 const useChartsLocalization = () => {
   const localization = React.useContext(_ChartsLocalizationProvider.ChartsLocalizationContext);
   if (localization === null) {
-    throw new Error(['MUI X: Can not find the charts localization context.', 'It looks like you forgot to wrap your component in ChartsLocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-charts` package'].join('\n'));
+    throw new Error(['MUI X Charts: Can not find the charts localization context.', 'It looks like you forgot to wrap your component in ChartsLocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-charts` package'].join('\n'));
   }
   return localization;
 };

package/hooks/useItemHighlightedGetter.d.ts

@@ -7,6 +7,6 @@
  * @returns {{ isHighlighted, isFaded }} callbacks to get the state of the item.
  */
 export declare function useItemHighlightedGetter(): {
-  isHighlighted: (item: import("..").HighlightItemData | null) => boolean;
-  isFaded: (item: import("..").HighlightItemData | null) => boolean;
+  isHighlighted: (item: import("../index.js").HighlightItemData | null) => boolean;
+  isFaded: (item: import("../index.js").HighlightItemData | null) => boolean;
 };

package/hooks/useLegend.d.ts

@@ -1,4 +1,4 @@
-import type { LegendItemParams } from '../ChartsLegend';
+import type { LegendItemParams } from "../ChartsLegend/index.js";
 /**
  * Get the legend items to display.
  *

package/hooks/useSeries.d.ts

@@ -4,4 +4,4 @@
  * { seriesType?: { series: { id1: precessedValue, ... }, seriesOrder: [id1, ...] } }
  * @returns FormattedSeries series
  */
-export declare function useSeries(): import("../internals").ProcessedSeries<keyof import("../internals").ChartsSeriesConfig>;
+export declare function useSeries(): import("../internals/index.js").ProcessedSeries<keyof import("../internals/index.js").ChartsSeriesConfig>;

package/hooks/useSvgRef.js

@@ -13,7 +13,7 @@ var _ChartProvider = require("../context/ChartProvider");
 function useSvgRef() {
   const context = (0, _ChartProvider.useChartContext)();
   if (!context) {
-    throw new Error(['MUI X: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
+    throw new Error(['MUI X Charts: Could not find the svg ref context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
   }
   return context.svgRef;
 }

package/hooks/useZAxis.d.ts

@@ -1,7 +1,7 @@
 export declare function useZAxes(): {
   zAxis: {
-    [axisId: string]: import("../internals").ZAxisDefaultized;
+    [axisId: string]: import("../internals/index.js").ZAxisDefaultized;
   };
-  zAxisIds: import("../internals").AxisId[];
+  zAxisIds: import("../internals/index.js").AxisId[];
 };
-export declare function useZAxis(identifier?: number | string): import("../internals").ZAxisDefaultized;
+export declare function useZAxis(identifier?: number | string): import("../internals/index.js").ZAxisDefaultized;

package/index.d.ts

@@ -24,4 +24,5 @@ export * from "./Gauge/index.js";
 export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
 export * from "./ChartContainer/index.js";
-export * from "./ChartDataProvider/index.js";
+export * from "./ChartDataProvider/index.js";
+export * from "./Toolbar/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.1.0
+ * @mui/x-charts v8.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -306,4 +306,15 @@ Object.keys(_ChartDataProvider).forEach(function (key) {
       return _ChartDataProvider[key];
     }
   });
+});
+var _Toolbar = require("./Toolbar");
+Object.keys(_Toolbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toolbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toolbar[key];
+    }
+  });
 });

package/internals/constants.d.ts

@@ -0,0 +1,4 @@
+/** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
+export declare const ZOOM_SLIDER_MARGIN = 4;
+/** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
+export declare const ZOOM_SLIDER_SIZE: number;

package/internals/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZOOM_SLIDER_SIZE = exports.ZOOM_SLIDER_MARGIN = void 0;
+/** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
+const ZOOM_SLIDER_MARGIN = exports.ZOOM_SLIDER_MARGIN = 4;
+
+/** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
+const ZOOM_SLIDER_SIZE = exports.ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;

package/internals/createSeriesSelectorOfType.d.ts

@@ -1,4 +1,4 @@
 import { ChartSeriesDefaultized, ChartsSeriesConfig } from "../models/seriesType/config.js";
 import { SeriesId } from "../models/seriesType/common.js";
 export declare function createSeriesSelectorsOfType<T extends keyof ChartsSeriesConfig>(seriesType: T): (ids?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | (ChartSeriesDefaultized<T> | undefined)[] | undefined;
-export declare function createAllSeriesSelectorOfType<T extends keyof ChartsSeriesConfig>(seriesType: T): () => import(".").ProcessedSeries<keyof ChartsSeriesConfig>[T];
+export declare function createAllSeriesSelectorOfType<T extends keyof ChartsSeriesConfig>(seriesType: T): () => import("./index.js").ProcessedSeries<keyof ChartsSeriesConfig>[T];

package/internals/createSeriesSelectorOfType.js

@@ -32,7 +32,7 @@ function createSeriesSelectorsOfType(seriesType) {
     if (process.env.NODE_ENV !== 'production' && failedIds.length > 0) {
       const formattedIds = failedIds.map(v => JSON.stringify(v)).join(', ');
       const fnName = `use${seriesType.charAt(0).toUpperCase()}${seriesType.slice(1)}Series`;
-      (0, _warning.warnOnce)([`MUI X: The following ids provided to "${fnName}" could not be found: ${formattedIds}.`, `Make sure that they exist and their series are using the "${seriesType}" series type.`]);
+      (0, _warning.warnOnce)([`MUI X Charts: The following ids provided to "${fnName}" could not be found: ${formattedIds}.`, `Make sure that they exist and their series are using the "${seriesType}" series type.`]);
     }
     return result;
   });

package/internals/createSvgIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.js";
+export declare const createSvgIcon: (path: React.ReactNode, displayName?: string) => (props: ChartBaseIconProps) => React.ReactNode;

package/internals/createSvgIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSvgIcon = void 0;
+var _utils = require("@mui/material/utils");
+const createSvgIcon = exports.createSvgIcon = _utils.createSvgIcon;

package/internals/defaultizeMargin.d.ts

@@ -1,3 +1,3 @@
-import type { ChartMargin, UseChartDimensionsParameters } from './plugins/corePlugins/useChartDimensions/useChartDimensions.types';
+import type { ChartMargin, UseChartDimensionsParameters } from "./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
 export declare function defaultizeMargin(input: UseChartDimensionsParameters['margin'], defaultMargin: ChartMargin): ChartMargin;
 export declare function defaultizeMargin(input: UseChartDimensionsParameters['margin'], defaultMargin?: ChartMargin): Partial<ChartMargin> | undefined;

package/internals/geometry.js

@@ -19,7 +19,7 @@ const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle
 function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
     if (angle > 90 && angle < -90) {
-      (0, _warning.warnOnce)([`MUI X: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
+      (0, _warning.warnOnce)([`MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
     }
   }
   const standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]

package/internals/getPercentageValue.js

@@ -30,5 +30,5 @@ function getPercentageValue(value, refValue) {
       return val;
     }
   }
-  throw new Error(`MUI X: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
+  throw new Error(`MUI X Charts: Received an unknown value "${value}". It should be a number, or a string with a percentage value.`);
 }

package/internals/index.d.ts

@@ -44,4 +44,7 @@ export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";
 export * from "../models/z-axis.js";
 export * from "../models/axis.js";
-export * from "./plugins/models/index.js";
+export * from "./plugins/models/index.js";
+export * from "./material/index.js";
+export * from "./createSvgIcon.js";
+export * from "./constants.js";

package/internals/index.js

@@ -536,4 +536,40 @@ Object.keys(_models).forEach(function (key) {
       return _models[key];
     }
   });
+});
+var _material = require("./material");
+Object.keys(_material).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _material[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _material[key];
+    }
+  });
+});
+var _createSvgIcon = require("./createSvgIcon");
+Object.keys(_createSvgIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _createSvgIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createSvgIcon[key];
+    }
+  });
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
 });

package/internals/material/index.d.ts

@@ -0,0 +1,4 @@
+import { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
+import { ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
+export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
+export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/material/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSlotsMaterial = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+const baseSlots = {
+  baseIconButton: _IconButton.default
+};
+const iconSlots = {};
+const defaultSlotsMaterial = exports.defaultSlotsMaterial = (0, _extends2.default)({}, baseSlots, iconSlots);

package/internals/plugins/allPlugins.d.ts

@@ -6,4 +6,4 @@ import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/i
 import { UseChartVoronoiSignature } from "./featurePlugins/useChartVoronoi/index.js";
 import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
 export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
-export declare const DEFAULT_PLUGINS: readonly [import("./models").ChartPlugin<UseChartZAxisSignature>, import("./models").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models").ChartPlugin<UseChartInteractionSignature>, import("./models").ChartPlugin<UseChartHighlightSignature>, import("./models").ChartPlugin<UseChartVoronoiSignature>];
+export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartVoronoiSignature>];

package/internals/plugins/corePlugins/corePlugins.d.ts

@@ -1,9 +1,11 @@
-import { ConvertPluginsIntoSignatures } from "../models/helpers.js";
-import { UseChartIdParameters } from "./useChartId/index.js";
+import { type UseChartAnimationSignature } from "./useChartAnimation/index.js";
+import { type UseChartDimensionsSignature } from "./useChartDimensions/index.js";
+import { type UseChartIdSignature, UseChartIdParameters } from "./useChartId/index.js";
+import { type UseChartSeriesSignature } from "./useChartSeries/index.js";
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the Charts components.
  */
-export declare const CHART_CORE_PLUGINS: readonly [import("../models").ChartPlugin<import("./useChartId").UseChartIdSignature>, import("../models").ChartPlugin<import("./useChartDimensions").UseChartDimensionsSignature>, import("../models").ChartPlugin<import("./useChartSeries").UseChartSeriesSignature>, import("../models").ChartPlugin<import("./useChartAnimation").UseChartAnimationSignature>];
-export type ChartCorePluginSignatures = ConvertPluginsIntoSignatures<typeof CHART_CORE_PLUGINS>;
+export declare const CHART_CORE_PLUGINS: readonly [import("../models/index.js").ChartPlugin<UseChartIdSignature>, import("../models/index.js").ChartPlugin<UseChartDimensionsSignature>, import("../models/index.js").ChartPlugin<UseChartSeriesSignature>, import("../models/index.js").ChartPlugin<UseChartAnimationSignature>];
+export type ChartCorePluginSignatures = [UseChartIdSignature, UseChartDimensionsSignature, UseChartSeriesSignature, UseChartAnimationSignature];
 export interface ChartCorePluginParameters extends UseChartIdParameters {}

package/internals/plugins/corePlugins/corePlugins.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CHART_CORE_PLUGINS = void 0;
 var _useChartAnimation = require("./useChartAnimation");
-var _useChartDimensions = require("./useChartDimensions/useChartDimensions");
+var _useChartDimensions = require("./useChartDimensions");
 var _useChartId = require("./useChartId");
 var _useChartSeries = require("./useChartSeries");
 /**

package/internals/plugins/corePlugins/index.d.ts

@@ -1,2 +1,2 @@
 export { CHART_CORE_PLUGINS } from "./corePlugins.js";
-export type { ChartCorePluginSignatures, ChartCorePluginParameters } from './corePlugins';
+export type { ChartCorePluginSignatures, ChartCorePluginParameters } from "./corePlugins.js";

package/internals/plugins/corePlugins/useChartAnimation/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartAnimation } from "./useChartAnimation.js";
-export type { UseChartAnimationSignature, UseChartAnimationParameters, UseChartAnimationDefaultizedParameters } from './useChartAnimation.types';
+export type { UseChartAnimationSignature, UseChartAnimationParameters, UseChartAnimationDefaultizedParameters } from "./useChartAnimation.types.js";
 export * from "./useChartAnimation.selectors.js";

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.d.ts

@@ -1,3 +1,3 @@
 import { ChartPlugin } from "../../models/index.js";
-import type { UseChartAnimationSignature } from './useChartAnimation.types';
+import type { UseChartAnimationSignature } from "./useChartAnimation.types.js";
 export declare const useChartAnimation: ChartPlugin<UseChartAnimationSignature>;

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts

@@ -1,7 +1,7 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
-import type { UseChartAnimationSignature } from './useChartAnimation.types';
-export declare const selectorChartSkipAnimation: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+import type { UseChartAnimationSignature } from "./useChartAnimation.types.js";
+export declare const selectorChartSkipAnimation: ((state: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("./useChartAnimation.types.js").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean) & {
   clearCache: () => void;
   resultsCount: () => number;

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types.d.ts

@@ -1,5 +1,5 @@
 import { ChartPluginSignature } from "../../models/index.js";
-import type { UseChartCartesianAxisSignature } from '../../featurePlugins/useChartCartesianAxis';
+import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface UseChartAnimationParameters {
   /**
    * If `true`, animations are skipped.

package/internals/plugins/corePlugins/useChartDimensions/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartDimensions } from "./useChartDimensions.js";
-export type { UseChartDimensionsSignature, UseChartDimensionsParameters, UseChartDimensionsDefaultizedParameters } from './useChartDimensions.types';
+export type { UseChartDimensionsSignature, UseChartDimensionsParameters, UseChartDimensionsDefaultizedParameters } from "./useChartDimensions.types.js";
 export * from "./useChartDimensions.selectors.js";

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.d.ts

@@ -1,3 +1,3 @@
 import { ChartPlugin } from "../../models/index.js";
-import type { UseChartDimensionsSignature } from './useChartDimensions.types';
+import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js";
 export declare const useChartDimensions: ChartPlugin<UseChartDimensionsSignature>;

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.js

@@ -142,11 +142,11 @@ const useChartDimensions = ({
   }, [computeSize, hasInSize, svgRef]);
   if (process.env.NODE_ENV !== 'production') {
     if (stateRef.current.displayError && params.width === undefined && innerWidth === 0) {
-      console.error(`MUI X: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
+      console.error(`MUI X Charts: ChartContainer does not have \`width\` prop, and its container has no \`width\` defined.`);
       stateRef.current.displayError = false;
     }
     if (stateRef.current.displayError && params.height === undefined && innerHeight === 0) {
-      console.error(`MUI X: ChartContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
+      console.error(`MUI X Charts: ChartContainer does not have \`height\` prop, and its container has no \`height\` defined.`);
       stateRef.current.displayError = false;
     }
   }