@mui/x-charts 9.3.0 → 9.4.0

package/BarChart/BarElement.d.mts

@@ -2,15 +2,16 @@ import * as React from 'react';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type BarElementOwnerState } from "./barClasses.mjs";
 import { type BarProps } from "./AnimatedBarElement.mjs";
+import type { BarPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface BarElementSlots {
   /**
    * The component that renders the bar.
    * @default BarElementPath
    */
-  bar?: React.JSXElementConstructor<BarProps>;
+  bar?: React.JSXElementConstructor<BarProps & BarPropsOverrides>;
 }
 export interface BarElementSlotProps {
-  bar?: SlotComponentPropsFromProps<BarProps, {}, BarElementOwnerState>;
+  bar?: SlotComponentPropsFromProps<BarProps, BarPropsOverrides, BarElementOwnerState>;
 }
 export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted' | 'isFocused'> & Omit<React.SVGProps<SVGRectElement>, 'ref'> & {
   /**

package/BarChart/BarElement.d.ts

@@ -2,15 +2,16 @@ import * as React from 'react';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type BarElementOwnerState } from "./barClasses.js";
 import { type BarProps } from "./AnimatedBarElement.js";
+import type { BarPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface BarElementSlots {
   /**
    * The component that renders the bar.
    * @default BarElementPath
    */
-  bar?: React.JSXElementConstructor<BarProps>;
+  bar?: React.JSXElementConstructor<BarProps & BarPropsOverrides>;
 }
 export interface BarElementSlotProps {
-  bar?: SlotComponentPropsFromProps<BarProps, {}, BarElementOwnerState>;
+  bar?: SlotComponentPropsFromProps<BarProps, BarPropsOverrides, BarElementOwnerState>;
 }
 export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighlighted' | 'isFocused'> & Omit<React.SVGProps<SVGRectElement>, 'ref'> & {
   /**

package/BarChart/BarLabel/BarLabelItem.d.mts

@@ -3,15 +3,16 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type BarLabelOwnerState, type BarItem, type BarLabelContext } from "./BarLabel.types.mjs";
 import { type BarLabelProps } from "./BarLabel.mjs";
 import { type BarValueType } from "../../models/index.mjs";
+import type { BarLabelPropsOverrides } from "../../models/chartsSlotsComponentsProps.mjs";
 export interface BarLabelSlots {
   /**
    * The component that renders the bar label.
    * @default BarLabel
    */
