@mui/x-charts 9.0.0-alpha.3 → 9.0.0-beta.0

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.d.mts

@@ -0,0 +1,30 @@
+import { type AxisAutoSizeResult } from "./computeAxisAutoSize.mjs";
+import type { AxisId } from "../../../../models/axis.mjs";
+/**
+ * Selector that computes full auto-size results for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export declare const selectorChartXAxisAutoSizeResults: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, AxisAutoSizeResult>;
+/**
+ * Selector that computes auto-sizes for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to computed height (just the size, not group tick sizes).
+ */
+export declare const selectorChartXAxisAutoSizes: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, number>;
+/**
+ * Selector that computes full auto-size results for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export declare const selectorChartYAxisAutoSizeResults: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, AxisAutoSizeResult>;
+/**
+ * Selector that computes auto-sizes for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to computed width (just the size, not group tick sizes).
+ */
+export declare const selectorChartYAxisAutoSizes: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, number>;

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

@@ -0,0 +1,30 @@
+import { type AxisAutoSizeResult } from "./computeAxisAutoSize.js";
+import type { AxisId } from "../../../../models/axis.js";
+/**
+ * Selector that computes full auto-size results for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export declare const selectorChartXAxisAutoSizeResults: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, AxisAutoSizeResult>;
+/**
+ * Selector that computes auto-sizes for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to computed height (just the size, not group tick sizes).
+ */
+export declare const selectorChartXAxisAutoSizes: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, number>;
+/**
+ * Selector that computes full auto-size results for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export declare const selectorChartYAxisAutoSizeResults: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, AxisAutoSizeResult>;
+/**
+ * Selector that computes auto-sizes for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to computed width (just the size, not group tick sizes).
+ */
+export declare const selectorChartYAxisAutoSizes: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, number>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartYAxisAutoSizes = exports.selectorChartYAxisAutoSizeResults = exports.selectorChartXAxisAutoSizes = exports.selectorChartXAxisAutoSizeResults = void 0;
+var _store = require("@mui/x-internals/store");
+var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
+var _computeAxisAutoSize = require("./computeAxisAutoSize");
+var _useChartAxisDomains = require("./useChartAxisDomains.selectors");
+// Direct state access to avoid circular dependency
+const selectorIsHydrated = state => state.dimensions.width && state.dimensions.height;
+const EMPTY_SIZES = {};
+const EMPTY_RESULTS = {};
+
+/**
+ * Selector that computes full auto-size results for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+const selectorChartXAxisAutoSizeResults = exports.selectorChartXAxisAutoSizeResults = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, selectorIsHydrated, _useChartAxisDomains.selectorChartXAxisDomainsForAutoSize, function selectorChartXAxisAutoSizeResults(xAxes, isHydrated, domainsMap) {
+  const hasAutoAxis = xAxes?.some(axis => axis.height === 'auto');
+  if (!hasAutoAxis || !isHydrated) {
+    return EMPTY_RESULTS;
+  }
+  const results = {};
+  for (let axisIndex = 0; axisIndex < (xAxes?.length ?? 0); axisIndex += 1) {
+    const axis = xAxes[axisIndex];
+    if (axis.height === 'auto') {
+      const computed = (0, _computeAxisAutoSize.computeAxisAutoSize)({
+        axis,
+        direction: 'x',
+        domain: domainsMap[axis.id]
+      });
+      if (computed !== undefined) {
+        results[axis.id] = computed;
+      }
+    }
+  }
+  return results;
+});
+
+/**
+ * Selector that computes auto-sizes for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to computed height (just the size, not group tick sizes).
+ */
+const selectorChartXAxisAutoSizes = exports.selectorChartXAxisAutoSizes = (0, _store.createSelectorMemoized)(selectorChartXAxisAutoSizeResults, function selectorChartXAxisAutoSizes(results) {
+  if (results === EMPTY_RESULTS) {
+    return EMPTY_SIZES;
+  }
+  const sizes = {};
+  for (const [axisId, result] of Object.entries(results)) {
+    sizes[axisId] = result.size;
+  }
+  return sizes;
+});
+
+/**
+ * Selector that computes full auto-size results for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+const selectorChartYAxisAutoSizeResults = exports.selectorChartYAxisAutoSizeResults = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawYAxis, selectorIsHydrated, _useChartAxisDomains.selectorChartYAxisDomainsForAutoSize, function selectorChartYAxisAutoSizeResults(yAxes, isHydrated, domainsMap) {
+  const hasAutoAxis = yAxes?.some(axis => axis.width === 'auto');
+  if (!hasAutoAxis || !isHydrated) {
+    return EMPTY_RESULTS;
+  }
+  const results = {};
+  for (let axisIndex = 0; axisIndex < (yAxes?.length ?? 0); axisIndex += 1) {
+    const axis = yAxes[axisIndex];
+    if (axis.width === 'auto') {
+      const computed = (0, _computeAxisAutoSize.computeAxisAutoSize)({
+        axis,
+        direction: 'y',
+        domain: domainsMap[axis.id]
+      });
+      if (computed !== undefined) {
+        results[axis.id] = computed;
+      }
+    }
+  }
+  return results;
+});
+
+/**
+ * Selector that computes auto-sizes for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to computed width (just the size, not group tick sizes).
+ */
+const selectorChartYAxisAutoSizes = exports.selectorChartYAxisAutoSizes = (0, _store.createSelectorMemoized)(selectorChartYAxisAutoSizeResults, function selectorChartYAxisAutoSizes(results) {
+  if (results === EMPTY_RESULTS) {
+    return EMPTY_SIZES;
+  }
+  const sizes = {};
+  for (const [axisId, result] of Object.entries(results)) {
+    sizes[axisId] = result.size;
+  }
+  return sizes;
+});

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.mjs

