@mui/x-charts 8.0.0-beta.3 → 8.0.0

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.js

@@ -0,0 +1,96 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartAnimation = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+const useChartAnimation = ({
+  params,
+  store
+}) => {
+  React.useEffect(() => {
+    store.update(prevState => {
+      return (0, _extends2.default)({}, prevState, {
+        animation: (0, _extends2.default)({}, prevState.animation, {
+          skip: params.skipAnimation
+        })
+      });
+    });
+  }, [store, params.skipAnimation]);
+  const disableAnimation = React.useCallback(() => {
+    let disableCalled = false;
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
+      animation: (0, _extends2.default)({}, prevState.animation, {
+        skipAnimationRequests: prevState.animation.skipAnimationRequests + 1
+      })
+    }));
+    return () => {
+      if (disableCalled) {
+        return;
+      }
+      disableCalled = true;
+      store.update(prevState => (0, _extends2.default)({}, prevState, {
+        animation: (0, _extends2.default)({}, prevState.animation, {
+          skipAnimationRequests: prevState.animation.skipAnimationRequests - 1
+        })
+      }));
+    };
+  }, [store]);
+  (0, _useEnhancedEffect.default)(() => {
+    // Skip animation test/jsdom
+    const isAnimationDisabledEnvironment = typeof window === 'undefined' || !window?.matchMedia;
+    if (isAnimationDisabledEnvironment) {
+      return undefined;
+    }
+    let disableAnimationCleanup;
+    const handleMediaChange = event => {
+      if (event.matches) {
+        disableAnimationCleanup = disableAnimation();
+      } else {
+        disableAnimationCleanup?.();
+      }
+    };
+    const mql = window.matchMedia('(prefers-reduced-motion)');
+    handleMediaChange(mql);
+    mql.addEventListener('change', handleMediaChange);
+    return () => {
+      mql.removeEventListener('change', handleMediaChange);
+    };
+  }, [disableAnimation, store]);
+  return {
+    instance: {
+      disableAnimation
+    }
+  };
+};
+exports.useChartAnimation = useChartAnimation;
+useChartAnimation.params = {
+  skipAnimation: true
+};
+useChartAnimation.getDefaultizedParams = ({
+  params
+}) => (0, _extends2.default)({}, params, {
+  skipAnimation: params.skipAnimation ?? false
+});
+useChartAnimation.getInitialState = ({
+  skipAnimation
+}) => {
+  const isAnimationDisabledEnvironment = typeof window === 'undefined' || !window?.matchMedia;
+
+  // We use the value of `isAnimationDisabledEnvironment` as the initial value of `skipAnimation` to avoid
+  // re-rendering the component on environments where matchMedia is not supported, hence skipAnimation will always be true.
+  const disableAnimations = process.env.NODE_ENV === 'test' ? isAnimationDisabledEnvironment : false;
+  return {
+    animation: {
+      skip: skipAnimation,
+      // By initializing the skipAnimationRequests to 1, we ensure that the animation is always skipped
+      skipAnimationRequests: disableAnimations ? 1 : 0
+    }
+  };
+};

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts

@@ -0,0 +1,31 @@
+import { ChartRootSelector } from "../../utils/selectors.js";
+import type { UseChartAnimationSignature } from './useChartAnimation.types';
+export declare const selectorChartSkipAnimation: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
+  cacheKey: import("../../models").ChartStateCacheKey;
+}) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: {
+    skip: boolean;
+    skipAnimationRequests: number;
+  }) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: {
+    skip: boolean;
+    skipAnimationRequests: number;
+  }) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => boolean;
+  dependencies: [ChartRootSelector<UseChartAnimationSignature>];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  memoize: typeof import("reselect").weakMapMemoize;
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartSkipAnimation = void 0;
+var _selectors = require("../../utils/selectors");
+const selectorChartAnimationState = state => state.animation;
+const selectorChartSkipAnimation = exports.selectorChartSkipAnimation = (0, _selectors.createSelector)(selectorChartAnimationState, state => state.skip || state.skipAnimationRequests > 0);

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types.d.ts

@@ -0,0 +1,39 @@
+import { ChartPluginSignature } from "../../models/index.js";
+import type { UseChartCartesianAxisSignature } from '../../featurePlugins/useChartCartesianAxis';
+export interface UseChartAnimationParameters {
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation?: boolean;
+}
+export type UseChartAnimationDefaultizedParameters = UseChartAnimationParameters & {
+  skipAnimation: NonNullable<UseChartAnimationParameters['skipAnimation']>;
+};
+export interface UseChartAnimationState {
+  animation: {
+    /**
+     * User-provided value. If true, animations should be skipped.
+     */
+    skip: boolean;
+    /**
+     * Count of requests to skip animations.
+     * If there is at least one request, animations are skipped.
+     */
+    skipAnimationRequests: number;
+  };
+}
+export interface UseChartAnimationInstance {
+  /**
+   * Function to request the chart to skip animations.
+   * @returns {() => void} a function that removes the skip animation request.
+   */
+  disableAnimation: () => () => void;
+}
+export type UseChartAnimationSignature = ChartPluginSignature<{
+  params: UseChartAnimationParameters;
+  defaultizedParams: UseChartAnimationDefaultizedParameters;
+  state: UseChartAnimationState;
+  instance: UseChartAnimationInstance;
+  optionalDependencies: [UseChartCartesianAxisSignature];
+}>;

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -1,7 +1,7 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartDimensionsSignature } from './useChartDimensions.types';
 export declare const selectorChartDimensionsState: ChartRootSelector<UseChartDimensionsSignature>;
