@mui/x-charts 8.1.0 → 8.2.0

package/BarChart/BarChart.js

@@ -175,7 +175,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/BarChart/BarLabel/BarLabel.types.d.ts

@@ -1,5 +1,5 @@
 import { SeriesId } from "../../models/seriesType/common.js";
-import type { BarLabelClasses } from './barLabelClasses';
+import type { BarLabelClasses } from "./barLabelClasses.js";
 export interface BarLabelOwnerState {
   seriesId: SeriesId;
   dataIndex: number;

package/BarChart/BarLabel/BarLabelPlot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CompletedBarData } from '../types';
+import type { CompletedBarData } from "../types.js";
 import { BarLabelItemProps } from "./BarLabelItem.js";
 type BarLabelPlotProps = {
   bars: CompletedBarData[];

package/BarChart/BarLabel/barLabelClasses.d.ts

@@ -1,4 +1,4 @@
-import type { BarLabelOwnerState } from './BarLabel.types';
+import type { BarLabelOwnerState } from "./BarLabel.types.js";
 export interface BarLabelClasses {
   /** Styles applied to the root element. */
   root: string;

package/BarChart/BarLabel/index.d.ts

@@ -1,6 +1,6 @@
 export { BarLabel } from "./BarLabel.js";
-export type { BarLabelProps } from './BarLabel';
+export type { BarLabelProps } from "./BarLabel.js";
 export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";
-export type { BarLabelSlotProps, BarLabelSlots } from './BarLabelItem';
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from './BarLabel.types';
-export type { BarLabelClasses, BarLabelClassKey } from './barLabelClasses';
+export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.js";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";
+export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.js";

package/BarChart/checkScaleErrors.d.ts

@@ -1,10 +1,10 @@
-import { AxisDefaultized, AxisId } from "../models/axis.js";
+import { AxisId, ComputedXAxis, ComputedYAxis } from "../models/axis.js";
 import { DefaultizedBarSeriesType } from "../models/seriesType/bar.js";
 import { SeriesId } from "../models/seriesType/common.js";
 export declare function checkScaleErrors(verticalLayout: boolean, seriesId: SeriesId, series: DefaultizedBarSeriesType & {
   stackedData: [number, number][];
 }, xAxisId: AxisId, xAxis: {
-  [axisId: AxisId]: AxisDefaultized;
+  [axisId: AxisId]: ComputedXAxis;
 }, yAxisId: AxisId, yAxis: {
-  [axisId: AxisId]: AxisDefaultized;
+  [axisId: AxisId]: ComputedYAxis;
 }): void;

package/BarChart/checkScaleErrors.js

@@ -23,17 +23,17 @@ function checkScaleErrors(verticalLayout, seriesId, series, xAxisId, xAxis, yAxi
   const discreteAxisDirection = verticalLayout ? 'x' : 'y';
   const continuousAxisDirection = verticalLayout ? 'y' : 'x';
   if (!(0, _axis.isBandScaleConfig)(discreteAxisConfig)) {
-    throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
   }
   if (discreteAxisConfig.data === undefined) {
-    throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
   }
   if ((0, _axis.isBandScaleConfig)(continuousAxisConfig) || (0, _axis.isPointScaleConfig)(continuousAxisConfig)) {
-    throw new Error(`MUI X: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
+    throw new Error(`MUI X Charts: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
   }
   if (process.env.NODE_ENV !== 'production') {
     if (discreteAxisConfig.data.length < series.stackedData.length) {
-      (0, _warning.warnOnce)([`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} has less data (${discreteAxisConfig.data.length} values) than the bar series of id "${seriesId}" (${series.stackedData.length} values).`, 'The axis data should have at least the same length than the series using it.'], 'error');
+      (0, _warning.warnOnce)([`MUI X Charts: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} has less data (${discreteAxisConfig.data.length} values) than the bar series of id "${seriesId}" (${series.stackedData.length} values).`, 'The axis data should have at least the same length than the series using it.'], 'error');
     }
   }
 }

package/BarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'bar'>;
 export default getSeriesWithDefaultValues;

package/BarChart/seriesConfig/seriesProcessor.js

@@ -32,7 +32,7 @@ const seriesProcessor = (params, dataset) => {
         }
       });
     } else if (dataset === undefined) {
-      throw new Error([`MUI X: bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error([`MUI X Charts: bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
     }
   });
   const completedSeries = {};