-  barLabel?: React.JSXElementConstructor<BarLabelProps>;
+  barLabel?: React.JSXElementConstructor<BarLabelProps & BarLabelPropsOverrides>;
 }
 export interface BarLabelSlotProps {
-  barLabel?: SlotComponentPropsFromProps<BarLabelProps, {}, BarLabelOwnerState>;
+  barLabel?: SlotComponentPropsFromProps<BarLabelProps, BarLabelPropsOverrides, BarLabelOwnerState>;
 }
 export type BarLabelItemProps<V extends BarValueType | null> = Omit<BarLabelOwnerState, 'isFaded' | 'isHighlighted'> & Pick<BarLabelProps, 'style'> & {
   /**

package/BarChart/BarLabel/BarLabelItem.d.ts

@@ -3,15 +3,16 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { type BarLabelOwnerState, type BarItem, type BarLabelContext } from "./BarLabel.types.js";
 import { type BarLabelProps } from "./BarLabel.js";
 import { type BarValueType } from "../../models/index.js";
+import type { BarLabelPropsOverrides } from "../../models/chartsSlotsComponentsProps.js";
 export interface BarLabelSlots {
   /**
    * The component that renders the bar label.
    * @default BarLabel
    */
-  barLabel?: React.JSXElementConstructor<BarLabelProps>;
+  barLabel?: React.JSXElementConstructor<BarLabelProps & BarLabelPropsOverrides>;
 }
 export interface BarLabelSlotProps {
-  barLabel?: SlotComponentPropsFromProps<BarLabelProps, {}, BarLabelOwnerState>;
+  barLabel?: SlotComponentPropsFromProps<BarLabelProps, BarLabelPropsOverrides, BarLabelOwnerState>;
 }
 export type BarLabelItemProps<V extends BarValueType | null> = Omit<BarLabelOwnerState, 'isFaded' | 'isHighlighted'> & Pick<BarLabelProps, 'style'> & {
   /**

package/BarChart/seriesConfig/bar/extremums.js

@@ -42,10 +42,14 @@ const getValueExtremum = direction => params => {
   } = params;
   return Object.keys(series).filter(seriesId => {
     const axisId = direction === 'x' ? series[seriesId].xAxisId : series[seriesId].yAxisId;
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     return axisId === axis.id || isDefaultAxis && axisId === undefined;
   }).reduce((acc, seriesId) => {
     const {
-      stackedData
+      stackedData,
+      visibleStackedData
     } = series[seriesId];
     const filter = getFilters?.({
       currentAxisId: axis.id,
@@ -53,7 +57,8 @@ const getValueExtremum = direction => params => {
       seriesXAxisId: series[seriesId].xAxisId,
       seriesYAxisId: series[seriesId].yAxisId
     });
-    const [seriesMin, seriesMax] = stackedData?.reduce((seriesAcc, values, index) => {
+    const stackedDataToUse = axis.domainSeries === 'visible' ? visibleStackedData : stackedData;
+    const [seriesMin, seriesMax] = stackedDataToUse?.reduce((seriesAcc, values, index) => {
       if (filter && (!filter(createResult(values[0], direction), index) || !filter(createResult(values[1], direction), index))) {
         return seriesAcc;
       }

package/BarChart/seriesConfig/bar/extremums.mjs

@@ -36,10 +36,14 @@ const getValueExtremum = direction => params => {
   } = params;
   return Object.keys(series).filter(seriesId => {
     const axisId = direction === 'x' ? series[seriesId].xAxisId : series[seriesId].yAxisId;
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     return axisId === axis.id || isDefaultAxis && axisId === undefined;
   }).reduce((acc, seriesId) => {
     const {
-      stackedData
+      stackedData,
+      visibleStackedData
     } = series[seriesId];
     const filter = getFilters?.({
       currentAxisId: axis.id,
@@ -47,7 +51,8 @@ const getValueExtremum = direction => params => {
       seriesXAxisId: series[seriesId].xAxisId,
       seriesYAxisId: series[seriesId].yAxisId
     });
-    const [seriesMin, seriesMax] = stackedData?.reduce((seriesAcc, values, index) => {
+    const stackedDataToUse = axis.domainSeries === 'visible' ? visibleStackedData : stackedData;
+    const [seriesMin, seriesMax] = stackedDataToUse?.reduce((seriesAcc, values, index) => {
       if (filter && (!filter(createResult(values[0], direction), index) || !filter(createResult(values[1], direction), index))) {
         return seriesAcc;
       }

package/CHANGELOG.md

@@ -1,5 +1,201 @@
 # Changelog
 
+## 9.4.0
+
+<!-- generated comparing v9.3.0..master -->
+
+_Jun 4, 2026_
+
+We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Scheduler is now in Beta shipping with Timeline vitualization and lazy loading
+- 📆 Implement Event Timeline virtualization (#22339)
+- 🫧 Introduce bubble charts (#22537)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@imxv, @mixelburg, @mustafajw07
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.4.0`
+
+- [DataGrid] Fix `avg` aggregation when the average is zero (#22652) @mj12albert
+- [DataGrid] Inherit icon `fontSize` from `baseIconButton` size (#22187) @imxv
+- [DataGrid] Fix `noRowsOverlay` flicker between `dataSource` re-fetches (#22465) @LukasTy
+
+#### `@mui/x-data-grid-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.4.0`.
+
+#### `@mui/x-data-grid-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@9.4.0`, plus:
+
+- [DataGridPremium] Nested Lazy Loading (#21043) @MBilalShafi
+- [DataGridPremium] Update exceljs fork (#22658) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.4.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.4.0`
+
+- [charts] Add functionality to hide elements during chart export (#22525) @sai6855
+- [charts] Add option to show marks only on the first/last values (#22645) @alexfauquette
+- [charts] Add text customization section and demo for axis labels (#22597) @sai6855
+- [charts] Allow axes to scale according to the visible series only (#22566) @alexfauquette
+- [charts] Correctly handle different identifiers for each series (#22556) @sai6855
+- [charts] Fix inverted Y axis zoom/pan on ordinal scales (#22654) @JCQuintas
+- [charts] Introduce bubble charts (#22537) @alexfauquette
+- [charts] Let scatter chart tooltip ignore hidden series (#22614) @alexfauquette
+- [charts] Make `'sqrt'` size mapping the default (#22683) @alexfauquette
+- [charts] Remove unused proptypes (#22618) @alexfauquette
+- [charts] Support module augmentation for slots (#22519) @sai6855
+- [charts] Support multiple marker size in `findClosestPoint` (#22622) @alexfauquette
+- [charts] Upgrade bezier-easing to v3 and use it for line chart hit-detection (#22608) @sai6855
+- [charts] Use `useLayoutEffect` with `ResizeObserver` (#22646) @JCQuintas
+
+#### `@mui/x-charts-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.4.0`, plus:
+
+- [charts-pro] Auto-select range button matching current zoom (#22137) @JCQuintas
+- [charts-pro] Support range values in `initialZoom` (#22563) @JCQuintas
+
+#### `@mui/x-charts-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.4.0`, plus:
+
+- [charts-premium] Support range-bar series in WebGL bar renderer (#22607) @JCQuintas
+- [charts-premium] Fix `onAxisClick` for radial bar and lines (#22522) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.4.0`.
+
+### Scheduler
+
+#### Breaking changes
+
+The theme `styleOverrides` slots for the skeleton and the error container were
+renamed and unified. The CSS utility class names (for example
+`.MuiEventCalendar-eventSkeleton`) are **not** affected — only
+`theme.components.*` overrides need updating.
+
+**Event skeleton**
+
+| Before                                  | After                          |
+| --------------------------------------- | ------------------------------ |
+| `MuiEventCalendar` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+| `MuiEventTimeline` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+
+**Error container**
+
+| Before                                                        | After                                   |
+| ------------------------------------------------------------- | --------------------------------------- |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorContainer` | `MuiEventErrorContainer` slot `Root`    |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorAlert`     | `MuiEventErrorContainer` slot `Alert`   |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorMessage`   | `MuiEventErrorContainer` slot `Message` |
+
+If you customized these through the theme, update the component name and slot
+names accordingly:
+
+```diff
+ components: {
+-  MuiEventCalendar: {
++  MuiEventSkeleton: {
+     styleOverrides: {
+-      EventSkeleton: { /* ... */ },
++      Root: { /* ... */ },
+     },
+    },
+  },
+ }
+```
+
+#### `@mui/x-scheduler@9.0.0-beta.0`
+
+- [scheduler] Add a prop to control whether the resource of an event can be cleared (#22464) @rita-codes
+- [scheduler] Add week number labels to agenda, day and week views (#22594) @mustafajw07
+- [scheduler] Add `weekStartsOn` preference and update date functions to support custom week start (#22426) @mustafajw07
+- [scheduler] Export premium version of the standalone views (#22621) @flaviendelangle
+- [scheduler] Implement timeline virtualization (#22339) @romgrk
+- [scheduler] Split scheduler overview (#22453) @joserodolfofreitas
+- [scheduler] Unify `EventSkeleton` and `ErrorContainer` between `EventCalendar` and `EventTimeline` (#22676) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.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-scheduler@9.0.0-beta.0`.
+
+### Docs
+
+- [docs] Add a performance docs page for charts (#22656) @alexfauquette
+- [docs] Add real dataset for maps documentation (#22599) @alexfauquette
+- [docs] Add spacing between selects on charts overview demo (#22589) @bernardobelchior
+- [docs] Reorganize existing chat docs navigation (#22478) @hasdfa
+- [docs] Switch to visionscarto's world atlas dataset (#22669) @cherniavskii
+- [docs] Update TreeView `domstructure` docs and add demo (#22420) @mj12albert
+- [docs] Fix indexation of Scheduler (#22567) @oliviertassinari
+- [docs] Fix wide layout on event timeline lazy loading and Import title (#22604) @rita-codes
+- [docs] Derive class name owners for shared charts classes (#22674) @JCQuintas
+
+### Core
+
+- [code-infra] Drop unused and now-transitive deps from docs/package.json (#22549) @LukasTy
+- [code-infra] Refresh CI Node pins to 22.22.3 (#22598) @LukasTy
+- [code-infra] Skip empty product sections in changelog (#22541) @rita-codes
+- [code-infra] Stabilize DataGridScrollRestoration visual regression test (#22553) @Janpot
+- [internal] Add license to the `x-data-grid-generator` (#22240) @arminmeh
+- [internal] Express default value for resource_class (#22569) @oliviertassinari
+- [internal] Fix use of ellipsis (#21852) @oliviertassinari
+- [internal] `useLayoutEffect` with `ResizeObserver` (#22428) @romgrk
+
+### Miscellaneous
+
+- [chat-headless] Add built-in chat adapters (#22479) @hasdfa
+- [chat-headless] Harden runtime model and message errors (#22480) @hasdfa
+- [core] Prepare for TypeScript 6 bump (#22551) @LukasTy
+- [core] Use CircleCI Gen2 resource classes (#22610) @LukasTy
+- [infra] Fix broken tag retrieval on `master` during release (#22174) @michelengelen
+- [infra] Group Base UI renovate updates (#22590) @LukasTy
+- [pnpm] Add security settings to pnpm-workspace.yaml (#22611) @Janpot
+- [release] Fix release PR scripts (#22680) @JCQuintas
+- [test] Add a Tree View regression test for lazy loading with getChildrenCount returning -1 (#22605) @mixelburg
+- [test] Disable LCD subpixel antialiasing in regression screenshots (#22602) @Janpot
+- [test] Fix flaky Data Grid Pro data source tree data tests (#22659) @LukasTy
+- [test] Remove stale form-submit TODO from e2e suite (#22564) @LukasTy
+- [x-license] Exclude test keys from the published npm package (#22647) @aemartos
+- [test] Fix flaky WebGL benchmark by polling for canvas content (#22535) @JCQuintas
+
 ## 9.3.0
 
 _May 21, 2026_

package/ChartsContainer/ChartsContainer.js

@@ -364,6 +364,27 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     id: _propTypes.default.string,
     max: _propTypes.default.number,
     min: _propTypes.default.number,
+    sizeMap: _propTypes.default.oneOfType([_propTypes.default.shape({
+      interpolator: _propTypes.default.oneOf(['linear', 'log', 'sqrt']),
+      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      size: _propTypes.default.arrayOf(_propTypes.default.number.isRequired).isRequired,
+      type: _propTypes.default.oneOf(['continuous']).isRequired
+    }), _propTypes.default.shape({
+      max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+      size: _propTypes.default.func.isRequired,
+      type: _propTypes.default.oneOf(['continuous']).isRequired
+    }), _propTypes.default.shape({
+      sizes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
+      type: _propTypes.default.oneOf(['piecewise']).isRequired
+    }), _propTypes.default.shape({
+      sizes: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownSize: _propTypes.default.number,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
+    })]),
     valueGetter: _propTypes.default.func
   }))
 } : void 0;

package/ChartsContainer/ChartsContainer.mjs

@@ -357,6 +357,27 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes = {
     id: PropTypes.string,
     max: PropTypes.number,
     min: PropTypes.number,
+    sizeMap: PropTypes.oneOfType([PropTypes.shape({
+      interpolator: PropTypes.oneOf(['linear', 'log', 'sqrt']),
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      size: PropTypes.arrayOf(PropTypes.number.isRequired).isRequired,
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      size: PropTypes.func.isRequired,
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      sizes: PropTypes.arrayOf(PropTypes.number).isRequired,
+      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
+      type: PropTypes.oneOf(['piecewise']).isRequired
+    }), PropTypes.shape({
+      sizes: PropTypes.arrayOf(PropTypes.number).isRequired,
+      type: PropTypes.oneOf(['ordinal']).isRequired,
+      unknownSize: PropTypes.number,
+      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
+    })]),
     valueGetter: PropTypes.func
   }))
 } : void 0;

package/ChartsLabel/ChartsLabelMark.js

@@ -10,7 +10,6 @@ exports.ChartsLabelMark = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
@@ -133,23 +132,4 @@ const ChartsLabelMark = exports.ChartsLabelMark = (0, _consumeThemeProps.consume
       })]
     })
   }));
-});
-process.env.NODE_ENV !== "production" ? ChartsLabelMark.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * The color of the mark.
-   */
-  color: _propTypes.default.string,
-  /**
-   * The type of the mark.
-   * @default 'square'
-   */
-  type: _propTypes.default.oneOf(['circle', 'line', 'square'])
-} : void 0;
+});

package/ChartsLabel/ChartsLabelMark.mjs

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["type", "markShape", "color", "className", "classes"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useTheme } from '@mui/material/styles';
 import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
@@ -127,23 +126,4 @@ const ChartsLabelMark = consumeThemeProps('MuiChartsLabelMark', {
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? ChartsLabelMark.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The color of the mark.
-   */
-  color: PropTypes.string,
-  /**
-   * The type of the mark.
-   * @default 'square'
-   */
-  type: PropTypes.oneOf(['circle', 'line', 'square'])
-} : void 0;
 export { ChartsLabelMark };

package/ChartsLegend/chartsLegend.types.d.mts

@@ -2,15 +2,16 @@ import type { ChartsLegendProps } from "./ChartsLegend.mjs";
 import { type ContinuousColorLegendProps } from "./ContinuousColorLegend.mjs";
 import { type ChartsLegendPosition } from "./legend.types.mjs";
 import { type PiecewiseColorLegendProps } from "./PiecewiseColorLegend.mjs";
+import type { LegendPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export interface ChartsLegendSlots {
   /**
    * Custom rendering of the legend.
    * @default ChartsLegend
    */
-  legend?: React.JSXElementConstructor<ChartsLegendProps> | React.JSXElementConstructor<ContinuousColorLegendProps> | React.JSXElementConstructor<PiecewiseColorLegendProps>;
+  legend?: React.JSXElementConstructor<ChartsLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<ContinuousColorLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<PiecewiseColorLegendProps & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotProps {
-  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition;
+  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides;
 }
 export interface ChartsLegendSlotExtension {
   /**

package/ChartsLegend/chartsLegend.types.d.ts

@@ -2,15 +2,16 @@ import type { ChartsLegendProps } from "./ChartsLegend.js";
 import { type ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
 import { type ChartsLegendPosition } from "./legend.types.js";
 import { type PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
+import type { LegendPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export interface ChartsLegendSlots {
   /**
    * Custom rendering of the legend.
    * @default ChartsLegend
    */
-  legend?: React.JSXElementConstructor<ChartsLegendProps> | React.JSXElementConstructor<ContinuousColorLegendProps> | React.JSXElementConstructor<PiecewiseColorLegendProps>;
+  legend?: React.JSXElementConstructor<ChartsLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<ContinuousColorLegendProps & LegendPropsOverrides> | React.JSXElementConstructor<PiecewiseColorLegendProps & LegendPropsOverrides>;
 }
 export interface ChartsLegendSlotProps {
-  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition;
+  legend?: Partial<ChartsLegendProps | ContinuousColorLegendProps | PiecewiseColorLegendProps> & ChartsLegendPosition & LegendPropsOverrides;
 }
 export interface ChartsLegendSlotExtension {
   /**

package/ChartsLegend/piecewiseColorLegendClasses.js

@@ -8,8 +8,14 @@ exports.useUtilityClasses = exports.piecewiseColorLegendClasses = void 0;
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+const CORRECT_PREFIX = 'MuiPiecewiseColorLegend';
+// TODO v10: remove `MuiPiecewiseColorLegendClasses`. Kept for backwards compatibility with
+// users targeting the historically-incorrect prefix.
+const LEGACY_PREFIX = 'MuiPiecewiseColorLegendClasses';
+
+// Used by `useUtilityClasses` to also emit the legacy prefix in the rendered className.
 function getLegendUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPiecewiseColorLegendClasses', slot);
+  return `${(0, _generateUtilityClass.default)(CORRECT_PREFIX, slot)} ${(0, _generateUtilityClass.default)(LEGACY_PREFIX, slot)}`;
 }
 const useUtilityClasses = props => {
   const {
@@ -28,4 +34,4 @@ const useUtilityClasses = props => {
   return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
 };
 exports.useUtilityClasses = useUtilityClasses;
-const piecewiseColorLegendClasses = exports.piecewiseColorLegendClasses = (0, _generateUtilityClasses.default)('MuiPiecewiseColorLegendClasses', ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'inlineStart', 'inlineEnd', 'mark', 'label']);
+const piecewiseColorLegendClasses = exports.piecewiseColorLegendClasses = (0, _generateUtilityClasses.default)(CORRECT_PREFIX, ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'inlineStart', 'inlineEnd', 'mark', 'label']);

package/ChartsLegend/piecewiseColorLegendClasses.mjs

@@ -1,8 +1,14 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import composeClasses from '@mui/utils/composeClasses';
+const CORRECT_PREFIX = 'MuiPiecewiseColorLegend';
+// TODO v10: remove `MuiPiecewiseColorLegendClasses`. Kept for backwards compatibility with
+// users targeting the historically-incorrect prefix.
+const LEGACY_PREFIX = 'MuiPiecewiseColorLegendClasses';
+
+// Used by `useUtilityClasses` to also emit the legacy prefix in the rendered className.
 function getLegendUtilityClass(slot) {
-  return generateUtilityClass('MuiPiecewiseColorLegendClasses', slot);
+  return `${generateUtilityClass(CORRECT_PREFIX, slot)} ${generateUtilityClass(LEGACY_PREFIX, slot)}`;
 }
 export const useUtilityClasses = props => {
   const {
@@ -20,4 +26,4 @@ export const useUtilityClasses = props => {
   };
   return composeClasses(slots, getLegendUtilityClass, classes);
 };
-export const piecewiseColorLegendClasses = generateUtilityClasses('MuiPiecewiseColorLegendClasses', ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'inlineStart', 'inlineEnd', 'mark', 'label']);
+export const piecewiseColorLegendClasses = generateUtilityClasses(CORRECT_PREFIX, ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'inlineStart', 'inlineEnd', 'mark', 'label']);

package/ChartsOverlay/ChartsOverlay.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/material/styles';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { LoadingOverlayPropsOverrides, NoDataOverlayPropsOverrides } from "../models/chartsSlotsComponentsProps.mjs";
 export declare function useNoData(): boolean;
 export type CommonOverlayProps = React.SVGAttributes<SVGTextElement> & {
   sx?: SxProps<Theme>;
@@ -10,16 +11,16 @@ export interface ChartsOverlaySlots {
    * Overlay component rendered when the chart is in a loading state.
    * @default ChartsLoadingOverlay
    */
-  loadingOverlay?: React.ElementType<CommonOverlayProps>;
+  loadingOverlay?: React.ElementType<CommonOverlayProps & LoadingOverlayPropsOverrides>;
   /**
    * Overlay component rendered when the chart has no data to display.
    * @default ChartsNoDataOverlay
    */
-  noDataOverlay?: React.ElementType<CommonOverlayProps>;
+  noDataOverlay?: React.ElementType<CommonOverlayProps & NoDataOverlayPropsOverrides>;
 }
 export interface ChartsOverlaySlotProps {
-  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
-  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
+  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, LoadingOverlayPropsOverrides, {}>;
+  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, NoDataOverlayPropsOverrides, {}>;
 }
 export interface ChartsOverlayProps {
   /**

package/ChartsOverlay/ChartsOverlay.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/material/styles';
 import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import type { LoadingOverlayPropsOverrides, NoDataOverlayPropsOverrides } from "../models/chartsSlotsComponentsProps.js";
 export declare function useNoData(): boolean;
 export type CommonOverlayProps = React.SVGAttributes<SVGTextElement> & {
   sx?: SxProps<Theme>;
@@ -10,16 +11,16 @@ export interface ChartsOverlaySlots {
    * Overlay component rendered when the chart is in a loading state.
    * @default ChartsLoadingOverlay
    */
-  loadingOverlay?: React.ElementType<CommonOverlayProps>;
+  loadingOverlay?: React.ElementType<CommonOverlayProps & LoadingOverlayPropsOverrides>;
   /**
    * Overlay component rendered when the chart has no data to display.
    * @default ChartsNoDataOverlay
    */
-  noDataOverlay?: React.ElementType<CommonOverlayProps>;
+  noDataOverlay?: React.ElementType<CommonOverlayProps & NoDataOverlayPropsOverrides>;
 }
 export interface ChartsOverlaySlotProps {
-  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
-  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, {}, {}>;
+  loadingOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, LoadingOverlayPropsOverrides, {}>;
+  noDataOverlay?: SlotComponentPropsFromProps<CommonOverlayProps, NoDataOverlayPropsOverrides, {}>;
 }
 export interface ChartsOverlayProps {
   /**

package/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -76,7 +76,9 @@ function ChartsXReferenceLine(props) {
   } = props;
   const {
     top,
-    height
+    height,
+    left,
+    width
   } = (0, _hooks.useDrawingArea)();
   const xAxisScale = (0, _hooks.useXScale)(axisId);
   const xPosition = xAxisScale(x);
@@ -86,6 +88,9 @@ function ChartsXReferenceLine(props) {
     }
     return null;
   }
+  if (xPosition < left || xPosition > left + width) {
+    return null;
+  }
   const d = `M ${xPosition} ${top} l 0 ${height}`;
   const classes = getXReferenceLineClasses(inClasses);
   const textParams = (0, _extends2.default)({

package/ChartsReferenceLine/ChartsXReferenceLine.mjs

@@ -69,7 +69,9 @@ function ChartsXReferenceLine(props) {
   } = props;
   const {
     top,
-    height
+    height,
+    left,
+    width
   } = useDrawingArea();
   const xAxisScale = useXScale(axisId);
   const xPosition = xAxisScale(x);
@@ -79,6 +81,9 @@ function ChartsXReferenceLine(props) {
     }
     return null;
   }
+  if (xPosition < left || xPosition > left + width) {
+    return null;
+  }
   const d = `M ${xPosition} ${top} l 0 ${height}`;
   const classes = getXReferenceLineClasses(inClasses);
   const textParams = _extends({