@@ -0,0 +1,91 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
+import { computeAxisAutoSize } from "./computeAxisAutoSize.mjs";
+import { selectorChartXAxisDomainsForAutoSize, selectorChartYAxisDomainsForAutoSize } from "./useChartAxisDomains.selectors.mjs";
+
+// Direct state access to avoid circular dependency
+const selectorIsHydrated = state => state.dimensions.width && state.dimensions.height;
+const EMPTY_SIZES = {};
+const EMPTY_RESULTS = {};
+
+/**
+ * Selector that computes full auto-size results for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export const selectorChartXAxisAutoSizeResults = createSelectorMemoized(selectorChartRawXAxis, selectorIsHydrated, selectorChartXAxisDomainsForAutoSize, function selectorChartXAxisAutoSizeResults(xAxes, isHydrated, domainsMap) {
+  const hasAutoAxis = xAxes?.some(axis => axis.height === 'auto');
+  if (!hasAutoAxis || !isHydrated) {
+    return EMPTY_RESULTS;
+  }
+  const results = {};
+  for (let axisIndex = 0; axisIndex < (xAxes?.length ?? 0); axisIndex += 1) {
+    const axis = xAxes[axisIndex];
+    if (axis.height === 'auto') {
+      const computed = computeAxisAutoSize({
+        axis,
+        direction: 'x',
+        domain: domainsMap[axis.id]
+      });
+      if (computed !== undefined) {
+        results[axis.id] = computed;
+      }
+    }
+  }
+  return results;
+});
+
+/**
+ * Selector that computes auto-sizes for X axes that have `height: 'auto'`.
+ * Returns a map of axis ID to computed height (just the size, not group tick sizes).
+ */
+export const selectorChartXAxisAutoSizes = createSelectorMemoized(selectorChartXAxisAutoSizeResults, function selectorChartXAxisAutoSizes(results) {
+  if (results === EMPTY_RESULTS) {
+    return EMPTY_SIZES;
+  }
+  const sizes = {};
+  for (const [axisId, result] of Object.entries(results)) {
+    sizes[axisId] = result.size;
+  }
+  return sizes;
+});
+
+/**
+ * Selector that computes full auto-size results for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to full result (including group tick sizes for grouped axes).
+ */
+export const selectorChartYAxisAutoSizeResults = createSelectorMemoized(selectorChartRawYAxis, selectorIsHydrated, selectorChartYAxisDomainsForAutoSize, function selectorChartYAxisAutoSizeResults(yAxes, isHydrated, domainsMap) {
+  const hasAutoAxis = yAxes?.some(axis => axis.width === 'auto');
+  if (!hasAutoAxis || !isHydrated) {
+    return EMPTY_RESULTS;
+  }
+  const results = {};
+  for (let axisIndex = 0; axisIndex < (yAxes?.length ?? 0); axisIndex += 1) {
+    const axis = yAxes[axisIndex];
+    if (axis.width === 'auto') {
+      const computed = computeAxisAutoSize({
+        axis,
+        direction: 'y',
+        domain: domainsMap[axis.id]
+      });
+      if (computed !== undefined) {
+        results[axis.id] = computed;
+      }
+    }
+  }
+  return results;
+});
+
+/**
+ * Selector that computes auto-sizes for Y axes that have `width: 'auto'`.
+ * Returns a map of axis ID to computed width (just the size, not group tick sizes).
+ */
+export const selectorChartYAxisAutoSizes = createSelectorMemoized(selectorChartYAxisAutoSizeResults, function selectorChartYAxisAutoSizes(results) {
+  if (results === EMPTY_RESULTS) {
+    return EMPTY_SIZES;
+  }
+  const sizes = {};
+  for (const [axisId, result] of Object.entries(results)) {
+    sizes[axisId] = result.size;
+  }
+  return sizes;
+});

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisDomains.selectors.d.mts

