@mui/x-charts 8.1.0 → 8.2.0

package/internals/plugins/featurePlugins/useChartVoronoi/index.d.ts

@@ -1,3 +1,3 @@
 export { useChartVoronoi } from "./useChartVoronoi.js";
 export * from "./useChartVoronoi.selectors.js";
-export type { UseChartVoronoiSignature } from './useChartVoronoi.types';
+export type { UseChartVoronoiSignature } from "./useChartVoronoi.types.js";

package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.d.ts

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

package/internals/plugins/featurePlugins/useChartZAxis/index.d.ts

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

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.js

@@ -49,7 +49,7 @@ function getZAxisState(zAxis, dataset) {
       return;
     }
     if (dataset === undefined) {
-      throw new Error('MUI X: z-axis uses `dataKey` but no `dataset` is provided.');
+      throw new Error('MUI X Charts: z-axis uses `dataKey` but no `dataset` is provided.');
     }
     zAxisLookup[defaultizedId] = processColorMap(addDefaultId((0, _extends2.default)({}, axisConfig, {
       data: dataset.map(d => d[dataKey])

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts

@@ -1,12 +1,12 @@
 import { ChartState } from "../../models/chart.js";
 import { UseChartZAxisSignature } from "./useChartZAxis.types.js";
-export declare const selectorChartZAxis: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("./useChartZAxis.types").UseChartZAxisState & Partial<{}> & {
-  cacheKey: import("../../models").ChartStateCacheKey;
+export declare const selectorChartZAxis: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => {
   axis: {
-    [axisId: string]: import("../../..").ZAxisDefaultized;
+    [axisId: string]: import("../../../index.js").ZAxisDefaultized;
   };
-  axisIds: import("../../..").AxisId[];
+  axisIds: import("../../../index.js").AxisId[];
 }) & {
   clearCache: () => void;
   resultsCount: () => number;
@@ -14,15 +14,15 @@ export declare const selectorChartZAxis: ((state: import("../../corePlugins/useC
 } & {
   resultFunc: (resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
     axis: {
-      [axisId: string]: import("../../..").ZAxisDefaultized;
+      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
     };
-    axisIds: import("../../..").AxisId[];
+    axisIds: import("../../../index.js").AxisId[];
   };
   memoizedResultFunc: ((resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
     axis: {
-      [axisId: string]: import("../../..").ZAxisDefaultized;
+      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
     };
-    axisIds: import("../../..").AxisId[];
+    axisIds: import("../../../index.js").AxisId[];
   }) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -30,9 +30,9 @@ export declare const selectorChartZAxis: ((state: import("../../corePlugins/useC
   };
   lastResult: () => {
     axis: {
-      [axisId: string]: import("../../..").ZAxisDefaultized;
+      [axisId: string]: import("../../../index.js").ZAxisDefaultized;
     };
-    axisIds: import("../../..").AxisId[];
+    axisIds: import("../../../index.js").AxisId[];
   };
   dependencies: [(state: ChartState<[UseChartZAxisSignature]>) => ChartState<[UseChartZAxisSignature]>];
   recomputations: () => number;

package/internals/plugins/models/chart.d.ts

@@ -1,6 +1,6 @@
-import type { ChartAnyPluginSignature } from './plugin';
-import type { MergeSignaturesProperty } from './helpers';
-import type { ChartCorePluginSignatures } from '../corePlugins';
+import type { ChartAnyPluginSignature } from "./plugin.js";
+import type { MergeSignaturesProperty } from "./helpers.js";
+import type { ChartCorePluginSignatures } from "../corePlugins/index.js";
 export type ChartInstance<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = MergeSignaturesProperty<[...ChartCorePluginSignatures, ...TSignatures], 'instance'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'instance'>>;
 export type ChartPublicAPI<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = MergeSignaturesProperty<[...ChartCorePluginSignatures, ...TSignatures], 'publicAPI'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'instance'>>;
 export type ChartStateCacheKey = {

package/internals/plugins/models/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { ChartAnyPluginSignature, ChartPlugin } from './plugin';
+import type { ChartAnyPluginSignature, ChartPlugin } from "./plugin.js";
 type IsAny<T> = 0 extends 1 & T ? true : false;
 export type OptionalIfEmpty<A extends string, B> = keyof B extends never ? Partial<Record<A, B>> : IsAny<B> extends true ? Partial<Record<A, B>> : Record<A, B>;
 export type MergeSignaturesProperty<TSignatures extends readonly any[], TProperty extends keyof ChartAnyPluginSignature> = TSignatures extends readonly [plugin: infer P, ...otherPlugin: infer R] ? P extends ChartAnyPluginSignature ? P[TProperty] & MergeSignaturesProperty<R, TProperty> : {} : {};

package/internals/plugins/models/plugin.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { MergeSignaturesProperty, OptionalIfEmpty } from './helpers';
-import type { ChartCorePluginSignatures } from '../corePlugins';
+import type { MergeSignaturesProperty, OptionalIfEmpty } from "./helpers.js";
+import type { ChartCorePluginSignatures } from "../corePlugins/index.js";
 import { ChartStore } from "../utils/ChartStore.js";
 import { ChartSeriesConfig } from "./seriesConfig/index.js";
 export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature> {

package/internals/plugins/models/seriesConfig/cartesianExtremumGetter.types.d.ts

@@ -1,6 +1,6 @@
-import type { CartesianChartSeriesType, ChartSeriesDefaultized } from '../../../../models/seriesType/config';
-import type { AxisConfig, AxisId } from '../../../../models/axis';
-import type { SeriesId } from '../../../../models/seriesType/common';
+import type { CartesianChartSeriesType, ChartSeriesDefaultized } from "../../../../models/seriesType/config.js";
+import type { AxisConfig, AxisId } from "../../../../models/axis.js";
+import type { SeriesId } from "../../../../models/seriesType/common.js";
 type CartesianExtremumGetterParams<TSeriesType extends CartesianChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
   axis: AxisConfig;

package/internals/plugins/models/seriesConfig/colorProcessor.types.d.ts

@@ -1,7 +1,7 @@
-import type { AxisDefaultized } from '../../../../models/axis';
-import type { DefaultizedSeriesType } from '../../../../models/seriesType';
-import type { ZAxisDefaultized } from '../../../../models/z-axis';
-import type { ChartSeriesType } from '../../../../models/seriesType/config';
+import type { ComputedXAxis, ComputedYAxis } from "../../../../models/axis.js";
+import type { DefaultizedSeriesType } from "../../../../models/seriesType/index.js";
+import type { ZAxisDefaultized } from "../../../../models/z-axis.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 /**
  * Map data index to a color.
  * If dataIndex is not defined, it falls back to the series color when defined.
@@ -11,4 +11,4 @@ export type ColorGetter<TSeriesType extends ChartSeriesType> = TSeriesType exten
  * Transforms charts config to a color getter.
  * If dataIndex is not defined, it falls back to the series color.
  */
-export type ColorProcessor<TSeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<TSeriesType>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => ColorGetter<TSeriesType>;
+export type ColorProcessor<TSeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<TSeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<TSeriesType>;

package/internals/plugins/models/seriesConfig/getSeriesWithDefaultValues.types.d.ts

@@ -1,3 +1,3 @@
-import type { ChartSeries, ChartSeriesType } from '../../../../models/seriesType/config';
-import type { AllSeriesType } from '../../../../models/seriesType';
+import type { ChartSeries, ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { AllSeriesType } from "../../../../models/seriesType/index.js";
 export type GetSeriesWithDefaultValues<T extends ChartSeriesType> = (series: AllSeriesType<T>, seriesIndex: number, colors: string[]) => ChartSeries<T>;

package/internals/plugins/models/seriesConfig/legendGetter.types.d.ts

@@ -1,4 +1,4 @@
-import type { LegendItemParams } from '../../../../ChartsLegend';
-import type { ChartSeriesType } from '../../../../models/seriesType/config';
-import type { SeriesProcessorResult } from './seriesProcessor.types';
+import type { LegendItemParams } from "../../../../ChartsLegend/index.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { SeriesProcessorResult } from "./seriesProcessor.types.js";
 export type LegendGetter<T extends ChartSeriesType> = (series: SeriesProcessorResult<T>) => LegendItemParams[];

package/internals/plugins/models/seriesConfig/polarExtremumGetter.types.d.ts

@@ -1,6 +1,6 @@
-import type { PolarChartSeriesType, ChartSeriesDefaultized } from '../../../../models/seriesType/config';
-import type { AxisConfig } from '../../../../models/axis';
-import type { SeriesId } from '../../../../models/seriesType/common';
+import type { PolarChartSeriesType, ChartSeriesDefaultized } from "../../../../models/seriesType/config.js";
+import type { AxisConfig } from "../../../../models/axis.js";
+import type { SeriesId } from "../../../../models/seriesType/common.js";
 type PolarExtremumGetterParams<TSeriesType extends PolarChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
   axis: AxisConfig;

package/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts

@@ -1,9 +1,9 @@
-import type { SeriesProcessor } from './seriesProcessor.types';
-import type { CartesianChartSeriesType, ChartSeriesType, PolarChartSeriesType } from '../../../../models/seriesType/config';
-import type { ColorProcessor } from './colorProcessor.types';
-import type { CartesianExtremumGetter } from './cartesianExtremumGetter.types';
-import type { LegendGetter } from './legendGetter.types';
-import type { AxisTooltipGetter, TooltipGetter } from './tooltipGetter.types';
+import type { SeriesProcessor } from "./seriesProcessor.types.js";
+import type { CartesianChartSeriesType, ChartSeriesType, PolarChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { ColorProcessor } from "./colorProcessor.types.js";
+import type { CartesianExtremumGetter } from "./cartesianExtremumGetter.types.js";
+import type { LegendGetter } from "./legendGetter.types.js";
+import type { AxisTooltipGetter, TooltipGetter } from "./tooltipGetter.types.js";
 import { PolarExtremumGetter } from "./polarExtremumGetter.types.js";
 import { GetSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.types.js";
 export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {

package/internals/plugins/models/seriesConfig/seriesProcessor.types.d.ts

@@ -1,6 +1,6 @@
-import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from '../../../../models/seriesType/config';
-import type { SeriesId } from '../../../../models/seriesType/common';
-import type { StackingGroupsType } from '../../../stackSeries';
+import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from "../../../../models/seriesType/config.js";
+import type { SeriesId } from "../../../../models/seriesType/common.js";
+import type { StackingGroupsType } from "../../../stackSeries.js";
 export type SeriesProcessorParams<TSeriesType extends ChartSeriesType> = {
   series: Record<SeriesId, ChartsSeriesConfig[TSeriesType]['seriesInput']>;
   seriesOrder: SeriesId[];

package/internals/plugins/models/seriesConfig/tooltipGetter.types.d.ts

@@ -1,6 +1,6 @@
-import type { ChartItemIdentifier, ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from '../../../../models/seriesType/config';
+import type { ChartItemIdentifier, ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
 import { SeriesId } from "../../../../models/seriesType/common.js";
-import { AxisDefaultized, AxisId, ChartsXAxisProps, ChartsYAxisProps, ChartsRotationAxisProps, ChartsRadiusAxisProps, PolarAxisDefaultized } from "../../../../models/axis.js";
+import { AxisId, ChartsRotationAxisProps, ChartsRadiusAxisProps, PolarAxisDefaultized, ComputedXAxis, ComputedYAxis } from "../../../../models/axis.js";
 import { ChartsLabelMarkProps } from "../../../../ChartsLabel/ChartsLabelMark.js";
 import { ColorGetter } from "./colorProcessor.types.js";
 export interface ItemTooltip<T extends ChartSeriesType> {
@@ -50,8 +50,8 @@ export type ItemTooltipWithMultipleValues<T extends 'radar' = 'radar'> = Pick<It
   }[];
 };
 export interface TooltipGetterAxesConfig {
-  x?: AxisDefaultized<any, any, ChartsXAxisProps>;
-  y?: AxisDefaultized<any, any, ChartsYAxisProps>;
+  x?: ComputedXAxis;
+  y?: ComputedYAxis;
   rotation?: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
   radius?: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
 }

package/internals/plugins/utils/ChartStore.d.ts

@@ -1,5 +1,5 @@
-import type { ChartState } from '../models/chart';
-import type { ChartAnyPluginSignature } from '../models/plugin';
+import type { ChartState } from "../models/chart.js";
+import type { ChartAnyPluginSignature } from "../models/plugin.js";
 type Listener<T> = (value: T) => void;
 export type StoreUpdater<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = (prevState: ChartState<TSignatures, TOptionalSignatures>) => ChartState<TSignatures, TOptionalSignatures>;
 export declare class ChartStore<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> {

package/internals/stackSeries.d.ts

@@ -1,5 +1,5 @@
 import { Series } from '@mui/x-charts-vendor/d3-shape';
-import type { StackOffsetType, StackOrderType } from '../models/stacking';
+import type { StackOffsetType, StackOrderType } from "../models/stacking.js";
 import { SeriesId, StackableSeriesType } from "../models/seriesType/common.js";
 type FormatterParams<T> = {
   series: Record<SeriesId, T>;

package/internals/store/useChartModels.js

@@ -53,7 +53,7 @@ const useChartModels = (plugins, props) => {
       /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps, react-compiler/react-compiler */
       React.useEffect(() => {
         if (model.isControlled !== (controlled !== undefined)) {
-          console.error([`MUI X: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of Chart to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
+          console.error([`MUI X Charts: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of Chart to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
         }
       }, [controlled]);
       const {
@@ -61,7 +61,7 @@ const useChartModels = (plugins, props) => {
       } = React.useRef(newDefaultValue);
       React.useEffect(() => {
         if (!model.isControlled && defaultValue !== newDefaultValue) {
-          console.error([`MUI X: A component is changing the default ${modelName} state of an uncontrolled Chart after being initialized. ` + `To suppress this warning opt to use a controlled Chart.`].join('\n'));
+          console.error([`MUI X Charts: A component is changing the default ${modelName} state of an uncontrolled Chart after being initialized. ` + `To suppress this warning opt to use a controlled Chart.`].join('\n'));
         }
       }, [JSON.stringify(newDefaultValue)]);
     });

package/internals/store/useCharts.d.ts

@@ -16,7 +16,7 @@ import { ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js";
  */
 export declare function useCharts<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>, seriesConfig: ChartSeriesConfig<TSeriesType>): {
   contextValue: {
-    store: ChartStore<readonly [import("..").UseChartIdSignature, import("..").UseChartDimensionsSignature, import("..").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation").UseChartAnimationSignature, ...TSignatures]> & UseChartInteractionState;
+    store: ChartStore<readonly [import("../index.js").UseChartIdSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, ...TSignatures]> & UseChartInteractionState;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
     svgRef: React.RefObject<SVGSVGElement | null>;

package/internals/store/useStore.js

@@ -9,7 +9,7 @@ var _ChartProvider = require("../../context/ChartProvider");
 function useStore() {
   const context = (0, _ChartProvider.useChartContext)();
   if (!context) {
-    throw new Error(['MUI X: Could not find the charts 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 charts context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
   }
   return context.store;
 }

package/locales/index.d.ts

@@ -1,3 +1,3 @@
-export type { ChartsLocaleText } from './utils/chartsLocaleTextApi';
+export type { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
 export * from "./enUS.js";
 export * from "./frFR.js";

package/models/axis.d.ts

@@ -2,7 +2,7 @@ import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { type MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import { ChartsAxisClasses } from "../ChartsAxis/axisClasses.js";
-import type { TickParams } from '../hooks/useTicks';
+import type { TickParams } from "../hooks/useTicks.js";
 import { ChartsTextProps } from "../ChartsText/index.js";
 import { ContinuousColorConfig, OrdinalColorConfig, PiecewiseColorConfig } from "./colorMapping.js";
 export type AxisId = string | number;
@@ -289,7 +289,9 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
  */
 type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
   /**
-   * Id used to identify the axis.
+   * ID used to identify the axis.
+   *
+   * The ID must be unique across all axes in this chart.
    */
   id: AxisId;
   /**
@@ -368,7 +370,7 @@ export type PolarAxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisP
    */
   triggerTooltip?: boolean;
 };
-export type AxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = MakeRequired<Omit<AxisConfig<S, V, AxisProps>, 'scaleType'>, 'offset'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
+export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps> = MakeRequired<Omit<AxisConfig<S, V, AxisProps>, 'scaleType'>, 'offset'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
   /**
    * An indication of the expected number of ticks.
    */
@@ -378,6 +380,8 @@ export type AxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisProps
    */
   triggerTooltip?: boolean;
 } & (AxisProps extends ChartsXAxisProps ? MakeRequired<AxisSideConfig<AxisProps>, 'height'> : AxisProps extends ChartsYAxisProps ? MakeRequired<AxisSideConfig<AxisProps>, 'width'> : AxisSideConfig<AxisProps>);
+export type ComputedXAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsXAxisProps>;
+export type ComputedYAxis<S extends ScaleName = ScaleName, V = any> = ComputedAxis<S, V, ChartsYAxisProps>;
 export declare function isBandScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'band'> & {
   scaleType: 'band';
 };
@@ -405,4 +409,12 @@ export type XAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleNam
 export type YAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? MakeOptional<AxisConfig<S, V, ChartsYAxisProps>, 'id'> : never;
 export type RotationAxis<S extends ScaleName = ScaleName, V = any> = S extends ScaleName ? AxisConfig<S, V, ChartsRotationAxisProps> : never;
 export type RadiusAxis<S extends 'linear' = 'linear', V = any> = S extends 'linear' ? AxisConfig<S, V, ChartsRadiusAxisProps> : never;
+/**
+ * The x-axis configuration with missing values filled with default values.
+ */
+export type DefaultedXAxis<S extends ScaleName = ScaleName, V = any> = AxisConfig<S, V, ChartsXAxisProps>;
+/**
+ * The y-axis configuration with missing values filled with default values.
+ */
+export type DefaultedYAxis<S extends ScaleName = ScaleName, V = any> = AxisConfig<S, V, ChartsYAxisProps>;
 export {};

package/models/axis.js

@@ -27,4 +27,12 @@ function isPointScaleConfig(scaleConfig) {
 
 /**
  * The data format returned by onAxisClick.
+ */
+
+/**
+ * The x-axis configuration with missing values filled with default values.
+ */
+
+/**
+ * The y-axis configuration with missing values filled with default values.
  */

package/models/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
-export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from './axis';
+export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
-export type { Position } from './position';
-export type { CurveType } from './curve';
+export type { Position } from "./position.js";
+export type { CurveType } from "./curve.js";

package/models/seriesType/bar.d.ts

@@ -1,5 +1,5 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
-import type { StackOffsetType } from '../stacking';
+import type { StackOffsetType } from "../stacking.js";
 import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType } from "./common.js";
 export interface BarSeriesType extends CommonSeriesType<number | null>, CartesianSeriesType, StackableSeriesType {
   type: 'bar';

package/models/seriesType/common.d.ts

@@ -1,6 +1,6 @@
-import type { ChartsLabelMarkProps } from '../../ChartsLabel';
+import type { ChartsLabelMarkProps } from "../../ChartsLabel/index.js";
 import { HighlightScope } from "../../internals/plugins/featurePlugins/useChartHighlight/highlightConfig.types.js";
-import type { StackOffsetType, StackOrderType } from '../stacking';
+import type { StackOffsetType, StackOrderType } from "../stacking.js";
 export type SeriesId = number | string;
 export type SeriesValueFormatterContext = {
   /**

package/models/seriesType/line.d.ts

@@ -1,5 +1,5 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
-import type { StackOffsetType } from '../stacking';
+import type { StackOffsetType } from "../stacking.js";
 import { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId, StackableSeriesType } from "./common.js";
 import { CurveType } from "../curve.js";
 export interface ShowMarkParams<AxisValue = number | Date> {

package/models/seriesType/pie.d.ts

@@ -1,7 +1,7 @@
 import { PieArcDatum as D3PieArcDatum } from '@mui/x-charts-vendor/d3-shape';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { CommonDefaultizedProps, CommonSeriesType, SeriesId } from "./common.js";
-import type { ChartsLabelMarkProps } from '../../ChartsLabel';
+import type { ChartsLabelMarkProps } from "../../ChartsLabel/index.js";
 export type PieItemId = string | number;
 export type PieValueType = {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.1.0",
+  "version": "8.2.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -37,7 +37,7 @@
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
     "@mui/x-charts-vendor": "8.0.0",
-    "@mui/x-internals": "8.0.0"
+    "@mui/x-internals": "8.2.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/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/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/themeAugmentation/overrides.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/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/themeAugmentation/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/colorPalettes/colorPalettes.d.ts

@@ -1,16 +0,0 @@
-export type ChartsColorPaletteCallback = (mode: 'light' | 'dark') => string[];
-export type ChartsColorPalette = string[] | ChartsColorPaletteCallback;
-export type ChartsColorCallback = (mode: 'light' | 'dark') => string;
-export type ChartsColor = string | ChartsColorCallback;
-export declare const rainbowSurgePaletteLight: string[];
-export declare const rainbowSurgePaletteDark: string[];
-export declare const rainbowSurgePalette: ChartsColorPaletteCallback;
-export declare const blueberryTwilightPaletteLight: string[];
-export declare const blueberryTwilightPaletteDark: string[];
-export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;
-export declare const mangoFusionPaletteLight: string[];
-export declare const mangoFusionPaletteDark: string[];
-export declare const mangoFusionPalette: ChartsColorPaletteCallback;
-export declare const cheerfulFiestaPaletteDark: string[];
-export declare const cheerfulFiestaPaletteLight: string[];
-export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/colorPalettes/colorPalettes.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rainbowSurgePaletteLight = exports.rainbowSurgePaletteDark = exports.rainbowSurgePalette = exports.mangoFusionPaletteLight = exports.mangoFusionPaletteDark = exports.mangoFusionPalette = exports.cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteDark = exports.cheerfulFiestaPalette = exports.blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteDark = exports.blueberryTwilightPalette = void 0;
-const rainbowSurgePaletteLight = exports.rainbowSurgePaletteLight = ['#4254FB', '#FFB422', '#FA4F58', '#0DBEFF', '#22BF75', '#FA83B4', '#FF7511'];
-const rainbowSurgePaletteDark = exports.rainbowSurgePaletteDark = ['#495AFB', '#FFC758', '#F35865', '#30C8FF', '#44CE8D', '#F286B3', '#FF8C39'];
-const rainbowSurgePalette = mode => mode === 'dark' ? rainbowSurgePaletteDark : rainbowSurgePaletteLight;
-exports.rainbowSurgePalette = rainbowSurgePalette;
-const blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteLight = ['#02B2AF', '#2E96FF', '#B800D8', '#60009B', '#2731C8', '#03008D'];
-const blueberryTwilightPaletteDark = exports.blueberryTwilightPaletteDark = ['#02B2AF', '#72CCFF', '#DA00FF', '#9001CB', '#2E96FF', '#3B48E0'];
-const blueberryTwilightPalette = mode => mode === 'dark' ? blueberryTwilightPaletteDark : blueberryTwilightPaletteLight;
-exports.blueberryTwilightPalette = blueberryTwilightPalette;
-const mangoFusionPaletteLight = exports.mangoFusionPaletteLight = ['#173A5E', '#00A3A0', '#C91B63', '#EF5350', '#FFA726', '#B800D8', '#60009B', '#2E96FF', '#2731C8', '#03008D'];
-const mangoFusionPaletteDark = exports.mangoFusionPaletteDark = ['#41698F', '#19D0CD', '#DE196B', '#FC5F5C', '#FFD771', '#DA00FF', '#9001CB', '#72CCFF', '#2E96FF', '#3B48E0'];
-const mangoFusionPalette = mode => mode === 'dark' ? mangoFusionPaletteDark : mangoFusionPaletteLight;
-exports.mangoFusionPalette = mangoFusionPalette;
-const cheerfulFiestaPaletteDark = exports.cheerfulFiestaPaletteDark = ['#0059B2', '#2E96FF', '#FFC24C', '#FF9F0E', '#F38200', '#2ABFDE', '#1F94AD', '#BD2C38', '#FF3143', '#FF8282'];
-const cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteLight = ['#003A75', '#007FFF', '#FFC24C', '#FF9D09', '#CA6C00', '#127D94', '#1F94AD', '#C82634', '#FF3143', '#FF7E7E'];
-const cheerfulFiestaPalette = mode => mode === 'dark' ? cheerfulFiestaPaletteDark : cheerfulFiestaPaletteLight;
-exports.cheerfulFiestaPalette = cheerfulFiestaPalette;

package/esm/colorPalettes/colorPalettes.d.ts

@@ -1,16 +0,0 @@
-export type ChartsColorPaletteCallback = (mode: 'light' | 'dark') => string[];
-export type ChartsColorPalette = string[] | ChartsColorPaletteCallback;
-export type ChartsColorCallback = (mode: 'light' | 'dark') => string;
-export type ChartsColor = string | ChartsColorCallback;
-export declare const rainbowSurgePaletteLight: string[];
-export declare const rainbowSurgePaletteDark: string[];
-export declare const rainbowSurgePalette: ChartsColorPaletteCallback;
-export declare const blueberryTwilightPaletteLight: string[];
-export declare const blueberryTwilightPaletteDark: string[];
-export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;
-export declare const mangoFusionPaletteLight: string[];
-export declare const mangoFusionPaletteDark: string[];
-export declare const mangoFusionPalette: ChartsColorPaletteCallback;
-export declare const cheerfulFiestaPaletteDark: string[];
-export declare const cheerfulFiestaPaletteLight: string[];
-export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/esm/colorPalettes/colorPalettes.js

@@ -1,12 +0,0 @@
-export const rainbowSurgePaletteLight = ['#4254FB', '#FFB422', '#FA4F58', '#0DBEFF', '#22BF75', '#FA83B4', '#FF7511'];
-export const rainbowSurgePaletteDark = ['#495AFB', '#FFC758', '#F35865', '#30C8FF', '#44CE8D', '#F286B3', '#FF8C39'];
-export const rainbowSurgePalette = mode => mode === 'dark' ? rainbowSurgePaletteDark : rainbowSurgePaletteLight;
-export const blueberryTwilightPaletteLight = ['#02B2AF', '#2E96FF', '#B800D8', '#60009B', '#2731C8', '#03008D'];
-export const blueberryTwilightPaletteDark = ['#02B2AF', '#72CCFF', '#DA00FF', '#9001CB', '#2E96FF', '#3B48E0'];
-export const blueberryTwilightPalette = mode => mode === 'dark' ? blueberryTwilightPaletteDark : blueberryTwilightPaletteLight;
-export const mangoFusionPaletteLight = ['#173A5E', '#00A3A0', '#C91B63', '#EF5350', '#FFA726', '#B800D8', '#60009B', '#2E96FF', '#2731C8', '#03008D'];
-export const mangoFusionPaletteDark = ['#41698F', '#19D0CD', '#DE196B', '#FC5F5C', '#FFD771', '#DA00FF', '#9001CB', '#72CCFF', '#2E96FF', '#3B48E0'];
-export const mangoFusionPalette = mode => mode === 'dark' ? mangoFusionPaletteDark : mangoFusionPaletteLight;
-export const cheerfulFiestaPaletteDark = ['#0059B2', '#2E96FF', '#FFC24C', '#FF9F0E', '#F38200', '#2ABFDE', '#1F94AD', '#BD2C38', '#FF3143', '#FF8282'];
-export const cheerfulFiestaPaletteLight = ['#003A75', '#007FFF', '#FFC24C', '#FF9D09', '#CA6C00', '#127D94', '#1F94AD', '#C82634', '#FF3143', '#FF7E7E'];
-export const cheerfulFiestaPalette = mode => mode === 'dark' ? cheerfulFiestaPaletteDark : cheerfulFiestaPaletteLight;