@mui/x-charts 9.13.0 → 9.15.0

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.selectors.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsIsVoronoiEnabled = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 const selectVoronoi = state => state.voronoi;
 const selectorChartsIsVoronoiEnabled = exports.selectorChartsIsVoronoiEnabled = (0, _store.createSelector)(selectVoronoi, voronoi => voronoi?.isVoronoiEnabled);

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.selectors.mjs

@@ -1,3 +1,3 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 const selectVoronoi = state => state.voronoi;
 export const selectorChartsIsVoronoiEnabled = createSelector(selectVoronoi, voronoi => voronoi?.isVoronoiEnabled);

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -10,7 +10,7 @@ var _warning = require("@mui/x-internals/warning");
 var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries");
 var _cleanIdentifier = require("../../corePlugins/useChartSeriesConfig/utils/cleanIdentifier");
 const useChartHighlight = ({

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.mjs

@@ -1,9 +1,9 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { warnOnce } from '@mui/x-internals/warning';
 import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 import { createIdentifierWithType } from "../../corePlugins/useChartSeries/useChartSeries.mjs";
 import { cleanIdentifier } from "../../corePlugins/useChartSeriesConfig/utils/cleanIdentifier.mjs";
 export const useChartHighlight = ({

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -7,7 +7,7 @@ exports.selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighligh
 exports.selectorChartsHighlightState = selectorChartsHighlightState;
 exports.selectorChartsHighlightStateCallback = selectorChartsHighlightStateCallback;
 exports.selectorChartsHighlightedItem = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _highlightStates = require("./highlightStates");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { getSeriesHighlightedDataIndex, getSeriesUnfadedDataIndex, isSeriesFaded, isSeriesHighlighted } from "./highlightStates.mjs";
 import { selectorChartsKeyboardItem } from "../useChartKeyboardNavigation/index.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useChartInteraction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 const useChartInteraction = ({
   store
 }) => {

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.mjs

@@ -1,6 +1,6 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 export const useChartInteraction = ({
   store
 }) => {

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsPointerType = exports.selectorChartsLastInteraction = exports.selectorChartsInteractionPointerY = exports.selectorChartsInteractionPointerX = exports.selectorChartsInteractionPointer = exports.selectorChartsInteractionIsInitialized = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 const selectInteraction = state => state.interaction;
 const selectorChartsInteractionIsInitialized = exports.selectorChartsInteractionIsInitialized = (0, _store.createSelector)(selectInteraction, interaction => interaction !== undefined);
 const selectorChartsInteractionPointer = exports.selectorChartsInteractionPointer = (0, _store.createSelector)(selectInteraction, interaction => interaction?.pointer ?? null);

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 const selectInteraction = state => state.interaction;
 export const selectorChartsInteractionIsInitialized = createSelector(selectInteraction, interaction => interaction !== undefined);
 export const selectorChartsInteractionPointer = createSelector(selectInteraction, interaction => interaction?.pointer ?? null);

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
 var _useChartSeriesConfig = require("../../corePlugins/useChartSeriesConfig");
 var _cleanIdentifier = require("../../corePlugins/useChartSeriesConfig/utils/cleanIdentifier");
@@ -192,6 +192,11 @@ const useChartKeyboardNavigation = ({
   });
   const activationRegistrationsRef = React.useRef(new Map());
   const nextRegistrationIdRef = React.useRef(0);
+  const announceZoomChange = React.useCallback(() => {
+    store.set('keyboardNavigation', (0, _extends2.default)({}, store.state.keyboardNavigation, {
+      zoomAnnouncement: store.state.keyboardNavigation.zoomAnnouncement + 1
+    }));
+  }, [store]);
   const registerItemActivationHandler = React.useCallback((scope, handler) => {
     const registrationId = nextRegistrationIdRef.current;
     nextRegistrationIdRef.current += 1;
@@ -219,10 +224,13 @@ const useChartKeyboardNavigation = ({
       if (root && next !== null && root.contains(next)) {
         return;
       }
-      if (store.state.keyboardNavigation.isFocused) {
-        store.set('keyboardNavigation', (0, _extends2.default)({}, store.state.keyboardNavigation, {
+      const keyboardNavigation = store.state.keyboardNavigation;
+      if (keyboardNavigation.isFocused || keyboardNavigation.zoomAnnouncement > 0) {
+        store.set('keyboardNavigation', (0, _extends2.default)({}, keyboardNavigation, {
           isFocused: false,
-          isFocusVisible: false
+          isFocusVisible: false,
+          // The visible range is only announced while the user operates the chart.
+          zoomAnnouncement: 0
         }));
       }
     }
@@ -268,9 +276,10 @@ const useChartKeyboardNavigation = ({
       handler(event, focusedItem);
     }
     function keyboardHandler(event) {
-      // Item navigation only uses unmodified keys.
+      // Item navigation only uses unmodified keys, except `ControlOrMeta` + `Home`/`End`.
       // Modified ones are left to the browser, and to chart interactions such as keyboard zoom and pan.
-      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+      const isCtrlHomeEnd = (event.ctrlKey || event.metaKey) && (event.key === 'Home' || event.key === 'End');
+      if (event.altKey || event.shiftKey || (event.ctrlKey || event.metaKey) && !isCtrlHomeEnd) {
         return;
       }
       let newFocusedItem = store.state.keyboardNavigation.item;
@@ -286,6 +295,10 @@ const useChartKeyboardNavigation = ({
       if (!calculateFocusedItem) {
         return;
       }
+
+      // The chart handles this key, so it should never also scroll the page, even when the focus
+      // does not move because it already is at a boundary.
+      event.preventDefault();
       newFocusedItem = calculateFocusedItem(newFocusedItem, store.state);
       const keyboardNavigation = store.state.keyboardNavigation;
       // The item does not move at the edges of a series that does not cycle, but the key was still
@@ -293,7 +306,6 @@ const useChartKeyboardNavigation = ({
       if (newFocusedItem === keyboardNavigation.item && keyboardNavigation.isFocusVisible) {
         return;
       }
-      event.preventDefault();
       updateFocus(newFocusedItem, true);
     }
     element.addEventListener('keydown', activationHandler);
@@ -345,7 +357,8 @@ const useChartKeyboardNavigation = ({
   return {
     instance: {
       focusItem,
-      registerItemActivationHandler
+      registerItemActivationHandler,
+      announceZoomChange
     }
   };
 };
@@ -355,7 +368,8 @@ useChartKeyboardNavigation.getInitialState = params => ({
     item: null,
     isFocused: false,
     isFocusVisible: false,
-    enabled: !params.disableKeyboardNavigation
+    enabled: !params.disableKeyboardNavigation,
+    zoomAnnouncement: 0
   }
 });
 useChartKeyboardNavigation.params = {

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.mjs

@@ -1,10 +1,10 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 import { selectorChartDefaultizedSeries } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
 import { selectorChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { cleanIdentifier } from "../../corePlugins/useChartSeriesConfig/utils/cleanIdentifier.mjs";
@@ -186,6 +186,11 @@ export const useChartKeyboardNavigation = ({
   });
   const activationRegistrationsRef = React.useRef(new Map());
   const nextRegistrationIdRef = React.useRef(0);
+  const announceZoomChange = React.useCallback(() => {
+    store.set('keyboardNavigation', _extends({}, store.state.keyboardNavigation, {
+      zoomAnnouncement: store.state.keyboardNavigation.zoomAnnouncement + 1
+    }));
+  }, [store]);
   const registerItemActivationHandler = React.useCallback((scope, handler) => {
     const registrationId = nextRegistrationIdRef.current;
     nextRegistrationIdRef.current += 1;
@@ -213,10 +218,13 @@ export const useChartKeyboardNavigation = ({
       if (root && next !== null && root.contains(next)) {
         return;
       }
-      if (store.state.keyboardNavigation.isFocused) {
-        store.set('keyboardNavigation', _extends({}, store.state.keyboardNavigation, {
+      const keyboardNavigation = store.state.keyboardNavigation;
+      if (keyboardNavigation.isFocused || keyboardNavigation.zoomAnnouncement > 0) {
+        store.set('keyboardNavigation', _extends({}, keyboardNavigation, {
           isFocused: false,
-          isFocusVisible: false
+          isFocusVisible: false,
+          // The visible range is only announced while the user operates the chart.
+          zoomAnnouncement: 0
         }));
       }
     }
@@ -262,9 +270,10 @@ export const useChartKeyboardNavigation = ({
       handler(event, focusedItem);
     }
     function keyboardHandler(event) {
-      // Item navigation only uses unmodified keys.
+      // Item navigation only uses unmodified keys, except `ControlOrMeta` + `Home`/`End`.
       // Modified ones are left to the browser, and to chart interactions such as keyboard zoom and pan.
-      if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+      const isCtrlHomeEnd = (event.ctrlKey || event.metaKey) && (event.key === 'Home' || event.key === 'End');
+      if (event.altKey || event.shiftKey || (event.ctrlKey || event.metaKey) && !isCtrlHomeEnd) {
         return;
       }
       let newFocusedItem = store.state.keyboardNavigation.item;
@@ -280,6 +289,10 @@ export const useChartKeyboardNavigation = ({
       if (!calculateFocusedItem) {
         return;
       }
+
+      // The chart handles this key, so it should never also scroll the page, even when the focus
+      // does not move because it already is at a boundary.
+      event.preventDefault();
       newFocusedItem = calculateFocusedItem(newFocusedItem, store.state);
       const keyboardNavigation = store.state.keyboardNavigation;
       // The item does not move at the edges of a series that does not cycle, but the key was still
@@ -287,7 +300,6 @@ export const useChartKeyboardNavigation = ({
       if (newFocusedItem === keyboardNavigation.item && keyboardNavigation.isFocusVisible) {
         return;
       }
-      event.preventDefault();
       updateFocus(newFocusedItem, true);
     }
     element.addEventListener('keydown', activationHandler);
@@ -339,7 +351,8 @@ export const useChartKeyboardNavigation = ({
   return {
     instance: {
       focusItem,
-      registerItemActivationHandler
+      registerItemActivationHandler,
+      announceZoomChange
     }
   };
 };
@@ -348,7 +361,8 @@ useChartKeyboardNavigation.getInitialState = params => ({
     item: null,
     isFocused: false,
     isFocusVisible: false,
-    enabled: !params.disableKeyboardNavigation
+    enabled: !params.disableKeyboardNavigation,
+    zoomAnnouncement: 0
   }
 });
 useChartKeyboardNavigation.params = {

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.d.mts

@@ -20,6 +20,9 @@ export declare const selectorChartsFocusedItem: (args_0: import("../../corePlugi
 export declare const selectorChartsFocusedOrToFocusedItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.mjs").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => FocusedItemIdentifier<keyof import("../../../index.mjs").ChartsSeriesConfig> | null;
+export declare const selectorChartsZoomAnnouncement: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.mjs").UseChartKeyboardNavigationState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => number;
 export declare const selectorChartsIsKeyboardNavigationEnabled: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.mjs").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => boolean;

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

@@ -20,6 +20,9 @@ export declare const selectorChartsFocusedItem: (args_0: import("../../corePlugi
 export declare const selectorChartsFocusedOrToFocusedItem: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => FocusedItemIdentifier<keyof import("../../../index.js").ChartsSeriesConfig> | null;
+export declare const selectorChartsZoomAnnouncement: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => number;
 export declare const selectorChartsIsKeyboardNavigationEnabled: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsKeyboardYAxisIndex = exports.selectorChartsKeyboardXAxisIndex = exports.selectorChartsKeyboardItem = exports.selectorChartsItemIsFocused = exports.selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardActivationEnabled = exports.selectorChartsIsFocusVisible = exports.selectorChartsHasFocusedItem = exports.selectorChartsFocusedOrToFocusedItem = exports.selectorChartsFocusedItem = void 0;
-var _store = require("@mui/x-internals/store");
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+exports.selectorChartsZoomAnnouncement = exports.selectorChartsKeyboardYAxisIndex = exports.selectorChartsKeyboardXAxisIndex = exports.selectorChartsKeyboardItem = exports.selectorChartsItemIsFocused = exports.selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardActivationEnabled = exports.selectorChartsIsFocusVisible = exports.selectorChartsHasFocusedItem = exports.selectorChartsFocusedOrToFocusedItem = exports.selectorChartsFocusedItem = void 0;
+var _store = require("@base-ui/utils/store");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 const selectKeyboardNavigation = state => state.keyboardNavigation;
@@ -26,6 +26,7 @@ const selectorChartsFocusedItem = exports.selectorChartsFocusedItem = (0, _store
  * - will be focused when user focuses the chart
  */
 const selectorChartsFocusedOrToFocusedItem = exports.selectorChartsFocusedOrToFocusedItem = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item ?? null);
+const selectorChartsZoomAnnouncement = exports.selectorChartsZoomAnnouncement = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.zoomAnnouncement ?? 0);
 const selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardNavigationEnabled = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enabled);
 const selectKeyboardActivationFeature = state => state.experimentalFeatures?.keyboardActivation;
 const selectorChartsIsKeyboardActivationEnabled = exports.selectorChartsIsKeyboardActivationEnabled = (0, _store.createSelector)(selectKeyboardNavigation, selectKeyboardActivationFeature, (keyboardNavigationState, keyboardActivation) => keyboardActivation === true && !!keyboardNavigationState?.enabled);

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.mjs

@@ -1,5 +1,5 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { selectorChartXAxis, selectorChartYAxis } from "../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
 const selectKeyboardNavigation = state => state.keyboardNavigation;
@@ -20,6 +20,7 @@ export const selectorChartsFocusedItem = createSelector(selectKeyboardNavigation
  * - will be focused when user focuses the chart
  */
 export const selectorChartsFocusedOrToFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item ?? null);
+export const selectorChartsZoomAnnouncement = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.zoomAnnouncement ?? 0);
 export const selectorChartsIsKeyboardNavigationEnabled = createSelector(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enabled);
 const selectKeyboardActivationFeature = state => state.experimentalFeatures?.keyboardActivation;
 export const selectorChartsIsKeyboardActivationEnabled = createSelector(selectKeyboardNavigation, selectKeyboardActivationFeature, (keyboardNavigationState, keyboardActivation) => keyboardActivation === true && !!keyboardNavigationState?.enabled);

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.mts

@@ -58,6 +58,12 @@ export interface UseChartKeyboardNavigationInstance {
    * @returns {() => void} A cleanup function unregistering the handler.
    */
   registerItemActivationHandler: (scope: ItemActivationScope, handler: ItemActivationHandler) => () => void;
+  /**
+   * Asks for the visible zoom range to be announced to screen readers.
+   * Called by the plugin owning keyboard zoom and pan, on each change the user makes with the keys.
+   * @returns {void}
+   */
+  announceZoomChange: () => void;
 }
 export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
@@ -78,6 +84,12 @@ export interface UseChartKeyboardNavigationState {
      * Indicates whether keyboard navigation is enabled or not.
      */
     enabled: boolean;
+    /**
+     * Incremented on each zoom change the user makes with the keyboard, and reset when the chart
+     * loses focus. The live region reads the visible range when it changes, so a zoom coming from
+     * the pointer or from the application is not announced.
+     */
+    zoomAnnouncement: number;
   };
 }
 type UseChartKeyboardNavigationParameters = {

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.ts

@@ -58,6 +58,12 @@ export interface UseChartKeyboardNavigationInstance {
    * @returns {() => void} A cleanup function unregistering the handler.
    */
   registerItemActivationHandler: (scope: ItemActivationScope, handler: ItemActivationHandler) => () => void;
+  /**
+   * Asks for the visible zoom range to be announced to screen readers.
+   * Called by the plugin owning keyboard zoom and pan, on each change the user makes with the keys.
+   * @returns {void}
+   */
+  announceZoomChange: () => void;
 }
 export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
@@ -78,6 +84,12 @@ export interface UseChartKeyboardNavigationState {
      * Indicates whether keyboard navigation is enabled or not.
      */
     enabled: boolean;
+    /**
+     * Incremented on each zoom change the user makes with the keyboard, and reset when the chart
+     * loses focus. The live region reads the visible range when it changes, so a zoom coming from
+     * the pointer or from the application is not announced.
+     */
+    zoomAnnouncement: number;
   };
 }
 type UseChartKeyboardNavigationParameters = {

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { isBandScaleConfig, isPointScaleConfig, isContinuousScaleConfig } from "../../../../models/axis.mjs";
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.mjs";
 import { getDefaultTickNumber, getTickNumber } from "../../../ticks.mjs";

package/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.mjs

@@ -1,5 +1,5 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { DEFAULT_RADIUS_AXIS_KEY, DEFAULT_ROTATION_AXIS_KEY } from "../../../../constants/index.mjs";
 export function defaultizeAxis(inAxis, dataset, axisName) {
   const DEFAULT_AXIS_KEY = axisName === 'rotation' ? DEFAULT_ROTATION_AXIS_KEY : DEFAULT_RADIUS_AXIS_KEY;

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.js

@@ -39,7 +39,7 @@ const useChartPolarAxis = ({
     const ids = [...(rotationAxis ?? []), ...(radiusAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
     const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
     if (duplicates.size > 0) {
-      (0, _warning.warnOnce)([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+      (0, _warning.errorOnce)([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'));
     }
   }
   const drawingArea = store.use(_useChartDimensions.selectorChartDrawingArea);

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/useChartDimensions.selectors.mjs";
 import { defaultizeAxis } from "./defaultizeAxis.mjs";
@@ -32,7 +32,7 @@ export const useChartPolarAxis = ({
     const ids = [...(rotationAxis ?? []), ...(radiusAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
     const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
     if (duplicates.size > 0) {
-      warnOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+      errorOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'));
     }
   }
   const drawingArea = store.use(selectorChartDrawingArea);

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDrawingAreaCenter = getDrawingAreaCenter;
 exports.selectorChartRotationAxis = exports.selectorChartRawRotationAxis = exports.selectorChartRawRadiusAxis = exports.selectorChartRadiusAxis = exports.selectorChartPolarCenter = exports.selectorChartPolarAxisState = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _computeAxisValue = require("./computeAxisValue");

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/index.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { computeAxisValue } from "./computeAxisValue.mjs";

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.mts

@@ -1,10 +1,10 @@
-import type { AxisItemIdentifier } from "../../../../models/axis.mjs";
+import type { AxisId, AxisItemIdentifier } from "../../../../models/axis.mjs";
 export declare const selectorChartsInteractionRotationAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => number | null;
 export declare const selectorChartsInteractionRotationAxisIndexes: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => number[] | null;
+}, ids: AxisId[] | undefined) => number[] | null;
 export declare const selectorChartsInteractionRotationAxisValue: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => any;
@@ -28,7 +28,7 @@ export declare const selectorChartsInteractionRadiusAxisIndex: (args_0: import("
 }) => number | null;
 export declare const selectorChartsInteractionRadiusAxisIndexes: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => number[] | null;
+}, ids: AxisId[] | undefined) => number[] | null;
 export declare const selectorChartsInteractionRadiusAxisValue: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.mjs").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => any;

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts

@@ -1,10 +1,10 @@
-import type { AxisItemIdentifier } from "../../../../models/axis.js";
+import type { AxisId, AxisItemIdentifier } from "../../../../models/axis.js";
 export declare const selectorChartsInteractionRotationAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number | null;
 export declare const selectorChartsInteractionRotationAxisIndexes: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => number[] | null;
+}, ids: AxisId[] | undefined) => number[] | null;
 export declare const selectorChartsInteractionRotationAxisValue: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => any;
@@ -28,7 +28,7 @@ export declare const selectorChartsInteractionRadiusAxisIndex: (args_0: import("
 }) => number | null;
 export declare const selectorChartsInteractionRadiusAxisIndexes: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => number[] | null;
+}, ids: AxisId[] | undefined) => number[] | null;
 export declare const selectorChartsInteractionRadiusAxisValue: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartPolarAxis.types.js").UseChartPolarAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => any;

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.selectorChartsInteractionTooltipRotationAxes = exports.selectorChartsInteractionTooltipRadiusAxes = exports.selectorChartsInteractionRotationAxisValues = exports.selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRadiusAxisValues = exports.selectorChartsInteractionRadiusAxisValue = exports.selectorChartsInteractionRadiusAxisIndexes = exports.selectorChartsInteractionRadiusAxisIndex = exports.selectorChartsInteractionRadius = exports.selectorChartsInteractionPolarAxisTooltip = void 0;
 var _isDeepEqual = require("@mui/x-internals/isDeepEqual");
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartInteraction = require("../useChartInteraction/useChartInteraction.selectors");
 var _coordinateTransformation = require("./coordinateTransformation");
 var _getAxisIndex = require("./getAxisIndex");
@@ -38,7 +38,7 @@ const selectorChartsInteractionRotationAngle = (0, _store.createSelector)(_useCh
   return (0, _coordinateTransformation.generateSvg2rotation)(center)(x, y);
 });
 const selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRotationAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id) => rotation === null ? null : indexGetter(rotation, rotationAxis, id ?? rotationAxis.axisIds[0], 'rotation'));
-const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds, 'rotation'));
+const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelectorMemoized)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds, 'rotation'));
 const selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id) => {
   id = id ?? rotationAxis.axisIds[0];
   if (rotationIndex === null || rotationIndex === -1 || rotationAxis.axisIds.length === 0) {
@@ -99,7 +99,7 @@ const selectorChartsInteractionRadius = exports.selectorChartsInteractionRadius
   return Math.sqrt((x - center.cx) ** 2 + (y - center.cy) ** 2);
 });
 const selectorChartsInteractionRadiusAxisIndex = exports.selectorChartsInteractionRadiusAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRadius, _useChartPolarAxis.selectorChartRadiusAxis, optionalGetAxisId, (radius, radiusAxis, id) => radius === null ? null : indexGetter(radius, radiusAxis, id ?? radiusAxis.axisIds[0], 'radius'));
-const selectorChartsInteractionRadiusAxisIndexes = exports.selectorChartsInteractionRadiusAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRadius, _useChartPolarAxis.selectorChartRadiusAxis, optionalGetAxisIds, (radius, radiusAxis, ids) => radius === null ? null : indexGetter(radius, radiusAxis, ids ?? radiusAxis.axisIds, 'radius'));
+const selectorChartsInteractionRadiusAxisIndexes = exports.selectorChartsInteractionRadiusAxisIndexes = (0, _store.createSelectorMemoized)(selectorChartsInteractionRadius, _useChartPolarAxis.selectorChartRadiusAxis, (radius, radiusAxis, ids) => radius === null ? null : indexGetter(radius, radiusAxis, ids ?? radiusAxis.axisIds, 'radius'));
 const selectorChartsInteractionRadiusAxisValue = exports.selectorChartsInteractionRadiusAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRadiusAxis, selectorChartsInteractionRadiusAxisIndex, optionalGetAxisId, (radiusAxis, radiusIndex, id) => {
   id = id ?? radiusAxis.axisIds[0];
   if (radiusIndex === null || radiusIndex === -1 || radiusAxis.axisIds.length === 0) {