@@ -0,0 +1,16 @@
+import type { AxisId } from "../../../../models/axis.mjs";
+import { type DomainDefinition } from "./domain.mjs";
+/**
+ * Selector that computes niced domains for X axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export declare const selectorChartXAxisDomainsForAutoSize: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, DomainDefinition>;
+/**
+ * Selector that computes niced domains for Y axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export declare const selectorChartYAxisDomainsForAutoSize: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, DomainDefinition>;

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

@@ -0,0 +1,16 @@
+import type { AxisId } from "../../../../models/axis.js";
+import { type DomainDefinition } from "./domain.js";
+/**
+ * Selector that computes niced domains for X axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export declare const selectorChartXAxisDomainsForAutoSize: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, DomainDefinition>;
+/**
+ * Selector that computes niced domains for Y axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export declare const selectorChartYAxisDomainsForAutoSize: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, DomainDefinition>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisDomains.selectors.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartYAxisDomainsForAutoSize = exports.selectorChartXAxisDomainsForAutoSize = void 0;
+var _store = require("@mui/x-internals/store");
+var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
+var _useChartAxisExtrema = require("./useChartAxisExtrema.selectors");
+var _domain = require("./domain");
+/**
+ * Default tick number used for auto-size domain computation.
+ * We use a fixed value instead of deriving it from the drawing area
+ * to avoid a circular dependency (auto-size → drawing area → axis sizes → auto-size).
+ */
+const DEFAULT_TICK_NUMBER = 8;
+const EMPTY_DOMAINS = {};
+
+/**
+ * Selector that computes niced domains for X axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+const selectorChartXAxisDomainsForAutoSize = exports.selectorChartXAxisDomainsForAutoSize = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartAxisExtrema.selectorChartXAxisExtrema, function selectorChartXAxisDomainsForAutoSize(axes, formattedSeries, extremaMap) {
+  const domains = (0, _domain.computeAxisDomainsMap)(axes, formattedSeries, DEFAULT_TICK_NUMBER, extremaMap, 'x');
+  return Object.keys(domains).length > 0 ? domains : EMPTY_DOMAINS;
+});
+
+/**
+ * Selector that computes niced domains for Y axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+const selectorChartYAxisDomainsForAutoSize = exports.selectorChartYAxisDomainsForAutoSize = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartAxisExtrema.selectorChartYAxisExtrema, function selectorChartYAxisDomainsForAutoSize(axes, formattedSeries, extremaMap) {
+  const domains = (0, _domain.computeAxisDomainsMap)(axes, formattedSeries, DEFAULT_TICK_NUMBER, extremaMap, 'y');
+  return Object.keys(domains).length > 0 ? domains : EMPTY_DOMAINS;
+});

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisDomains.selectors.mjs

@@ -0,0 +1,31 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
+import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
+import { selectorChartXAxisExtrema, selectorChartYAxisExtrema } from "./useChartAxisExtrema.selectors.mjs";
+import { computeAxisDomainsMap } from "./domain.mjs";
+
+/**
+ * Default tick number used for auto-size domain computation.
+ * We use a fixed value instead of deriving it from the drawing area
+ * to avoid a circular dependency (auto-size → drawing area → axis sizes → auto-size).
+ */
+const DEFAULT_TICK_NUMBER = 8;
+const EMPTY_DOMAINS = {};
+
+/**
+ * Selector that computes niced domains for X axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export const selectorChartXAxisDomainsForAutoSize = createSelectorMemoized(selectorChartRawXAxis, selectorChartSeriesProcessed, selectorChartXAxisExtrema, function selectorChartXAxisDomainsForAutoSize(axes, formattedSeries, extremaMap) {
+  const domains = computeAxisDomainsMap(axes, formattedSeries, DEFAULT_TICK_NUMBER, extremaMap, 'x');
+  return Object.keys(domains).length > 0 ? domains : EMPTY_DOMAINS;
+});
+
+/**
+ * Selector that computes niced domains for Y axes.
+ * Used by auto-size to get accurate tick labels that match what the chart actually displays.
+ */
+export const selectorChartYAxisDomainsForAutoSize = createSelectorMemoized(selectorChartRawYAxis, selectorChartSeriesProcessed, selectorChartYAxisExtrema, function selectorChartYAxisDomainsForAutoSize(axes, formattedSeries, extremaMap) {
+  const domains = computeAxisDomainsMap(axes, formattedSeries, DEFAULT_TICK_NUMBER, extremaMap, 'y');
+  return Object.keys(domains).length > 0 ? domains : EMPTY_DOMAINS;
+});

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisExtrema.selectors.d.mts

