@mui/x-charts 9.11.1 → 9.13.0

package/BarChart/BarChart.js

@@ -140,6 +140,13 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   experimentalFeatures: _propTypes.default.shape({
     keyboardActivation: _propTypes.default.bool
   }),
+  /**
+   * If `true`, clicking an item immediately shows the keyboard focus indicator on it.
+   * By default, clicking sets the item that keyboard navigation starts from, but the focus
+   * indicator stays hidden until the user presses a key.
+   * @default false
+   */
+  focusItemOnClick: _propTypes.default.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -268,7 +275,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-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 {ChartsActivationEvent} event The event recorded on the `<svg/>` element.
    * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,

package/BarChart/BarChart.mjs

@@ -133,6 +133,13 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-proptypes *
   experimentalFeatures: PropTypes.shape({
     keyboardActivation: PropTypes.bool
   }),
+  /**
+   * If `true`, clicking an item immediately shows the keyboard focus indicator on it.
+   * By default, clicking sets the item that keyboard navigation starts from, but the focus
+   * indicator stays hidden until the user presses a key.
+   * @default false
+   */
+  focusItemOnClick: PropTypes.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -261,7 +268,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes /* remove-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 {ChartsActivationEvent} event The event recorded on the `<svg/>` element.
    * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: PropTypes.func,

package/CHANGELOG.md

@@ -1,5 +1,283 @@
 # Changelog
 
+## 9.13.0
+
+<!-- generated comparing v9.12.0..master -->
+
+_Sep 4, 2026_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve keyboard navigation features of the Charts.
+- 🎨 Improved customization of the edit event dialog in the `EventCalendar`
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @jvskriubakken, @mustafajw07, @roychan1
+
+The following team members contributed to this release:
+@brijeshb42, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.13.0`
+
+- [DataGrid] Call `onValueChange` after `setEditCellValue` in edit cells (#23417) @michelengelen
+- [DataGrid] Add support for replacing rows instead of merging updates (#23323) @jvskriubakken
+- [DataGrid] Always render `rowHeader` in virtualized setups (#23386) @silviuaavram
+- [DataGrid] Export `ToolbarRoot` (#23322) @JCQuintas
+- [DataGrid] Fix `rowsPerPage` selector appearing when `autoPageSize` is enabled and `pageSize` is one of `pageSizeOptions` (#23401) @roychan1
+- [DataGrid] Fix row tree reset when a data source grid becomes visible (#23288) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.13.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.13.0`, plus:
+
+- [DataGridPro] Remove rows deleted server-side on nested lazy loading revalidation (#23320) @JCQuintas
+- [DataGridPro] Stop `disableDebounce` from reaching the DOM in multi select filter (#23445) @JCQuintas
+
+#### `@mui/x-data-grid-premium@9.13.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.13.0`, plus:
+
+- [DataGridPremium] Refine cell selection and speed up clipboard copy (#23473) @michelengelen
+- [DataGridPremium] Select all cells with Ctrl+A (#23415) @michelengelen
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.13.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.13.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.13.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.13.0`
+
+- [charts] Activate the focused axis with Enter/Space (#23219) @JCQuintas
+- [charts] Add keyboard zoom and pan (#23369) @JCQuintas
+- [charts] Fix line mark position under browser zoom in Safari (#23387) @noraleonte
+- [charts] Fix y axis tick labels shortened near the top of the chart (#23435) @JCQuintas
+- [charts] Focus the clicked item on radar charts (#23287) @JCQuintas
+- [charts] Stop text measurements leaking into each other (#23430) @JCQuintas
+
+#### `@mui/x-charts-pro@9.13.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.13.0`.
+
+#### `@mui/x-charts-premium@9.13.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.13.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.13.0`
+
+- [tree view] Add `loading` prop and customizable loading UI (#22251) @michelengelen
+- [tree view] Reduce selector bundle size (#23412) @flaviendelangle
+- [tree view] Remove dead UI from community component (#23487) @noraleonte
+- [tree view] Remove unused dependencies (#23488) @noraleonte
+- [tree view] Use `useId` for the default tree id (#23341) @Anexus5919
+
+#### `@mui/x-tree-view-pro@9.13.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.13.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.11`
+
+- [scheduler] Absorb un-acted `ResizeObserver` deliveries after rendering the timeline (#23444) @rita-codes
+- [scheduler] Add `EventContextMenu` with Edit and Delete actions (#23379) @mustafajw07
+- [scheduler] Add aria-hidden to collapsed side panel and refactor landmark structure (#23425) @mustafajw07
+- [scheduler] Add the `eventDialogGeneralTab` slot (#23338) @rita-codes
+- [scheduler] Fix the un-awaited act warning in the event dialog slot test (#23446) @JCQuintas
+- [scheduler] Improve timeline event layout performance (#23364) @flaviendelangle
+- [scheduler] Keep `aria-expanded` present when ViewSwitcher and PreferencesMenu menus are closed (#23427) @mustafajw07
+- [scheduler] Make the event dialog General-tab building blocks public (#23398) @rita-codes
+- [scheduler] Migrate to the pragmatic-drag-and-drop v3 entry points (#23442) @rita-codes
+- [scheduler] Reduce selector bundle size (#23413) @flaviendelangle
+- [scheduler] Reuse processed events between updates (#23363) @flaviendelangle
+- [scheduler] Add `aria-expanded` and `aria-controls` to side panel toggle button (#23402) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.11` [![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.11`, plus:
+
+- [scheduler-premium] Dependencies - Keep event drags working over the arrow hit-areas (#23441) @rita-codes
+- [scheduler-premium] Dependencies - Reject dependencies that would create a cycle (#23389) @rita-codes
+- [scheduler-premium] Key recurring `exDates` on their data-timezone day (#23467) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.13.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add synchronized tooltip and crosshair demo to charts (#23368) @JCQuintas
+- [docs] Add sticky headers recipe to `RichTreeView` customization (#22908) @michelengelen
+- [docs] Pin the visible date of the scheduler preferences demos (#23432) @rita-codes
+- [docs] Star-prefix bare :where() dark-mode selectors (#23419) @Janpot
+- [docs] Consolidate demo data into shared dataset files (#23496) @michelengelen
+
+### Core
+
+- [code-infra] Consume shared commands from code-infra orb (#23485) @brijeshb42
+- [code-infra] Move the shared spy helpers off Sinon (#23466) @JCQuintas
+- [code-infra] Point the support validator link at frontend-public (#23422) @Janpot
+- [code-infra] Reduce per-page memory in the browser test suite (#23424) @Janpot
+- [code-infra] Remove Sinon (#23476) @JCQuintas
+- [code-infra] Remove the explicit `styled-components` dependency (#23479) @LukasTy
+- [code-infra] Replace the mechanical sinon `spy()` usages with `vi.fn()` (#23443) @JCQuintas
+- [code-infra] Replace the sinon `spy(fn)` usages with `vi.fn(fn)` (#23460) @JCQuintas
+- [code-infra] Replace the sinon spy types with the Vitest ones (#23464) @JCQuintas
+- [code-infra] Replace the sinon spy-on-object calls with `vi.spyOn` (#23474) @JCQuintas
+- [code-infra] Replace the sinon stubs with Vitest mocks (#23472) @JCQuintas
+- [code-infra] Run TypeScript 7 alongside the TS6 JS API (#23471) @brijeshb42
+- [code-infra] Trim the shared browser test setup graph (#23426) @LukasTy
+- [code-infra] Update CircleCI orb (#23418) @JCQuintas
+- [code-infra] Use explicit vitest imports in test files (#23375) @michelengelen
+
+### Miscellaneous
+
+- [chat] Enforce top-level type imports (#23037) @Janpot
+- [chat] Fix global preload error from the `remend` import (#23263) @hasdfa
+- [ci] Add Claude PR review via mui-public reusable workflow (#23423) @Janpot
+- [telemetry] Fix get-context test leaking mock from sender test (#23447) @JCQuintas
+- [test] Fail the regression run when a webfont does not load (#23376) @LukasTy
+
+## 9.12.0
+
+_Aug 21, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧮 Support [Formulas](https://mui.com/x/react-data-grid/formulas/) on the Data Grid: cells in opted-in columns can hold spreadsheet-like formulas (`=SUM(RANGE(…))`, `=price * quantity`) evaluated by a built-in engine, with a formula editor and [Formula Bar](https://mui.com/x/react-data-grid/components/formula-bar/), autocomplete, reference highlighting, optional A1 notation, fill-handle reference adjustment, custom functions, and live formula Excel export
+- ♿️ Improve the accessibility of Data Grid cells and picker day cells
+- 🗓️ Enable multi-resource event creation and editing in the Scheduler
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.12.0`
+
+- [DataGrid] Expose `apiRef` on `GridCallbackDetails` for selector access in callbacks (#22973) @michelengelen
+- [DataGrid] Fix header height not updating when `headerFilters` or `columnGroupingModel` change (#23059) @MBilalShafi
+- [DataGrid] Fix unhandled rejection when unmounting mid-autosize (#23319) @JCQuintas
+- [DataGrid] Label the blank `singleSelect` filter option (#23294) @JCQuintas
+- [DataGrid] Stop sending incomplete filter items to the data source (#23303) @JCQuintas
+- [DataGrid] Support the `rowheader` attribute for grid cells (#23340) @silviuaavram
+
+#### `@mui/x-data-grid-pro@9.12.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.12.0`, plus:
+
+- [DataGridPro] Honor `hasNextPage` in infinite lazy loading (#23048) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@9.12.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.12.0`, plus:
+
+- [DataGridPremium] Formula support (#22807) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.12.0`
+
+- [fields] Keep the selected section on blank space clicks (#23318) @LukasTy
+- [pickers] Associate the day cells with their week day column header (#23339) @LukasTy
+- [pickers] Keep the `gridcell` role and the column index on filler cells (#23326) @Anexus5919
+
+#### `@mui/x-date-pickers-pro@9.12.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.12.0`, plus:
+
+- [DateRangeCalendar] Round the range highlight at the month grid edges (#23297) @JCQuintas
+- [DateRangePicker] Keep the range highlight opaque for disabled days (#23317) @JCQuintas
+
+### Charts
+
+#### `@mui/x-charts@9.12.0`
+
+- [charts] Add a demo for label on grid row (#23333) @noraleonte
+- [charts] Fix React 18 `propTypes` warnings and stray-pointer test flakiness (#23384) @LukasTy
+- [charts] Focus the clicked item for keyboard navigation (#23247) @JCQuintas
+
+#### `@mui/x-charts-pro@9.12.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.12.0`.
+
+#### `@mui/x-charts-premium@9.12.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.12.0`, plus:
+
+- [charts-premium] Add `onItemClick` to the radial charts (#23253) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.12.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.12.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.12.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.10`
+
+- [scheduler] Add `onEventEditingStart` to let consumers open their own edit UI (#23361) @rita-codes
+- [scheduler] Fix keyboard and focus issues around the "+N more" popover (#23312) @rita-codes
+- [scheduler] Honor `viewConfig` hour limits in the compact day and week views (#23316) @rita-codes
+- [scheduler] Share timeline event layout data (#23366) @flaviendelangle
+- [scheduler] enable multi-resource event creation and editing (#23313) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.10` [![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.10`, plus:
+
+- [scheduler-premium] Allow to control the min and max hour in the Event Timeline (#23212) @rita-codes
+- [scheduler-premium] Dependencies - Create, select and delete via terminals (#23200) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.12.0`
+
+Internal changes.
+
+### Docs
+
+- [docs][charts] Document line mark size customization (#23370) @JCQuintas
+- [docs] Add recipe for constraining the `make-child` drop action by item type (#22940) @michelengelen
+- [docs] Redirect the renamed Event Timeline views page (#23324) @brijeshb42
+- [docs] Remove unused `adapter-dependencies.json` (#23328) @LukasTy
+
+### Core
+
+- [code-infra] Add release skill (#23308) @brijeshb42
+- [code-infra] Fix changelog categorization of docs and `DateRangeCalendar` tags (#23385) @JCQuintas
+- [code-infra] Sync mui-release skill (#23330) @brijeshb42
+
+### Miscellaneous
+
+- [core] Declare the missing `react-dom` peer dependencies (#23381) @LukasTy
+- [test] Fix act warnings in the data source filter tests (#23360) @JCQuintas
+- [virtualizer] Add inverse-sticky layout (#23053) @romgrk
+
 ## 9.11.1
 
 _Aug 6, 2026_

package/ChartsContainer/ChartsContainer.js

@@ -111,6 +111,13 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   experimentalFeatures: _propTypes.default.shape({
     keyboardActivation: _propTypes.default.bool
   }),
+  /**
+   * If `true`, clicking an item immediately shows the keyboard focus indicator on it.
+   * By default, clicking sets the item that keyboard navigation starts from, but the focus
+   * indicator stays hidden until the user presses a key.
+   * @default false
+   */
+  focusItemOnClick: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -224,7 +231,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   /**
    * 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 {ChartsActivationEvent} event The event recorded on the `<svg/>` element.
    * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,

package/ChartsContainer/ChartsContainer.mjs

@@ -104,6 +104,13 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   experimentalFeatures: PropTypes.shape({
     keyboardActivation: PropTypes.bool
   }),
+  /**
+   * If `true`, clicking an item immediately shows the keyboard focus indicator on it.
+   * By default, clicking sets the item that keyboard navigation starts from, but the focus
+   * indicator stays hidden until the user presses a key.
+   * @default false
+   */
+  focusItemOnClick: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
@@ -217,7 +224,7 @@ process.env.NODE_ENV !== "production" ? ChartsContainer.propTypes /* remove-prop
   /**
    * 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 {ChartsActivationEvent} event The event recorded on the `<svg/>` element.
    * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: PropTypes.func,

package/ChartsContainer/useChartsContainerProps.js

@@ -9,7 +9,7 @@ exports.useChartsContainerProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _allPlugins = require("../internals/plugins/allPlugins");
-const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "onAxisClick", "highlightedAxis", "onHighlightedAxisChange", "tooltipAxis", "onTooltipAxisChange", "tooltipItem", "onTooltipItemChange", "disableHitArea", "hitAreaRadius", "onItemClick", "disableAxisListener", "highlightedItem", "onHighlightChange", "sx", "title", "axesGap", "xAxis", "yAxis", "zAxis", "rotationAxis", "radiusAxis", "skipAnimation", "seriesConfig", "experimentalFeatures", "plugins", "localeText", "slots", "slotProps", "disableKeyboardNavigation", "brushConfig", "onHiddenItemsChange", "hiddenItems", "initialHiddenItems"];
+const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "onAxisClick", "highlightedAxis", "onHighlightedAxisChange", "tooltipAxis", "onTooltipAxisChange", "tooltipItem", "onTooltipItemChange", "disableHitArea", "hitAreaRadius", "onItemClick", "disableAxisListener", "highlightedItem", "onHighlightChange", "sx", "title", "axesGap", "xAxis", "yAxis", "zAxis", "rotationAxis", "radiusAxis", "skipAnimation", "seriesConfig", "experimentalFeatures", "plugins", "localeText", "slots", "slotProps", "disableKeyboardNavigation", "focusItemOnClick", "brushConfig", "onHiddenItemsChange", "hiddenItems", "initialHiddenItems"];
 const useChartsContainerProps = props => {
   const _ref = props,
     {
@@ -50,6 +50,7 @@ const useChartsContainerProps = props => {
       slots,
       slotProps,
       disableKeyboardNavigation,
+      focusItemOnClick,
       brushConfig,
       onHiddenItemsChange,
       hiddenItems,
@@ -92,6 +93,7 @@ const useChartsContainerProps = props => {
     seriesConfig,
     experimentalFeatures,
     disableKeyboardNavigation,
+    focusItemOnClick,
     brushConfig,
     onHiddenItemsChange,
     hiddenItems,

package/ChartsContainer/useChartsContainerProps.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "onAxisClick", "highlightedAxis", "onHighlightedAxisChange", "tooltipAxis", "onTooltipAxisChange", "tooltipItem", "onTooltipItemChange", "disableHitArea", "hitAreaRadius", "onItemClick", "disableAxisListener", "highlightedItem", "onHighlightChange", "sx", "title", "axesGap", "xAxis", "yAxis", "zAxis", "rotationAxis", "radiusAxis", "skipAnimation", "seriesConfig", "experimentalFeatures", "plugins", "localeText", "slots", "slotProps", "disableKeyboardNavigation", "brushConfig", "onHiddenItemsChange", "hiddenItems", "initialHiddenItems"];
+const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "onAxisClick", "highlightedAxis", "onHighlightedAxisChange", "tooltipAxis", "onTooltipAxisChange", "tooltipItem", "onTooltipItemChange", "disableHitArea", "hitAreaRadius", "onItemClick", "disableAxisListener", "highlightedItem", "onHighlightChange", "sx", "title", "axesGap", "xAxis", "yAxis", "zAxis", "rotationAxis", "radiusAxis", "skipAnimation", "seriesConfig", "experimentalFeatures", "plugins", "localeText", "slots", "slotProps", "disableKeyboardNavigation", "focusItemOnClick", "brushConfig", "onHiddenItemsChange", "hiddenItems", "initialHiddenItems"];
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
 export const useChartsContainerProps = props => {
   const _ref = props,
@@ -44,6 +44,7 @@ export const useChartsContainerProps = props => {
       slots,
       slotProps,
       disableKeyboardNavigation,
+      focusItemOnClick,
       brushConfig,
       onHiddenItemsChange,
       hiddenItems,
@@ -86,6 +87,7 @@ export const useChartsContainerProps = props => {
     seriesConfig,
     experimentalFeatures,
     disableKeyboardNavigation,
+    focusItemOnClick,
     brushConfig,
     onHiddenItemsChange,
     hiddenItems,

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -110,21 +110,14 @@ process.env.NODE_ENV !== "production" ? DefaultContent.propTypes /* remove-propt
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  item: _propTypes.default.shape({
+  item: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
     color: _propTypes.default.string.isRequired,
     formattedLabel: _propTypes.default.string,
     formattedValue: _propTypes.default.string.isRequired,
     markShape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']),
     markType: _propTypes.default.oneOfType([_propTypes.default.oneOf(['circle', 'line', 'line+mark', 'square']), _propTypes.default.func]),
     seriesId: _propTypes.default.string.isRequired,
-    value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-      colorValue: _propTypes.default.any,
-      id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-      sizeValue: _propTypes.default.any,
-      x: _propTypes.default.number.isRequired,
-      y: _propTypes.default.number.isRequired,
-      z: _propTypes.default.any
-    })])
+    value: _propTypes.default.any
   }).isRequired
 } : void 0;
 process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes /* remove-proptypes */ = {

package/ChartsTooltip/ChartsAxisTooltipContent.mjs

@@ -104,21 +104,14 @@ process.env.NODE_ENV !== "production" ? DefaultContent.propTypes /* remove-propt
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-  item: PropTypes.shape({
+  item: PropTypes /* @typescript-to-proptypes-ignore */.shape({
     color: PropTypes.string.isRequired,
     formattedLabel: PropTypes.string,
     formattedValue: PropTypes.string.isRequired,
     markShape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']),
     markType: PropTypes.oneOfType([PropTypes.oneOf(['circle', 'line', 'line+mark', 'square']), PropTypes.func]),
     seriesId: PropTypes.string.isRequired,
-    value: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      colorValue: PropTypes.any,
-      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-      sizeValue: PropTypes.any,
-      x: PropTypes.number.isRequired,
-      y: PropTypes.number.isRequired,
-      z: PropTypes.any
-    })])
+    value: PropTypes.any
   }).isRequired
 } : void 0;
 process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes /* remove-proptypes */ = {

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -180,13 +180,13 @@ process.env.NODE_ENV !== "production" ? DefaultSingleValueContent.propTypes /* r
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  item: _propTypes.default.shape({
+  item: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
     color: _propTypes.default.string.isRequired,
     formattedValue: _propTypes.default.any.isRequired,
     identifier: _propTypes.default.shape({
       dataIndex: _propTypes.default.number,
       seriesId: _propTypes.default.string.isRequired,
-      type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+      type: _propTypes.default.string.isRequired
     }).isRequired,
     label: _propTypes.default.string,
     markShape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']),

package/ChartsTooltip/ChartsItemTooltipContent.mjs

@@ -173,13 +173,13 @@ process.env.NODE_ENV !== "production" ? DefaultSingleValueContent.propTypes /* r
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-  item: PropTypes.shape({
+  item: PropTypes /* @typescript-to-proptypes-ignore */.shape({
     color: PropTypes.string.isRequired,
     formattedValue: PropTypes.any.isRequired,
     identifier: PropTypes.shape({
       dataIndex: PropTypes.number,
       seriesId: PropTypes.string.isRequired,
-      type: PropTypes.oneOf(['bar', 'line', 'pie', 'radar', 'scatter']).isRequired
+      type: PropTypes.string.isRequired
     }).isRequired,
     label: PropTypes.string,
     markShape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']),

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -181,6 +181,10 @@ function ChartsTooltipContainer(inProps) {
       toJSON: () => ''
     })
   }), [positionRef]);
