@mui/x-charts 9.4.0 → 9.5.0

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # Changelog
 
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.5.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.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.5.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@9.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.5.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.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.5.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.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.5.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.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.1` [![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.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
 ## 9.4.0
 
 <!-- generated comparing v9.3.0..master -->

package/ChartsRadialAxisHighlight/index.d.mts

@@ -1,4 +1,9 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+export declare const Unstable_ChartsRadialAxisHighlight: typeof ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.mjs";
 export type { ChartsRadialAxisHighlightClasses, ChartsRadialAxisHighlightClassKey } from "./chartsRadialAxisHighlightClasses.mjs";
 export * from "./ChartsRadialAxisHighlight.types.mjs";

package/ChartsRadialAxisHighlight/index.d.ts

@@ -1,4 +1,9 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.js";
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+export declare const Unstable_ChartsRadialAxisHighlight: typeof ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.js";
 export type { ChartsRadialAxisHighlightClasses, ChartsRadialAxisHighlightClassKey } from "./chartsRadialAxisHighlightClasses.js";
 export * from "./ChartsRadialAxisHighlight.types.js";

package/ChartsRadialAxisHighlight/index.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Unstable_ChartsRadialAxisHighlight: true,
+  ChartsRadialAxisHighlight: true,
   chartsRadialAxisHighlightClasses: true
 };
-Object.defineProperty(exports, "Unstable_ChartsRadialAxisHighlight", {
+Object.defineProperty(exports, "ChartsRadialAxisHighlight", {
   enumerable: true,
   get: function () {
     return _ChartsRadialAxisHighlight.ChartsRadialAxisHighlight;
   }
 });
+exports.Unstable_ChartsRadialAxisHighlight = void 0;
 Object.defineProperty(exports, "chartsRadialAxisHighlightClasses", {
   enumerable: true,
   get: function () {
@@ -44,4 +46,9 @@ Object.keys(_ChartsRadialAxisHighlightPath).forEach(function (key) {
       return _ChartsRadialAxisHighlightPath[key];
     }
   });
-});
+});
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialAxisHighlight = exports.Unstable_ChartsRadialAxisHighlight = _ChartsRadialAxisHighlight.ChartsRadialAxisHighlight;

package/ChartsRadialAxisHighlight/index.mjs

@@ -1,4 +1,11 @@
-export { ChartsRadialAxisHighlight as Unstable_ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+import { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+export { ChartsRadialAxisHighlight } from "./ChartsRadialAxisHighlight.mjs";
+
+/**
+ * @deprecated radial axis highlight is now stable, import `ChartsRadialAxisHighlight` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialAxisHighlight = ChartsRadialAxisHighlight;
 export { chartsRadialAxisHighlightClasses } from "./chartsRadialAxisHighlightClasses.mjs";
 export * from "./ChartsRadialAxisHighlight.types.mjs";
 export * from "./ChartsRadialAxisHighlightPath.mjs";

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.mts

@@ -35,4 +35,4 @@ declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesTyp
 declare namespace ChartsRadialDataProvider {
   var propTypes: any;
 }
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.ts

@@ -35,4 +35,4 @@ declare function ChartsRadialDataProvider<SeriesType extends PolarChartSeriesTyp
 declare namespace ChartsRadialDataProvider {
   var propTypes: any;
 }
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/ChartsRadialDataProvider.js

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Unstable_ChartsRadialDataProvider = ChartsRadialDataProvider;
+exports.ChartsRadialDataProvider = ChartsRadialDataProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));

package/ChartsRadialDataProvider/ChartsRadialDataProvider.mjs

@@ -106,4 +106,4 @@ process.env.NODE_ENV !== "production" ? ChartsRadialDataProvider.propTypes = {
    */
   width: PropTypes.number
 } : void 0;
-export { ChartsRadialDataProvider as Unstable_ChartsRadialDataProvider };
+export { ChartsRadialDataProvider };

package/ChartsRadialDataProvider/index.d.mts

@@ -1,2 +1,7 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.mjs";
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+export declare const Unstable_ChartsRadialDataProvider: typeof ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.mjs";
 export * from "./ChartsRadialDataProvider.plugins.mjs";

package/ChartsRadialDataProvider/index.d.ts

@@ -1,2 +1,7 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.js";
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+export declare const Unstable_ChartsRadialDataProvider: typeof ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.js";
 export * from "./ChartsRadialDataProvider.plugins.js";

package/ChartsRadialDataProvider/index.js

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  Unstable_ChartsRadialDataProvider: true
+};
+exports.Unstable_ChartsRadialDataProvider = void 0;
 var _ChartsRadialDataProvider = require("./ChartsRadialDataProvider");
 Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsRadialDataProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +22,7 @@ Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
 var _ChartsRadialDataProvider2 = require("./ChartsRadialDataProvider.plugins");
 Object.keys(_ChartsRadialDataProvider2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _ChartsRadialDataProvider2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -24,4 +30,9 @@ Object.keys(_ChartsRadialDataProvider2).forEach(function (key) {
       return _ChartsRadialDataProvider2[key];
     }
   });
-});
+});
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialDataProvider = exports.Unstable_ChartsRadialDataProvider = _ChartsRadialDataProvider.ChartsRadialDataProvider;

package/ChartsRadialDataProvider/index.mjs

@@ -1,2 +1,9 @@
+import { ChartsRadialDataProvider } from "./ChartsRadialDataProvider.mjs";
+
+/**
+ * @deprecated The radial data provider is now stable, import `ChartsRadialDataProvider` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialDataProvider = ChartsRadialDataProvider;
 export * from "./ChartsRadialDataProvider.mjs";
 export * from "./ChartsRadialDataProvider.plugins.mjs";

package/ChartsRadialGrid/index.d.mts

@@ -1,3 +1,8 @@
-export { type ChartsRadialGridProps, ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+export { type ChartsRadialGridProps, ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+export declare const Unstable_ChartsRadialGrid: typeof ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.mjs";
 export type { ChartsRadialGridClasses, ChartsRadialGridClassKey } from "./chartsRadialGridClasses.mjs";

package/ChartsRadialGrid/index.d.ts

@@ -1,3 +1,8 @@
-export { type ChartsRadialGridProps, ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.js";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.js";
+export { type ChartsRadialGridProps, ChartsRadialGrid } from "./ChartsRadialGrid.js";
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+export declare const Unstable_ChartsRadialGrid: typeof ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.js";
 export type { ChartsRadialGridClasses, ChartsRadialGridClassKey } from "./chartsRadialGridClasses.js";

package/ChartsRadialGrid/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRadialGrid", {
+Object.defineProperty(exports, "ChartsRadialGrid", {
   enumerable: true,
   get: function () {
     return _ChartsRadialGrid.ChartsRadialGrid;
   }
 });
+exports.Unstable_ChartsRadialGrid = void 0;
 Object.defineProperty(exports, "chartsRadialGridClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,9 @@ Object.defineProperty(exports, "chartsRadialGridClasses", {
   }
 });
 var _ChartsRadialGrid = require("./ChartsRadialGrid");
-var _chartsRadialGridClasses = require("./chartsRadialGridClasses");
+var _chartsRadialGridClasses = require("./chartsRadialGridClasses");
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadialGrid = exports.Unstable_ChartsRadialGrid = _ChartsRadialGrid.ChartsRadialGrid;

package/ChartsRadialGrid/index.mjs

@@ -1,2 +1,9 @@
-export { ChartsRadialGrid as Unstable_ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+import { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+export { ChartsRadialGrid } from "./ChartsRadialGrid.mjs";
+
+/**
+ * @deprecated radial grid is now stable, import `ChartsRadialGrid` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadialGrid = ChartsRadialGrid;
 export { chartsRadialGridClasses } from "./chartsRadialGridClasses.mjs";

package/ChartsRadiusAxis/index.d.mts

@@ -1,4 +1,9 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+export declare const Unstable_ChartsRadiusAxis: typeof ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.mjs";
 export type { ChartsRadialAxisClasses, ChartsRadialAxisClassKey } from "./chartsRadiusAxisClasses.mjs";
 export { type ChartsRadiusAxisProps } from "../models/axis.mjs";

package/ChartsRadiusAxis/index.d.ts

@@ -1,4 +1,9 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.js";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+export declare const Unstable_ChartsRadiusAxis: typeof ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.js";
 export type { ChartsRadialAxisClasses, ChartsRadialAxisClassKey } from "./chartsRadiusAxisClasses.js";
 export { type ChartsRadiusAxisProps } from "../models/axis.js";

package/ChartsRadiusAxis/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRadiusAxis", {
+Object.defineProperty(exports, "ChartsRadiusAxis", {
   enumerable: true,
   get: function () {
     return _ChartsRadiusAxis.ChartsRadiusAxis;
   }
 });
+exports.Unstable_ChartsRadiusAxis = void 0;
 Object.defineProperty(exports, "chartsRadialAxisClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,11 @@ Object.defineProperty(exports, "chartsRadialAxisClasses", {
   }
 });
 var _ChartsRadiusAxis = require("./ChartsRadiusAxis");
-var _chartsRadiusAxisClasses = require("./chartsRadiusAxisClasses");
+var _chartsRadiusAxisClasses = require("./chartsRadiusAxisClasses");
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRadiusAxis = exports.Unstable_ChartsRadiusAxis = _ChartsRadiusAxis.ChartsRadiusAxis;
+
+// Re-export types

package/ChartsRadiusAxis/index.mjs

@@ -1,4 +1,10 @@
-export { ChartsRadiusAxis as Unstable_ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+import { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+export { ChartsRadiusAxis } from "./ChartsRadiusAxis.mjs";
+/**
+ * @deprecated radius axis is now stable, import `ChartsRadiusAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRadiusAxis = ChartsRadiusAxis;
 export { chartsRadialAxisClasses } from "./chartsRadiusAxisClasses.mjs";
 
 // Re-export types