@@ -0,0 +1,15 @@
+import type { AxisId } from "../../../../models/axis.mjs";
+/**
+ * Selector that computes extrema for all non-band/point X axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export declare const selectorChartXAxisExtrema: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, [number, number]>;
+/**
+ * Selector that computes extrema for all non-band/point Y axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export declare const selectorChartYAxisExtrema: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
+}) => Record<AxisId, [number, number]>;

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

@@ -0,0 +1,15 @@
+import type { AxisId } from "../../../../models/axis.js";
+/**
+ * Selector that computes extrema for all non-band/point X axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export declare const selectorChartXAxisExtrema: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, [number, number]>;
+/**
+ * Selector that computes extrema for all non-band/point Y axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export declare const selectorChartYAxisExtrema: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}) => Record<AxisId, [number, number]>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisExtrema.selectors.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartYAxisExtrema = exports.selectorChartXAxisExtrema = void 0;
+var _store = require("@mui/x-internals/store");
+var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
+var _axis = require("../../../../models/axis");
+var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
+var _useChartSeriesConfig = require("../../corePlugins/useChartSeriesConfig");
+var _getAxisExtrema = require("./getAxisExtrema");
+const EMPTY_EXTREMA = {};
+
+/**
+ * Selector that computes extrema for all non-band/point X axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+const selectorChartXAxisExtrema = exports.selectorChartXAxisExtrema = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartXAxisExtrema(axes, formattedSeries, seriesConfig) {
+  const extrema = {};
+  let hasExtrema = false;
+  axes?.forEach((axis, axisIndex) => {
+    if (!(0, _axis.isBandScaleConfig)(axis) && !(0, _axis.isPointScaleConfig)(axis)) {
+      extrema[axis.id] = (0, _getAxisExtrema.getAxisExtrema)(axis, 'x', seriesConfig, axisIndex, formattedSeries);
+      hasExtrema = true;
+    }
+  });
+  return hasExtrema ? extrema : EMPTY_EXTREMA;
+});
+
+/**
+ * Selector that computes extrema for all non-band/point Y axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+const selectorChartYAxisExtrema = exports.selectorChartYAxisExtrema = (0, _store.createSelectorMemoized)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartYAxisExtrema(axes, formattedSeries, seriesConfig) {
+  const extrema = {};
+  let hasExtrema = false;
+  axes?.forEach((axis, axisIndex) => {
+    if (!(0, _axis.isBandScaleConfig)(axis) && !(0, _axis.isPointScaleConfig)(axis)) {
+      extrema[axis.id] = (0, _getAxisExtrema.getAxisExtrema)(axis, 'y', seriesConfig, axisIndex, formattedSeries);
+      hasExtrema = true;
+    }
+  });
+  return hasExtrema ? extrema : EMPTY_EXTREMA;
+});

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisExtrema.selectors.mjs

@@ -0,0 +1,39 @@
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
+import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.mjs";
+import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
+import { selectorChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
+import { getAxisExtrema } from "./getAxisExtrema.mjs";
+const EMPTY_EXTREMA = {};
+
+/**
+ * Selector that computes extrema for all non-band/point X axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export const selectorChartXAxisExtrema = createSelectorMemoized(selectorChartRawXAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, function selectorChartXAxisExtrema(axes, formattedSeries, seriesConfig) {
+  const extrema = {};
+  let hasExtrema = false;
+  axes?.forEach((axis, axisIndex) => {
+    if (!isBandScaleConfig(axis) && !isPointScaleConfig(axis)) {
+      extrema[axis.id] = getAxisExtrema(axis, 'x', seriesConfig, axisIndex, formattedSeries);
+      hasExtrema = true;
+    }
+  });
+  return hasExtrema ? extrema : EMPTY_EXTREMA;
+});
+
+/**
+ * Selector that computes extrema for all non-band/point Y axes.
+ * Shared between domain computation and auto-size measurement.
+ */
+export const selectorChartYAxisExtrema = createSelectorMemoized(selectorChartRawYAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, function selectorChartYAxisExtrema(axes, formattedSeries, seriesConfig) {
+  const extrema = {};
+  let hasExtrema = false;
+  axes?.forEach((axis, axisIndex) => {
+    if (!isBandScaleConfig(axis) && !isPointScaleConfig(axis)) {
+      extrema[axis.id] = getAxisExtrema(axis, 'y', seriesConfig, axisIndex, formattedSeries);
+      hasExtrema = true;
+    }
+  });
+  return hasExtrema ? extrema : EMPTY_EXTREMA;
+});

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