-export declare const selectorChartDrawingArea: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartDrawingArea: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 } & Partial<import("../../..").UseChartCartesianAxisState>) => {
   width: number;
@@ -43,7 +43,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
     top: number;
     bottom: number;
   };
-  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -77,7 +77,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -111,7 +111,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -125,7 +125,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -167,7 +167,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -181,7 +181,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -223,7 +223,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -237,7 +237,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -279,7 +279,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -293,7 +293,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("./useChartDimensions.types").ChartMargin) & {
       clearCache: () => void;
@@ -335,7 +335,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -349,7 +349,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -388,7 +388,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -402,7 +402,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -441,7 +441,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -455,7 +455,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -494,7 +494,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -508,7 +508,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
       resetResultsCount: () => void;
     };
     lastResult: () => number;
-    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("../../..").UseChartCartesianAxisState> & {
+    dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("../../..").UseChartCartesianAxisState> & {
       cacheKey: import("../../models").ChartStateCacheKey;
     }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
       clearCache: () => void;
@@ -556,7 +556,7 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartPropsSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartPropsSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => {
   width: number | undefined;
@@ -603,7 +603,7 @@ export declare const selectorChartPropsSize: ((state: import("../useChartId/useC
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartContainerSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartContainerSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => {
   width: number;
@@ -629,7 +629,7 @@ export declare const selectorChartContainerSize: ((state: import("../useChartId/
     width: number;
     height: number;
   };
-  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  dependencies: [((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;
@@ -663,7 +663,7 @@ export declare const selectorChartContainerSize: ((state: import("../useChartId/
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+  }, ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => number) & {
     clearCache: () => void;

package/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts

@@ -5,7 +5,7 @@ import { UseChartIdSignature } from "./useChartId.types.js";
  * @param {ChartState<[UseChartIdSignature]>} state The state of the chart.
  * @returns {string} The id attribute of the chart.
  */
-export declare const selectorChartId: ((state: import("./useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartId: ((state: import("./useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => string | undefined) & {
   clearCache: () => void;

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,7 +1,7 @@
 import { ChartRootSelector } from "../../utils/selectors.js";
 import { UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
-export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartSeriesProcessed: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => import("./useChartSeries.types").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>) & {
   clearCache: () => void;
@@ -30,7 +30,7 @@ export declare const selectorChartSeriesProcessed: ((state: import("../useChartI
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
+export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<{}> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>) & {
   clearCache: () => void;

package/internals/plugins/corePlugins/useChartSeries/useColorProcessor.d.ts

@@ -1,8 +1,5 @@
 import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { DefaultizedSeriesType } from "../../../../models/seriesType/index.js";
-import { AxisDefaultized } from "../../../../models/axis.js";
-import { ZAxisDefaultized } from "../../../../models/z-axis.js";
-export type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
+import { ColorProcessor } from "../../models/seriesConfig/index.js";
 export type ColorProcessorsConfig<T extends ChartSeriesType> = { [Key in T]?: ColorProcessor<Key> };
-export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessorsConfig<T>[T];
+export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessor<T>;
 export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

package/internals/plugins/corePlugins/useChartSeries/useColorProcessor.js

@@ -16,6 +16,7 @@ function useColorProcessor(seriesType) {
   const colorProcessors = React.useMemo(() => {
     const rep = {};
     Object.keys(seriesConfig).forEach(seriesT => {
+      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/61555
       rep[seriesT] = seriesConfig[seriesT].colorProcessor;
     });
     return rep;

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.d.ts

@@ -1,6 +1,7 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
 export type * from './useChartCartesianAxis.types';
 export * from "./useChartCartesianAxisRendering.selectors.js";
+export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.js

@@ -39,6 +39,18 @@ Object.keys(_useChartCartesianAxisRendering).forEach(function (key) {
     }
   });
 });
+var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
+Object.keys(_useChartCartesianAxisLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartCartesianAxisLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartCartesianAxisLayout[key];
+    }
+  });
+});
 var _useChartCartesianInteraction = require("./useChartCartesianInteraction.selectors");
 Object.keys(_useChartCartesianInteraction).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts

@@ -1,4 +1,4 @@
-export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => number) & {
   clearCache: () => void;
@@ -12,7 +12,7 @@ export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugi
     resetResultsCount: () => void;
   };
   lastResult: () => number;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
     clearCache: () => void;
@@ -52,7 +52,7 @@ export declare const selectorChartLeftAxisSize: ((state: import("../../corePlugi
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartRightAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+export declare const selectorChartRightAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => number) & {
   clearCache: () => void;
@@ -66,7 +66,7 @@ export declare const selectorChartRightAxisSize: ((state: import("../../corePlug
     resetResultsCount: () => void;
   };
   lastResult: () => number;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsYAxisProps>[] | undefined) & {
     clearCache: () => void;
@@ -106,7 +106,7 @@ export declare const selectorChartRightAxisSize: ((state: import("../../corePlug
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartTopAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+export declare const selectorChartTopAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => number) & {
   clearCache: () => void;
@@ -120,7 +120,7 @@ export declare const selectorChartTopAxisSize: ((state: import("../../corePlugin
     resetResultsCount: () => void;
   };
   lastResult: () => number;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
     clearCache: () => void;
@@ -160,7 +160,7 @@ export declare const selectorChartTopAxisSize: ((state: import("../../corePlugin
   memoize: typeof import("reselect").weakMapMemoize;
   argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const selectorChartBottomAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+export declare const selectorChartBottomAxisSize: ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
   cacheKey: import("../../models").ChartStateCacheKey;
 }) => number) & {
   clearCache: () => void;
@@ -174,7 +174,7 @@ export declare const selectorChartBottomAxisSize: ((state: import("../../corePlu
     resetResultsCount: () => void;
   };
   lastResult: () => number;
-  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
+  dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & Partial<import("./useChartCartesianAxis.types").UseChartCartesianAxisState> & {
     cacheKey: import("../../models").ChartStateCacheKey;
   }) => import("../../..").AxisConfig<keyof import("../../..").AxisScaleConfig, any, import("../../..").ChartsXAxisProps>[] | undefined) & {
     clearCache: () => void;

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

@@ -1,7 +1,6 @@
-import type { MakeOptional } from '@mui/x-internals/types';
 import type { ChartPluginSignature } from '../../models';
 import type { ChartSeriesType, DatasetType } from '../../../../models/seriesType/config';
-import type { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig, ChartsAxisData } from '../../../../models/axis';
+import type { AxisDefaultized, ScaleName, ChartsXAxisProps, ChartsYAxisProps, AxisId, AxisConfig, ChartsAxisData, YAxis, XAxis } from '../../../../models/axis';
 import type { UseChartSeriesSignature } from '../../corePlugins/useChartSeries';
 import type { ZoomData, ZoomOptions } from './zoom.types';
 import type { UseChartInteractionSignature } from '../useChartInteraction';
@@ -9,19 +8,19 @@ import type { ChartsAxisProps } from '../../../../ChartsAxis';
 export type DefaultizedAxisConfig<AxisProps extends ChartsAxisProps> = {
   [axisId: AxisId]: AxisDefaultized<ScaleName, any, AxisProps>;
 };
-export interface UseChartCartesianAxisParameters {
+export interface UseChartCartesianAxisParameters<S extends ScaleName = ScaleName> {
   /**
    * The configuration of the x-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  xAxis?: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsXAxisProps>, 'id'>[];
+  xAxis?: ReadonlyArray<XAxis<S>>;
   /**
    * The configuration of the y-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  yAxis?: readonly MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[];
+  yAxis?: ReadonlyArray<YAxis<S>>;
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.
    */
@@ -40,9 +39,9 @@ export interface UseChartCartesianAxisParameters {
    */
   disableAxisListener?: boolean;
 }
-export type UseChartCartesianAxisDefaultizedParameters = UseChartCartesianAxisParameters & {
-  defaultizedXAxis: AxisConfig<ScaleName, any, ChartsXAxisProps>[];
-  defaultizedYAxis: AxisConfig<ScaleName, any, ChartsYAxisProps>[];
+export type UseChartCartesianAxisDefaultizedParameters<S extends ScaleName = ScaleName> = UseChartCartesianAxisParameters<S> & {
+  defaultizedXAxis: AxisConfig<S, any, ChartsXAxisProps>[];
+  defaultizedYAxis: AxisConfig<S, any, ChartsYAxisProps>[];
 };
 export interface DefaultizedZoomOptions extends Required<ZoomOptions> {
   axisId: AxisId;
@@ -65,7 +64,6 @@ export type ExtremumFilter = (value: {
   x: number | Date | string | null;
   y: number | Date | string | null;
 }, dataIndex: number) => boolean;
-export interface UseChartCartesianAxisInstance {}
 export type UseChartCartesianAxisSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
   params: UseChartCartesianAxisParameters;
   defaultizedParams: UseChartCartesianAxisDefaultizedParameters;