+
+  // `anchorEl` is only set once the portal below is mounted. Rendering the popper
+  // without an anchor makes Popper warn about an invalid `anchorEl`.
+  const tooltipAnchorEl = itemPosition ? anchorEl : pointerAnchorEl;
   const isMouse = pointerType === 'mouse' || isFineMainPointer;
   const isTouch = pointerType === 'touch' || !isFineMainPointer;
   const modifiers = React.useMemo(() => [{
@@ -226,14 +230,14 @@ function ChartsTooltipContainer(inProps) {
         height: 1
       }
     }), chartsLayerContainerRef.current), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
-      children: isOpen && /*#__PURE__*/(0, _react.createElement)(ChartsTooltipRoot, (0, _extends2.default)({}, other, {
+      children: isOpen && tooltipAnchorEl && /*#__PURE__*/(0, _react.createElement)(ChartsTooltipRoot, (0, _extends2.default)({}, other, {
         // The key is here to make sure the tooltip uses the new anchor immediately.
         key: itemPosition ? 'charts-anchored' : 'charts-pointer',
         className: classes?.root,
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
+        anchorEl: tooltipAnchorEl,
         modifiers: modifiers,
         container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: (0, _extends2.default)({}, other.popperOptions, {

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -174,6 +174,10 @@ function ChartsTooltipContainer(inProps) {
       toJSON: () => ''
     })
   }), [positionRef]);
+
+  // `anchorEl` is only set once the portal below is mounted. Rendering the popper
+  // without an anchor makes Popper warn about an invalid `anchorEl`.
+  const tooltipAnchorEl = itemPosition ? anchorEl : pointerAnchorEl;
   const isMouse = pointerType === 'mouse' || isFineMainPointer;
   const isTouch = pointerType === 'touch' || !isFineMainPointer;
   const modifiers = React.useMemo(() => [{
@@ -219,14 +223,14 @@ function ChartsTooltipContainer(inProps) {
         height: 1
       }
     }), chartsLayerContainerRef.current), /*#__PURE__*/_jsx(NoSsr, {
-      children: isOpen && /*#__PURE__*/_createElement(ChartsTooltipRoot, _extends({}, other, {
+      children: isOpen && tooltipAnchorEl && /*#__PURE__*/_createElement(ChartsTooltipRoot, _extends({}, other, {
         // The key is here to make sure the tooltip uses the new anchor immediately.
         key: itemPosition ? 'charts-anchored' : 'charts-pointer',
         className: classes?.root,
         open: isOpen,
         placement: other.placement ?? position ?? (!isTooltipNodeAnchored && isMouse ? 'right-start' : 'top'),
         popperRef: popperRef,
-        anchorEl: itemPosition ? anchorEl : pointerAnchorEl,
+        anchorEl: tooltipAnchorEl,
         modifiers: modifiers,
         container: other.container ?? chartsLayerContainerRef.current,
         popperOptions: _extends({}, other.popperOptions, {

package/ChartsXAxis/useAxisTicksProps.js

@@ -16,6 +16,7 @@ var _useAxis = require("../hooks/useAxis");
 var _defaultTextPlacement = require("../ChartsText/defaultTextPlacement");
 var _invertTextAnchor = require("../internals/invertTextAnchor");
 var _utilities = require("./utilities");
+var _constants = require("../constants");
 const _excluded = ["scale", "tickNumber", "reverse"];
 function useAxisTicksProps(inProps) {
   const {
@@ -57,7 +58,7 @@ function useAxisTicksProps(inProps) {
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
       style: (0, _extends2.default)({}, theme.typography.caption, {
-        fontSize: 12,
+        fontSize: _constants.DEFAULT_TICK_LABEL_FONT_SIZE,
         lineHeight: 1.25,
         textAnchor: isRtl ? (0, _invertTextAnchor.invertTextAnchor)(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline

package/ChartsXAxis/useAxisTicksProps.mjs

@@ -11,6 +11,7 @@ import { useXAxes } from "../hooks/useAxis.mjs";
 import { getDefaultBaseline, getDefaultTextAnchor } from "../ChartsText/defaultTextPlacement.mjs";
 import { invertTextAnchor } from "../internals/invertTextAnchor.mjs";
 import { defaultProps, useUtilityClasses } from "./utilities.mjs";
+import { DEFAULT_TICK_LABEL_FONT_SIZE } from "../constants/index.mjs";
 export function useAxisTicksProps(inProps) {
   const {
     xAxis,
@@ -51,7 +52,7 @@ export function useAxisTicksProps(inProps) {
     // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
       style: _extends({}, theme.typography.caption, {
-        fontSize: 12,
+        fontSize: DEFAULT_TICK_LABEL_FONT_SIZE,
         lineHeight: 1.25,
         textAnchor: isRtl ? invertTextAnchor(defaultTextAnchor) : defaultTextAnchor,
         dominantBaseline: defaultDominantBaseline