@@ -60,7 +60,7 @@ const seriesProcessor = (params, dataset) => {
           if (typeof value !== 'number') {
             if (process.env.NODE_ENV !== 'production') {
               if (value !== null) {
-                (0, _warning.warnOnce)([`MUI X: your dataset key "${dataKey}" is used for plotting bars, but contains nonnumerical elements.`, 'Bar plots only support numbers and null values.']);
+                (0, _warning.warnOnce)([`MUI X Charts: your dataset key "${dataKey}" is used for plotting bars, but contains nonnumerical elements.`, 'Bar plots only support numbers and null values.']);
               }
             }
             return 0;

package/BarChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'bar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'bar', 'x' | 'y'>;
 export default tooltipGetter;

package/BarChart/types.d.ts

@@ -1,5 +1,5 @@
-import type { BarSeriesType } from '../models';
-import type { SeriesId } from '../models/seriesType/common';
+import type { BarSeriesType } from "../models/index.js";
+import type { SeriesId } from "../models/seriesType/common.js";
 export type AnimationData = {
   x: number;
   y: number;

package/BarChart/useBarChartProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { BarChartProps } from './BarChart';
+import type { BarChartProps } from "./BarChart.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
 import { BarPlotProps } from "./BarPlot.js";
 import { ChartsGridProps } from "../ChartsGrid/index.js";
@@ -8,7 +8,7 @@ import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartsAxisProps } from "../ChartsAxis/index.js";
 import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { BarChartPluginsSignatures } from "./BarChart.plugins.js";
 /**
  * A helper function that extracts BarChartProps from the input props

package/BarChart/useBarChartProps.js

@@ -70,6 +70,24 @@ const useBarChartProps = props => {
   }, s, {
     layout: hasHorizontalSeries ? 'horizontal' : 'vertical'
   })), [hasHorizontalSeries, series]);
+  const defaultXAxis = hasHorizontalSeries ? undefined : defaultBandXAxis;
+  const processedXAxis = React.useMemo(() => {
+    if (!xAxis) {
+      return defaultXAxis;
+    }
+    return hasHorizontalSeries ? xAxis : xAxis.map(axis => (0, _extends2.default)({
+      scaleType: 'band'
+    }, axis));
+  }, [defaultXAxis, hasHorizontalSeries, xAxis]);
+  const defaultYAxis = hasHorizontalSeries ? defaultBandYAxis : undefined;
+  const processedYAxis = React.useMemo(() => {
+    if (!yAxis) {
+      return defaultYAxis;
+    }
+    return hasHorizontalSeries ? yAxis.map(axis => (0, _extends2.default)({
+      scaleType: 'band'
+    }, axis)) : yAxis;
+  }, [defaultYAxis, hasHorizontalSeries, yAxis]);
   const chartContainerProps = (0, _extends2.default)({}, rest, {
     series: seriesWithDefault,
     width,
@@ -77,8 +95,8 @@ const useBarChartProps = props => {
     margin,
     colors,
     dataset,
-    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : defaultBandXAxis),
-    yAxis: yAxis ?? (hasHorizontalSeries ? defaultBandYAxis : undefined),
+    xAxis: processedXAxis,
+    yAxis: processedYAxis,
     highlightedItem,
     onHighlightChange,
     disableAxisListener: slotProps?.tooltip?.trigger !== 'axis' && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',

package/CHANGELOG.md

@@ -5,13 +5,128 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.2.0
+
+_May 1, 2025_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 `<FunnelChart/>` now uses the `strawberrySky` sequential color palette by default.
+  <img width="481" alt="Screenshot 2025-04-29 at 13 55 21" src="https://github.com/user-attachments/assets/182085d1-a7ce-4e4d-9d8d-a4fe87f27167" />
+- 📊 Add API to export a chart as an image: `apiRef.exportAsImage` — [Learn more](https://mui.com/x/react-charts/export/#export-as-image).
+
+Special thanks go out to the community members for their valuable contributions:
+@federico-ntr, @nusr.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.2.0`
+
+- [DataGrid] Fix panel alignment (#17625) @KenanYusuf
+- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17490) @KenanYusuf
+- [DataGrid] Fix circular reference error (#17591) @romgrk
+- [DataGrid] Fix `<GridEditInputCell />` break input (#16773) @nusr
+
+#### `@mui/x-data-grid-pro@8.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.2.0`, plus:
+
+- [DataGridPro] Use intersection observer to trigger server-side infinite loading (#17369) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.2.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.2.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.2.0`
+
+- [l10n] Improve Italian (it-IT) locale (#17600) @federico-ntr
+- [pickers] Refactor owner state typing (#17517) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.2.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.2.0`
+
+- [charts] Add library name to errors (#17547) @bernardobelchior
+- [charts] Add monochrome palettes (#17610) @JCQuintas
+- [charts] Add screenshot of the tooltip (#17395) @alexfauquette
+- [charts] Default bar chart x-axis scale type to band (#17519) @bernardobelchior
+- [charts] Document axis ID uniqueness constraints (#17630) @bernardobelchior
+- [charts] Refactor axis types (#17632) @bernardobelchior
+- [charts] Use `<circle />` for circular legend mark (#17590) @alexfauquette
+
+#### `@mui/x-charts-pro@8.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.2.0`, plus:
+
+- [charts-pro] Add `gap` option to `<FunnelChart />` (#17642) @JCQuintas
+- [charts-pro] Export charts as image (#17353) @bernardobelchior
+- [charts-pro] Simplify zoom testing (#17525) @JCQuintas
+- [charts-pro] Use new sequential color palette in `<FunnelChart />` (#17606) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.2.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.2.0`.
+
+### Docs
+
+- [docs][charts] Add composition sections (#17377) @alexfauquette
+- [docs][charts] Add docs on tooltip style (#17601) @bernardobelchior
+- [docs][charts] Fix highlighting heading structure (#17581) @oliviertassinari
+- [docs][charts] Improve export docs (#17538) @oliviertassinari
+- [docs][charts] Similar introduction on most charts pages (#17374) @alexfauquette
+- [docs][DataGrid] Clear component docs (#17540) @oliviertassinari
+- [docs] Explicitly state that `groupingColDef` reference needs to be stable (#17544) @arminmeh
+- [docs] Fix <kbd> a11y (#17536) @oliviertassinari
+- [docs] Fix CodeSandbox spelling @oliviertassinari
+- [docs] Fix coding style function @oliviertassinari
+- [docs] Fix migration guide format (#17450) @oliviertassinari
+- [docs] Improve data grid export docs (#17551) @MBilalShafi
+- [docs] Remove leftover `@next` usages (#17542) @LukasTy
+
+### Core
+
+- [core] Add security label to dependabot PRs @oliviertassinari
+- [core] Allow post-install vale @oliviertassinari
+- [core] Component consistency @oliviertassinari
+- [core] Fix all Vale errors @oliviertassinari
+- [core] Move `loadStyleSheets` to internals and use it in data grid and charts (#17548) @bernardobelchior
+- [core] Remove empty version (#17582) @oliviertassinari
+- [core] Remove eslint from codemod spec files (#17443) @alexfauquette
+- [core] Remove unnecessary versions (#17597) @oliviertassinari
+- [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy
+- [code-infra] Data Grid `vitest` changes (#17619) @JCQuintas
+- [code-infra] Fix date-time sensitive tests (#17644) @JCQuintas
+- [code-infra] Fix extension handling for type imports (#17636) @Janpot
+- [code-infra] Further remove `clock=fake` and add `async act` for datagrid (#17563) @JCQuintas
+- [code-infra] Latest vitest picker changes (#17577) @JCQuintas
+- [docs-infra] Fix Vale no longer working (#17602) @alexfauquette
+- [docs-infra] Uniformize Vale between repositories @oliviertassinari
+- [infra] Updates to `branch switch comments` (#17589) @michelengelen
+- [x-telemetry] Fix issue with get machineid hash (#17614) @hasdfa
+
 ## 8.1.0
 
 _Apr 24, 2025_
 
 We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
 
-- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
 - 📚 Documentation improvements
 - 🐞 Bugfixes
 
@@ -56,7 +171,7 @@ Same changes as in `@mui/x-date-pickers@8.1.0`.
 
 ### Charts
 
-- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
 
 #### `@mui/x-charts@8.1.0`
 
@@ -1821,7 +1936,7 @@ Same changes as in `@mui/x-tree-view@8.0.0-alpha.8`.
 - [docs] Add example for custom legend (#16169) @alexfauquette
 - [docs] Add full custom field creation example (#15194) @flaviendelangle
 - [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16118) @arminmeh
 - [docs] Remove broken links (#16167) @alexfauquette
 - [docs] Split the Data Grid editing page (#14931) @MBilalShafi
 - [docs] Fix wrong props warnings (#16119) @JCQuintas
@@ -2268,7 +2383,7 @@ Releasing to benefit from license package fix (#15814).
 
 - [code-infra] Add Charts sandbox generation (#15830) @JCQuintas
 - [code-infra] Remove redundant `@type/react-test-renderer` dep (#15766) @LukasTy
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15814) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15814) @arminmeh
 
 ## 8.0.0-alpha.3
 
@@ -2484,6 +2599,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 
 ### Docs
 
+<!-- vale MUI.CorrectRererenceCased = NO -->
+
 - [docs] Fix 404 links (#15575) @oliviertassinari
 - [docs] Fix bash comments (#15571) @oliviertassinari
 - [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
@@ -2493,6 +2610,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 - [docs] Fix `anchorEl` API page for charts (#15625) @oliviertassinari
 - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
 
+<!-- vale MUI.CorrectRererenceCased = YES -->
+
 ### Core
 
 - [core] Follow `()` function convention for docs @oliviertassinari
@@ -3401,7 +3520,7 @@ Same changes as in `@mui/x-tree-view@7.24.0`.
 ### Docs
 
 - [docs] Copyedit the Data Grid cell selection page (#16213) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16129) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16129) @arminmeh
 
 ### Core
 
@@ -3679,7 +3798,7 @@ Releasing to benefit from license package fix (#15818).
 ### Core
 
 - [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15818) @arminmeh
 
 ## 7.23.1
 
@@ -7020,7 +7139,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
    />
   ```
 
-- The headless field hooks (e.g.: `useDateField`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
+- The headless field hooks (for example `useDateField()`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
   This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure.
   Learn more about this new accessible DOM structure in the [v8 migration guide](https://v7.mui.com/x/migration/migration-pickers-v7/#new-dom-structure-for-the-field).
 

package/ChartContainer/ChartContainer.js

@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/ChartContainer/useChartContainerProps.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
 import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
-import type { ChartContainerProps } from './ChartContainer';
+import type { ChartContainerProps } from "./ChartContainer.js";
 import { ChartSeriesType } from "../models/seriesType/config.js";
 import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import { ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";

package/ChartDataProvider/useChartDataProviderProps.d.ts

@@ -1,4 +1,4 @@
-import type { ChartDataProviderProps } from './ChartDataProvider';
+import type { ChartDataProviderProps } from "./ChartDataProvider.js";
 import { ChartProviderProps } from "../context/ChartProvider/index.js";
 import { ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
 import { ChartSeriesType } from "../models/seriesType/config.js";
@@ -6,6 +6,6 @@ import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
 import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
 export declare const useChartDataProviderProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
-  localeText: Partial<import("../locales").ChartsLocaleText> | undefined;
+  localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;
   chartProviderProps: ChartProviderProps<TSeries, TSignatures>;
 };

package/ChartsAxisHighlight/ChartsXAxisHighlight.js

@@ -34,7 +34,7 @@ var _jsxRuntime = require("react/jsx-runtime");
   if (process.env.NODE_ENV !== 'production') {
     const isError = isBandScaleX && xScale(axisXValue) === undefined;
     if (isError) {
-      console.error([`MUI X: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
+      console.error([`MUI X Charts: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
     }
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {

package/ChartsAxisHighlight/ChartsYAxisHighlight.js

@@ -34,7 +34,7 @@ var _jsxRuntime = require("react/jsx-runtime");
   if (process.env.NODE_ENV !== 'production') {
     const isError = isBandScaleY && yScale(axisYValue) === undefined;
     if (isError) {
-      console.error([`MUI X: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
+      console.error([`MUI X Charts: The position value provided for the axis is not valid for the current scale.`, `This probably means something is wrong with the data passed to the chart.`, `The ChartsAxisHighlight component will not be displayed.`].join('\n'));
     }
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {

package/ChartsGrid/ChartsHorizontalGrid.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { AxisDefaultized, ChartsYAxisProps, ScaleName } from "../models/axis.js";
+import { ComputedYAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridHorizontalProps {
-  axis: AxisDefaultized<ScaleName, any, ChartsYAxisProps>;
+  axis: ComputedYAxis;
   start: number;
   end: number;
   classes: Partial<ChartsGridClasses>;

package/ChartsGrid/ChartsVerticalGrid.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { AxisDefaultized, ChartsXAxisProps, ScaleName } from "../models/axis.js";
+import { ComputedXAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridVerticalProps {
-  axis: AxisDefaultized<ScaleName, any, ChartsXAxisProps>;
+  axis: ComputedXAxis;
   start: number;
   end: number;
   classes: Partial<ChartsGridClasses>;

package/ChartsLabel/ChartsLabelMark.js

@@ -44,9 +44,7 @@ const Root = (0, _styles.styled)('div', {
     },
     [`&.${_labelMarkClasses.labelMarkClasses.circle}`]: {
       height: 15,
-      width: 15,
-      borderRadius: '50%',
-      overflow: 'hidden'
+      width: 15
     },
     svg: {
       display: 'block'
@@ -94,7 +92,13 @@ const ChartsLabelMark = exports.ChartsLabelMark = (0, _consumeThemeProps.consume
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
         viewBox: "0 0 24 24",
         preserveAspectRatio: type === 'line' ? 'none' : undefined,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+        children: type === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          className: classes?.fill,
+          r: "12",
+          cx: "12",
+          cy: "12",
+          fill: color
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
           className: classes?.fill,
           width: "24",
           height: "24",

package/ChartsLabel/index.d.ts

@@ -1,8 +1,8 @@
-export type { ChartsLabelMarkProps, ChartsLabelCustomMarkProps } from './ChartsLabelMark';
+export type { ChartsLabelMarkProps, ChartsLabelCustomMarkProps } from "./ChartsLabelMark.js";
 export { ChartsLabelMark } from "./ChartsLabelMark.js";
 export { labelClasses } from "./labelClasses.js";
-export type { ChartsLabelClasses } from './labelClasses';
+export type { ChartsLabelClasses } from "./labelClasses.js";
 export { labelMarkClasses } from "./labelMarkClasses.js";
-export type { ChartsLabelMarkClasses } from './labelMarkClasses';
+export type { ChartsLabelMarkClasses } from "./labelMarkClasses.js";
 export { labelGradientClasses } from "./labelGradientClasses.js";
-export type { ChartsLabelGradientClasses } from './labelGradientClasses';
+export type { ChartsLabelGradientClasses } from "./labelGradientClasses.js";

package/ChartsLabel/labelClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelProps } from './ChartsLabel';
+import type { ChartsLabelProps } from "./ChartsLabel.js";
 export interface ChartsLabelClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLabel/labelGradientClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelGradientProps } from './ChartsLabelGradient';
+import type { ChartsLabelGradientProps } from "./ChartsLabelGradient.js";
 export interface ChartsLabelGradientClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLabel/labelMarkClasses.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLabelMarkProps } from './ChartsLabelMark';
+import type { ChartsLabelMarkProps } from "./ChartsLabelMark.js";
 export interface ChartsLabelMarkClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLegend/ChartsLegend.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import type { Direction } from './direction';
+import type { Direction } from "./direction.js";
 import { SeriesLegendItemContext } from "./legendContext.types.js";
 import { type ChartsLegendClasses } from "./chartsLegendClasses.js";
 export interface ChartsLegendProps {
@@ -23,5 +23,5 @@ export interface ChartsLegendProps {
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const ChartsLegend: React.ForwardRefExoticComponent<ChartsLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const ChartsLegend: React.ForwardRefExoticComponent<ChartsLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { ChartsLegend };

package/ChartsLegend/ContinuousColorLegend.d.ts

@@ -52,5 +52,5 @@ export interface ContinuousColorLegendProps extends ColorLegendSelector, AppendK
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const ContinuousColorLegend: React.ForwardRefExoticComponent<ContinuousColorLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const ContinuousColorLegend: React.ForwardRefExoticComponent<ContinuousColorLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { ContinuousColorLegend };

package/ChartsLegend/PiecewiseColorLegend.d.ts

@@ -38,5 +38,5 @@ export interface PiecewiseColorLegendProps extends ColorLegendSelector, PrependK
   className?: string;
   sx?: SxProps<Theme>;
 }
-declare const PiecewiseColorLegend: React.ForwardRefExoticComponent<PiecewiseColorLegendProps & import("./chartsLegend.types").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
+declare const PiecewiseColorLegend: React.ForwardRefExoticComponent<PiecewiseColorLegendProps & import("./chartsLegend.types.js").ChartsLegendSlotExtension & React.RefAttributes<{}>>;
 export { PiecewiseColorLegend };

package/ChartsLegend/chartsLegend.types.d.ts

@@ -1,4 +1,4 @@
-import type { ChartsLegendProps } from './ChartsLegend';
+import type { ChartsLegendProps } from "./ChartsLegend.js";
 import { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
 import { ChartsLegendPosition } from "./legend.types.js";
 import { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";

package/ChartsLegend/chartsLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { ChartsLegendProps } from './ChartsLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { ChartsLegendProps } from "./ChartsLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface ChartsLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { ContinuousColorLegendProps } from './ContinuousColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface ContinuousColorLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLegend/index.d.ts

@@ -3,14 +3,14 @@ export * from "./chartsLegend.types.js";
 export * from "./direction.js";
 export * from "./legendContext.types.js";
 export { legendClasses } from "./chartsLegendClasses.js";
-export type { ChartsLegendClasses } from './chartsLegendClasses';
+export type { ChartsLegendClasses } from "./chartsLegendClasses.js";
 export * from "./ContinuousColorLegend.js";
 export * from "./colorLegend.types.js";
 export { continuousColorLegendClasses } from "./continuousColorLegendClasses.js";
-export type { ContinuousColorLegendClasses } from './continuousColorLegendClasses';
+export type { ContinuousColorLegendClasses } from "./continuousColorLegendClasses.js";
 export * from "./PiecewiseColorLegend.js";
 export { piecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-export type { PiecewiseColorLegendClasses } from './piecewiseColorLegendClasses';
+export type { PiecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
 export { piecewiseColorDefaultLabelFormatter } from "./piecewiseColorDefaultLabelFormatter.js";
-export type { PiecewiseLabelFormatterParams } from './piecewiseColorLegend.types';
+export type { PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
 export * from "./legend.types.js";

package/ChartsLegend/piecewiseColorLegendClasses.d.ts

@@ -1,5 +1,5 @@
-import type { PiecewiseColorLegendProps } from './PiecewiseColorLegend';
-import type { ChartsLegendSlotExtension } from './chartsLegend.types';
+import type { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
+import type { ChartsLegendSlotExtension } from "./chartsLegend.types.js";
 export interface PiecewiseColorLegendClasses {
   /** Styles applied to the root element. */
   root: string;

package/ChartsLegend/useAxis.d.ts

@@ -1,4 +1,4 @@
-import { AxisDefaultized } from "../models/axis.js";
+import { ComputedAxis } from "../models/axis.js";
 import { ZAxisDefaultized } from "../models/z-axis.js";
 import { ColorLegendSelector } from "./colorLegend.types.js";
 /**
@@ -7,4 +7,4 @@ import { ColorLegendSelector } from "./colorLegend.types.js";
 export declare function useAxis({
   axisDirection,
   axisId
-}: ColorLegendSelector): ZAxisDefaultized | AxisDefaultized;
+}: ColorLegendSelector): ZAxisDefaultized | ComputedAxis;