package/ChartsRotationAxis/index.d.mts

@@ -1,3 +1,8 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+export declare const Unstable_ChartsRotationAxis: typeof ChartsRotationAxis;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./chartsRotationAxisClasses.mjs";
 export { type ChartsRotationAxisProps } from "../models/axis.mjs";

package/ChartsRotationAxis/index.d.ts

@@ -1,3 +1,8 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.js";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.js";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.js";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+export declare const Unstable_ChartsRotationAxis: typeof ChartsRotationAxis;
 export { type ChartsRadialAxisClasses, type ChartsRadialAxisClassKey, chartsRadialAxisClasses } from "./chartsRotationAxisClasses.js";
 export { type ChartsRotationAxisProps } from "../models/axis.js";

package/ChartsRotationAxis/index.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_ChartsRotationAxis", {
+Object.defineProperty(exports, "ChartsRotationAxis", {
   enumerable: true,
   get: function () {
     return _ChartsRotationAxis.ChartsRotationAxis;
   }
 });
+exports.Unstable_ChartsRotationAxis = void 0;
 Object.defineProperty(exports, "chartsRadialAxisClasses", {
   enumerable: true,
   get: function () {
@@ -16,4 +17,11 @@ Object.defineProperty(exports, "chartsRadialAxisClasses", {
   }
 });
 var _ChartsRotationAxis = require("./ChartsRotationAxis");
-var _chartsRotationAxisClasses = require("./chartsRotationAxisClasses");
+var _chartsRotationAxisClasses = require("./chartsRotationAxisClasses");
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_ChartsRotationAxis = exports.Unstable_ChartsRotationAxis = _ChartsRotationAxis.ChartsRotationAxis;
+
+// Re-export types

package/ChartsRotationAxis/index.mjs

@@ -1,4 +1,10 @@
-export { ChartsRotationAxis as Unstable_ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+import { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+export { ChartsRotationAxis } from "./ChartsRotationAxis.mjs";
+/**
+ * @deprecated rotation axis is now stable, import `ChartsRotationAxis` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_ChartsRotationAxis = ChartsRotationAxis;
 export { chartsRadialAxisClasses } from "./chartsRotationAxisClasses.mjs";
 
 // Re-export types

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -16,6 +16,7 @@ var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _styles = require("@mui/material/styles");
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
@@ -109,7 +110,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = (0, _chartsTooltipClasses.useUtilityClasses)(propClasses);
   const pointerType = store.use(_useChartInteraction.selectorChartsPointerType);
   const isFineMainPointer = (0, _utils.useIsFineMainPointer)();
@@ -154,6 +155,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  (0, _useEnhancedEffect.default)(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -198,7 +205,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -219,9 +226,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: (0, _extends2.default)({}, other.popperOptions, {
           strategy: 'fixed'
         })

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -9,6 +9,7 @@ import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import useLazyRef from '@mui/utils/useLazyRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { styled, useThemeProps } from '@mui/material/styles';
 import Popper from '@mui/material/Popper';
 import NoSsr from '@mui/material/NoSsr';
@@ -102,7 +103,7 @@ function ChartsTooltipContainer(inProps) {
     }
   }
   const chartsLayerContainerRef = useChartsLayerContainerRef();
-  const anchorRef = React.useRef(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
   const classes = useUtilityClasses(propClasses);
   const pointerType = store.use(selectorChartsPointerType);
   const isFineMainPointer = useIsFineMainPointer();
@@ -147,6 +148,12 @@ function ChartsTooltipContainer(inProps) {
       pointerUpdate.clear();
     };
   }, [chartsLayerContainerRef, positionRef, isTooltipNodeAnchored]);
+  useEnhancedEffect(() => {
+    if (!isTooltipNodeAnchored) {
+      return;
+    }
+    popperRef.current?.update();
+  }, [isTooltipNodeAnchored, itemPosition?.x, itemPosition?.y]);
   const pointerAnchorEl = React.useMemo(() => ({
     getBoundingClientRect: () => ({
       x: positionRef.current.x,
@@ -191,7 +198,7 @@ function ChartsTooltipContainer(inProps) {
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [chartsLayerContainerRef.current && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsx("div", {
-      ref: anchorRef,
+      ref: setAnchorEl,
       style: {
         position: 'absolute',
         display: 'hidden',
@@ -212,9 +219,9 @@ function ChartsTooltipContainer(inProps) {
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorRef.current : pointerAnchorEl,
+        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
         modifiers: modifiers,
-        container: chartsLayerContainerRef.current,
+        container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: _extends({}, other.popperOptions, {
           strategy: 'fixed'
         })

package/LineChart/AreaElement.js

@@ -42,7 +42,7 @@ function AreaElement(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const store = (0, _useStore.useStore)();
-  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const identifier = React.useMemo(() => ({
     type: 'line',
     seriesId

package/LineChart/AreaElement.mjs

@@ -35,7 +35,7 @@ function AreaElement(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const store = useStore();
-  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const identifier = React.useMemo(() => ({
     type: 'line',
     seriesId

package/LineChart/CircleMarkElement.js

@@ -61,7 +61,7 @@ function CircleMarkElement(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const store = (0, _useStore.useStore)();
-  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)({
     type: 'line',
     seriesId,

package/LineChart/CircleMarkElement.mjs

@@ -54,7 +54,7 @@ function CircleMarkElement(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const store = useStore();
-  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const interactionProps = useInteractionItemProps({
     type: 'line',
     seriesId,

package/LineChart/LineElement.js

@@ -43,7 +43,7 @@ function LineElement(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const store = (0, _useStore.useStore)();
-  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const identifier = React.useMemo(() => ({
     type: 'line',
     seriesId

package/LineChart/LineElement.mjs

@@ -36,7 +36,7 @@ function LineElement(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const store = useStore();
-  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const identifier = React.useMemo(() => ({
     type: 'line',
     seriesId

package/LineChart/MarkElement.js

@@ -62,7 +62,7 @@ function MarkElement(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const store = (0, _useStore.useStore)();
-  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState)?.enablePositionBasedPointerInteraction;
+  const enablePositionBasedPointerInteraction = store.use(_useChartExperimentalFeature.selectorChartExperimentalFeaturesState, 'enablePositionBasedPointerInteraction');
   const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)({
     type: 'line',
     seriesId,