@@ -1,3 +1,14 @@
+import type { DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.mjs";
+/**
+ * Returns the default fallback height for an X axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+export declare function getDefaultXAxisHeight(axis: DefaultedXAxis): number;
+/**
+ * Returns the default fallback width for a Y axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+export declare function getDefaultYAxisWidth(axis: DefaultedYAxis): number;
 export declare const selectorChartLeftAxisSize: (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("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => number;

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

@@ -1,3 +1,14 @@
+import type { DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
+/**
+ * Returns the default fallback height for an X axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+export declare function getDefaultXAxisHeight(axis: DefaultedXAxis): number;
+/**
+ * Returns the default fallback width for a Y axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+export declare function getDefaultYAxisWidth(axis: DefaultedYAxis): number;
 export declare const selectorChartLeftAxisSize: (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("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => number;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.js

@@ -3,33 +3,75 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getDefaultXAxisHeight = getDefaultXAxisHeight;
+exports.getDefaultYAxisWidth = getDefaultYAxisWidth;
 exports.selectorChartTopAxisSize = exports.selectorChartRightAxisSize = exports.selectorChartLeftAxisSize = exports.selectorChartBottomAxisSize = exports.selectorChartAxisSizes = void 0;
 var _store = require("@mui/x-internals/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
-function selectAxisSize(axes, axesGap, position) {
+var _useChartAxisAutoSize = require("./useChartAxisAutoSize.selectors");
+var _constants = require("../../../../constants");
+/**
+ * Returns the default fallback height for an X axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+function getDefaultXAxisHeight(axis) {
+  return _constants.DEFAULT_AXIS_SIZE_HEIGHT + (axis.label ? _constants.AXIS_LABEL_DEFAULT_HEIGHT : 0);
+}
+
+/**
+ * Returns the default fallback width for a Y axis when auto-sizing is not available.
+ * This function ensures consistent fallback values between axis size calculation and rendering.
+ */
+function getDefaultYAxisWidth(axis) {
+  return _constants.DEFAULT_AXIS_SIZE_WIDTH + (axis.label ? _constants.AXIS_LABEL_DEFAULT_HEIGHT : 0);
+}
+function selectXAxisSize(axes, axesGap, position, autoSizes) {
   let axesSize = 0;
   let nbOfAxes = 0;
   for (const axis of axes ?? []) {
     if (axis.position !== position) {
       continue;
     }
-    const axisSize = position === 'top' || position === 'bottom' ? axis.height : axis.width;
-    axesSize += (axisSize || 0) + (axis.zoom?.slider.enabled ? axis.zoom.slider.size : 0);
+    let axisSize;
+    if (axis.height === 'auto') {
+      axisSize = autoSizes[axis.id] ?? getDefaultXAxisHeight(axis);
+    } else {
+      axisSize = axis.height ?? 0;
+    }
+    axesSize += axisSize + (axis.zoom?.slider.enabled ? axis.zoom.slider.size : 0);
+    nbOfAxes += 1;
+  }
+  return axesSize + axesGap * Math.max(0, nbOfAxes - 1);
+}
+function selectYAxisSize(axes, axesGap, position, autoSizes) {
+  let axesSize = 0;
+  let nbOfAxes = 0;
+  for (const axis of axes ?? []) {
+    if (axis.position !== position) {
+      continue;
+    }
+    let axisSize;
+    if (axis.width === 'auto') {
+      axisSize = autoSizes[axis.id] ?? getDefaultYAxisWidth(axis);
+    } else {
+      axisSize = axis.width ?? 0;
+    }
+    axesSize += axisSize + (axis.zoom?.slider.enabled ? axis.zoom.slider.size : 0);
     nbOfAxes += 1;
   }
   return axesSize + axesGap * Math.max(0, nbOfAxes - 1);
 }
-const selectorChartLeftAxisSize = exports.selectorChartLeftAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, function selectorChartLeftAxisSize(yAxis, axesGap) {
-  return selectAxisSize(yAxis, axesGap, 'left');
+const selectorChartLeftAxisSize = exports.selectorChartLeftAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, _useChartAxisAutoSize.selectorChartYAxisAutoSizes, function selectorChartLeftAxisSize(yAxis, axesGap, autoSizes) {
+  return selectYAxisSize(yAxis, axesGap, 'left', autoSizes);
 });
-const selectorChartRightAxisSize = exports.selectorChartRightAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, function selectorChartRightAxisSize(yAxis, axesGap) {
-  return selectAxisSize(yAxis, axesGap, 'right');
+const selectorChartRightAxisSize = exports.selectorChartRightAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, _useChartAxisAutoSize.selectorChartYAxisAutoSizes, function selectorChartRightAxisSize(yAxis, axesGap, autoSizes) {
+  return selectYAxisSize(yAxis, axesGap, 'right', autoSizes);
 });
-const selectorChartTopAxisSize = exports.selectorChartTopAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, function selectorChartTopAxisSize(xAxis, axesGap) {
-  return selectAxisSize(xAxis, axesGap, 'top');
+const selectorChartTopAxisSize = exports.selectorChartTopAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, _useChartAxisAutoSize.selectorChartXAxisAutoSizes, function selectorChartTopAxisSize(xAxis, axesGap, autoSizes) {
+  return selectXAxisSize(xAxis, axesGap, 'top', autoSizes);
 });
-const selectorChartBottomAxisSize = exports.selectorChartBottomAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, function selectorChartBottomAxisSize(xAxis, axesGap) {
-  return selectAxisSize(xAxis, axesGap, 'bottom');
+const selectorChartBottomAxisSize = exports.selectorChartBottomAxisSize = (0, _store.createSelector)(_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartCartesianAxesGap, _useChartAxisAutoSize.selectorChartXAxisAutoSizes, function selectorChartBottomAxisSize(xAxis, axesGap, autoSizes) {
+  return selectXAxisSize(xAxis, axesGap, 'bottom', autoSizes);
 });
 const selectorChartAxisSizes = exports.selectorChartAxisSizes = (0, _store.createSelectorMemoized)(selectorChartLeftAxisSize, selectorChartRightAxisSize, selectorChartTopAxisSize, selectorChartBottomAxisSize, function selectorChartAxisSizes(left, right, top, bottom) {
   return {