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

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.computeAxisValue = computeAxisValue;
+exports.resolveAxisSize = resolveAxisSize;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defaultValueFormatters = require("../../../defaultValueFormatters");
 var _axis = require("../../../../models/axis");
@@ -14,6 +15,7 @@ var _getScale = require("../../../getScale");
 var _dateHelpers = require("../../../dateHelpers");
 var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
 var _scaleGuards = require("../../../scaleGuards");
+var _constants = require("../../../../constants");
 function getRange(drawingArea, axisDirection,
 // | 'rotation' | 'radius',
 reverse) {
@@ -30,8 +32,45 @@ function shouldIgnoreGapRatios(scale, categoryGapRatio) {
    */
   return paddingPx < 0.1;
 }
+function resolveAxisSize(axis, autoSizes, direction) {
+  const size = direction === 'x' ? axis.height : axis.width;
+  if (size === 'auto') {
+    const autoSize = autoSizes?.[axis.id];
+    if (autoSize !== undefined) {
+      return autoSize;
+    }
+    const defaultSize = direction === 'x' ? _constants.DEFAULT_AXIS_SIZE_HEIGHT : _constants.DEFAULT_AXIS_SIZE_WIDTH;
+    return defaultSize + (axis.label ? _constants.AXIS_LABEL_DEFAULT_HEIGHT : 0);
+  }
+  return size ?? 0;
+}
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
+/**
+ * Recalculates axis offsets using actual resolved sizes (including auto-sizes).
+ * This is needed because offsets from defaultizeAxis use placeholder values for auto-sized axes.
+ */
+function recalculateOffsets(allAxis, autoSizes, axisDirection, axesGap) {
+  const offsets = {};
+  const result = {};
+  for (const axis of allAxis) {
+    const position = axis.position;
+    if (!position) {
+      continue;
+    }
+    offsets[position] ?? (offsets[position] = 0);
+    result[axis.id] = offsets[position];
+    if (position !== 'none') {
+      const size = resolveAxisSize(axis, autoSizes, axisDirection);
+      offsets[position] += size + axesGap;
+      const zoom = axis.zoom;
+      if (zoom?.slider.enabled) {
+        offsets[position] += zoom.slider.size;
+      }
+    }
+  }
+  return result;
+}
 function computeAxisValue({
   scales,
   drawingArea,
@@ -40,7 +79,9 @@ function computeAxisValue({
   seriesConfig,
   axisDirection,
   zoomMap,
-  domains
+  domains,
+  autoSizes,
+  axesGap = 0
 }) {
   if (allAxis === undefined) {
     return {
@@ -49,6 +90,7 @@ function computeAxisValue({
     };
   }
   const axisIdsTriggeringTooltip = (0, _getAxisTriggerTooltip.getAxisTriggerTooltip)(axisDirection, seriesConfig, formattedSeries, allAxis[0].id);
+  const resolvedOffsets = recalculateOffsets(allAxis, autoSizes, axisDirection, axesGap);
   const completeAxis = {};
   allAxis.forEach(eachAxis => {
     const axis = eachAxis;
@@ -59,9 +101,10 @@ function computeAxisValue({
     const rawTickNumber = domains[axis.id].tickNumber;
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
+    const resolvedSize = resolveAxisSize(axis, autoSizes, axisDirection);
     const data = axis.data ?? [];
+    const resolvedOffset = resolvedOffsets[axis.id] ?? axis.offset ?? 0;
     if ((0, _scaleGuards.isOrdinalScale)(scale)) {
-      // Reverse range because ordinal scales are presented from top to bottom on y-axis
       const scaleRange = axisDirection === 'y' ? [range[1], range[0]] : range;
       if ((0, _scaleGuards.isBandScale)(scale) && (0, _axis.isBandScaleConfig)(axis)) {
         const desiredCategoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
@@ -69,12 +112,16 @@ function computeAxisValue({
         const categoryGapRatio = ignoreGapRatios ? 0 : desiredCategoryGapRatio;
         const barGapRatio = ignoreGapRatios ? 0 : axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
         completeAxis[axis.id] = (0, _extends2.default)({
-          offset: 0,
-          height: 0,
           categoryGapRatio,
           barGapRatio,
           triggerTooltip
         }, axis, {
+          offset: resolvedOffset
+        }, axisDirection === 'x' ? {
+          height: resolvedSize
+        } : {
+          width: resolvedSize
+        }, {
           data,
           /* Doing this here is technically wrong, but acceptable in practice.
            * In theory, this should be done in the normalized scale selector, but then we'd need that selector to depend
@@ -90,10 +137,14 @@ function computeAxisValue({
       }
       if ((0, _axis.isPointScaleConfig)(axis)) {
         completeAxis[axis.id] = (0, _extends2.default)({
-          offset: 0,
-          height: 0,
           triggerTooltip
         }, axis, {
+          offset: resolvedOffset
+        }, axisDirection === 'x' ? {
+          height: resolvedSize
+        } : {
+          width: resolvedSize
+        }, {
           data,
           scale,
           tickNumber,
@@ -115,10 +166,14 @@ function computeAxisValue({
     const continuousAxis = axis;
     const scaleType = continuousAxis.scaleType ?? 'linear';
     completeAxis[axis.id] = (0, _extends2.default)({
-      offset: 0,
-      height: 0,
       triggerTooltip
     }, continuousAxis, {
+      offset: resolvedOffset
+    }, axisDirection === 'x' ? {
+      height: resolvedSize
+    } : {
+      width: resolvedSize
+    }, {
       data,
       scaleType,
       scale,

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

@@ -7,6 +7,7 @@ import { getScale } from "../../../getScale.mjs";
 import { isDateData, createDateFormatter } from "../../../dateHelpers.mjs";
 import { getAxisTriggerTooltip } from "./getAxisTriggerTooltip.mjs";
 import { isBandScale, isOrdinalScale } from "../../../scaleGuards.mjs";
+import { DEFAULT_AXIS_SIZE_HEIGHT, DEFAULT_AXIS_SIZE_WIDTH, AXIS_LABEL_DEFAULT_HEIGHT } from "../../../../constants/index.mjs";
 function getRange(drawingArea, axisDirection,
 // | 'rotation' | 'radius',
 reverse) {
@@ -23,8 +24,45 @@ function shouldIgnoreGapRatios(scale, categoryGapRatio) {
    */
   return paddingPx < 0.1;
 }
+export function resolveAxisSize(axis, autoSizes, direction) {
+  const size = direction === 'x' ? axis.height : axis.width;
+  if (size === 'auto') {
+    const autoSize = autoSizes?.[axis.id];
+    if (autoSize !== undefined) {
+      return autoSize;
+    }
+    const defaultSize = direction === 'x' ? DEFAULT_AXIS_SIZE_HEIGHT : DEFAULT_AXIS_SIZE_WIDTH;
+    return defaultSize + (axis.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
+  }
+  return size ?? 0;
+}
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
+/**
+ * Recalculates axis offsets using actual resolved sizes (including auto-sizes).
+ * This is needed because offsets from defaultizeAxis use placeholder values for auto-sized axes.
+ */
+function recalculateOffsets(allAxis, autoSizes, axisDirection, axesGap) {
+  const offsets = {};
+  const result = {};
+  for (const axis of allAxis) {
+    const position = axis.position;
+    if (!position) {
+      continue;
+    }
+    offsets[position] ??= 0;
+    result[axis.id] = offsets[position];
+    if (position !== 'none') {
+      const size = resolveAxisSize(axis, autoSizes, axisDirection);
+      offsets[position] += size + axesGap;
+      const zoom = axis.zoom;
+      if (zoom?.slider.enabled) {
+        offsets[position] += zoom.slider.size;
+      }
+    }
+  }
+  return result;
+}
 export function computeAxisValue({
   scales,
   drawingArea,
@@ -33,7 +71,9 @@ export function computeAxisValue({
   seriesConfig,
   axisDirection,
   zoomMap,
-  domains
+  domains,
+  autoSizes,
+  axesGap = 0
 }) {
   if (allAxis === undefined) {
     return {
@@ -42,6 +82,7 @@ export function computeAxisValue({
     };
   }
   const axisIdsTriggeringTooltip = getAxisTriggerTooltip(axisDirection, seriesConfig, formattedSeries, allAxis[0].id);
+  const resolvedOffsets = recalculateOffsets(allAxis, autoSizes, axisDirection, axesGap);
   const completeAxis = {};
   allAxis.forEach(eachAxis => {
     const axis = eachAxis;
@@ -52,9 +93,10 @@ export function computeAxisValue({
     const rawTickNumber = domains[axis.id].tickNumber;
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const tickNumber = scaleTickNumberByRange(rawTickNumber, zoomRange);
+    const resolvedSize = resolveAxisSize(axis, autoSizes, axisDirection);
     const data = axis.data ?? [];
+    const resolvedOffset = resolvedOffsets[axis.id] ?? axis.offset ?? 0;
     if (isOrdinalScale(scale)) {
-      // Reverse range because ordinal scales are presented from top to bottom on y-axis
       const scaleRange = axisDirection === 'y' ? [range[1], range[0]] : range;
       if (isBandScale(scale) && isBandScaleConfig(axis)) {
         const desiredCategoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
@@ -62,12 +104,16 @@ export function computeAxisValue({
         const categoryGapRatio = ignoreGapRatios ? 0 : desiredCategoryGapRatio;
         const barGapRatio = ignoreGapRatios ? 0 : axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
         completeAxis[axis.id] = _extends({
-          offset: 0,
-          height: 0,
           categoryGapRatio,
           barGapRatio,
           triggerTooltip
         }, axis, {
+          offset: resolvedOffset
+        }, axisDirection === 'x' ? {
+          height: resolvedSize
+        } : {
+          width: resolvedSize
+        }, {
           data,
           /* Doing this here is technically wrong, but acceptable in practice.
            * In theory, this should be done in the normalized scale selector, but then we'd need that selector to depend
@@ -83,10 +129,14 @@ export function computeAxisValue({
       }
       if (isPointScaleConfig(axis)) {
         completeAxis[axis.id] = _extends({
-          offset: 0,
-          height: 0,
           triggerTooltip
         }, axis, {
+          offset: resolvedOffset
+        }, axisDirection === 'x' ? {
+          height: resolvedSize
+        } : {
+          width: resolvedSize
+        }, {
           data,
           scale,
           tickNumber,
@@ -108,10 +158,14 @@ export function computeAxisValue({
     const continuousAxis = axis;
     const scaleType = continuousAxis.scaleType ?? 'linear';
     completeAxis[axis.id] = _extends({
-      offset: 0,
-      height: 0,
       triggerTooltip
     }, continuousAxis, {
+      offset: resolvedOffset
+    }, axisDirection === 'x' ? {
+      height: resolvedSize
+    } : {
+      width: resolvedSize
+    }, {
       data,
       scaleType,
       scale,

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

@@ -28,18 +28,22 @@ function defaultizeXAxis(inAxes, dataset, axesGap) {
     const position = axisConfig.position ?? defaultPosition;
     const defaultHeight = _constants.DEFAULT_AXIS_SIZE_HEIGHT + (axisConfig.label ? _constants.AXIS_LABEL_DEFAULT_HEIGHT : 0);
     const id = axisConfig.id ?? `defaultized-x-axis-${index}`;
+    const height = axisConfig.height ?? defaultHeight;
     const sharedConfig = (0, _extends2.default)({
       offset: offsets[position]
     }, axisConfig, {
       id,
       position,
-      height: axisConfig.height ?? defaultHeight,
+      height,
       zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'x', axisConfig.reverse)
     });
 
     // Increment the offset for the next axis
+    // For 'auto' height, use default height for initial offset calculation
+    // The actual auto-size will be computed by selectors
     if (position !== 'none') {
-      offsets[position] += sharedConfig.height + axesGap;
+      const heightForOffset = height === 'auto' ? defaultHeight : height;
+      offsets[position] += heightForOffset + axesGap;
       if (sharedConfig.zoom?.slider.enabled) {
         offsets[position] += sharedConfig.zoom.slider.size;
       }
@@ -78,18 +82,22 @@ function defaultizeYAxis(inAxes, dataset, axesGap) {
     const position = axisConfig.position ?? defaultPosition;
     const defaultWidth = _constants.DEFAULT_AXIS_SIZE_WIDTH + (axisConfig.label ? _constants.AXIS_LABEL_DEFAULT_HEIGHT : 0);
     const id = axisConfig.id ?? `defaultized-y-axis-${index}`;
+    const width = axisConfig.width ?? defaultWidth;
     const sharedConfig = (0, _extends2.default)({
       offset: offsets[position]
     }, axisConfig, {
       id,
       position,
-      width: axisConfig.width ?? defaultWidth,
+      width,
       zoom: (0, _defaultizeZoom.defaultizeZoom)(axisConfig.zoom, id, 'y', axisConfig.reverse)
     });
 
     // Increment the offset for the next axis
+    // For 'auto' width, use default width for initial offset calculation
+    // The actual auto-size will be computed by selectors
     if (position !== 'none') {
-      offsets[position] += sharedConfig.width + axesGap;
+      const widthForOffset = width === 'auto' ? defaultWidth : width;
+      offsets[position] += widthForOffset + axesGap;
       if (sharedConfig.zoom?.slider.enabled) {
         offsets[position] += sharedConfig.zoom.slider.size;
       }

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

@@ -20,18 +20,22 @@ export function defaultizeXAxis(inAxes, dataset, axesGap) {
     const position = axisConfig.position ?? defaultPosition;
     const defaultHeight = DEFAULT_AXIS_SIZE_HEIGHT + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
     const id = axisConfig.id ?? `defaultized-x-axis-${index}`;
+    const height = axisConfig.height ?? defaultHeight;
     const sharedConfig = _extends({
       offset: offsets[position]
     }, axisConfig, {
       id,
       position,
-      height: axisConfig.height ?? defaultHeight,
+      height,
       zoom: defaultizeZoom(axisConfig.zoom, id, 'x', axisConfig.reverse)
     });
 
     // Increment the offset for the next axis
+    // For 'auto' height, use default height for initial offset calculation
+    // The actual auto-size will be computed by selectors
     if (position !== 'none') {
-      offsets[position] += sharedConfig.height + axesGap;
+      const heightForOffset = height === 'auto' ? defaultHeight : height;
+      offsets[position] += heightForOffset + axesGap;
       if (sharedConfig.zoom?.slider.enabled) {
         offsets[position] += sharedConfig.zoom.slider.size;
       }
@@ -70,18 +74,22 @@ export function defaultizeYAxis(inAxes, dataset, axesGap) {
     const position = axisConfig.position ?? defaultPosition;
     const defaultWidth = DEFAULT_AXIS_SIZE_WIDTH + (axisConfig.label ? AXIS_LABEL_DEFAULT_HEIGHT : 0);
     const id = axisConfig.id ?? `defaultized-y-axis-${index}`;
+    const width = axisConfig.width ?? defaultWidth;
     const sharedConfig = _extends({
       offset: offsets[position]
     }, axisConfig, {
       id,
       position,
-      width: axisConfig.width ?? defaultWidth,
+      width,
       zoom: defaultizeZoom(axisConfig.zoom, id, 'y', axisConfig.reverse)
     });
 
     // Increment the offset for the next axis
+    // For 'auto' width, use default width for initial offset calculation
+    // The actual auto-size will be computed by selectors
     if (position !== 'none') {
-      offsets[position] += sharedConfig.width + axesGap;
+      const widthForOffset = width === 'auto' ? defaultWidth : width;
+      offsets[position] += widthForOffset + axesGap;
       if (sharedConfig.zoom?.slider.enabled) {
         offsets[position] += sharedConfig.zoom.slider.size;
       }

package/internals/plugins/featurePlugins/useChartCartesianAxis/domain.d.mts

@@ -1,5 +1,5 @@
 import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousScaleName, type DefaultedAxis } from "../../../../models/axis.mjs";
+import { type AxisId, type ContinuousScaleName, type DefaultedAxis, type DefaultedXAxis, type DefaultedYAxis } from "../../../../models/axis.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.mjs";
 import { type TickParams } from "../../../../hooks/useTicks.mjs";
 /**
@@ -17,4 +17,14 @@ export declare function calculateInitialDomainAndTickNumber(axis: DefaultedAxis<
 export declare function calculateFinalDomain(axis: Pick<DefaultedAxis<ContinuousScaleName>, 'id' | 'domainLimit' | 'scaleType'> & TickParams & {
   min?: NumberValue;
   max?: NumberValue;
-}, axisDirection: 'x' | 'y', axisIndex: number, formattedSeries: ProcessedSeries, [minData, maxData]: [number | Date, number | Date], tickNumber: number): NumberValue[];
+}, axisDirection: 'x' | 'y', axisIndex: number, formattedSeries: ProcessedSeries, [minData, maxData]: [number | Date, number | Date], tickNumber: number): NumberValue[];
+export interface DomainDefinition {
+  domain: ReadonlyArray<string | NumberValue>;
+  tickNumber?: number;
+}
+/**
+ * Computes the domain map for a list of axes.
+ * Shared between the rendering selectors and the auto-size domain selectors
+ * to ensure consistent domain computation logic.
+ */
+export declare function computeAxisDomainsMap(axes: DefaultedXAxis[] | DefaultedYAxis[] | undefined, formattedSeries: ProcessedSeries, defaultTickNumber: number, extremaMap: Record<AxisId, [number, number]>, axisDirection: 'x' | 'y'): Record<AxisId, DomainDefinition>;

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

@@ -1,5 +1,5 @@
 import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousScaleName, type DefaultedAxis } from "../../../../models/axis.js";
+import { type AxisId, type ContinuousScaleName, type DefaultedAxis, type DefaultedXAxis, type DefaultedYAxis } from "../../../../models/axis.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
 import { type TickParams } from "../../../../hooks/useTicks.js";
 /**
@@ -17,4 +17,14 @@ export declare function calculateInitialDomainAndTickNumber(axis: DefaultedAxis<
 export declare function calculateFinalDomain(axis: Pick<DefaultedAxis<ContinuousScaleName>, 'id' | 'domainLimit' | 'scaleType'> & TickParams & {
   min?: NumberValue;
   max?: NumberValue;
-}, axisDirection: 'x' | 'y', axisIndex: number, formattedSeries: ProcessedSeries, [minData, maxData]: [number | Date, number | Date], tickNumber: number): NumberValue[];
+}, axisDirection: 'x' | 'y', axisIndex: number, formattedSeries: ProcessedSeries, [minData, maxData]: [number | Date, number | Date], tickNumber: number): NumberValue[];
+export interface DomainDefinition {
+  domain: ReadonlyArray<string | NumberValue>;
+  tickNumber?: number;
+}
+/**
+ * Computes the domain map for a list of axes.
+ * Shared between the rendering selectors and the auto-size domain selectors
+ * to ensure consistent domain computation logic.
+ */
+export declare function computeAxisDomainsMap(axes: DefaultedXAxis[] | DefaultedYAxis[] | undefined, formattedSeries: ProcessedSeries, defaultTickNumber: number, extremaMap: Record<AxisId, [number, number]>, axisDirection: 'x' | 'y'): Record<AxisId, DomainDefinition>;

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calculateFinalDomain = calculateFinalDomain;
 exports.calculateInitialDomainAndTickNumber = calculateInitialDomainAndTickNumber;
+exports.computeAxisDomainsMap = computeAxisDomainsMap;
+var _axis = require("../../../../models/axis");
 var _getScale = require("../../../getScale");
 var _getAxisDomainLimit = require("./getAxisDomainLimit");
 var _ticks = require("../../../ticks");
@@ -78,4 +80,30 @@ function getActualAxisExtrema(axisExtrema, minData, maxData) {
     return [min, max];
   }
   return [axisExtrema.min ?? min, axisExtrema.max ?? max];
+}
+/**
+ * Computes the domain map for a list of axes.
+ * Shared between the rendering selectors and the auto-size domain selectors
+ * to ensure consistent domain computation logic.
+ */
+function computeAxisDomainsMap(axes, formattedSeries, defaultTickNumber, extremaMap, axisDirection) {
+  const domains = {};
+  axes?.forEach((eachAxis, axisIndex) => {
+    const axis = eachAxis;
+    if ((0, _axis.isBandScaleConfig)(axis) || (0, _axis.isPointScaleConfig)(axis)) {
+      domains[axis.id] = {
+        domain: axis.data
+      };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = (0, _ticks.getTickNumber)(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
+      return;
+    }
+    const extrema = extremaMap[axis.id];
+    if (!extrema) {
+      return;
+    }
+    domains[axis.id] = calculateInitialDomainAndTickNumber(axis, axisDirection, axisIndex, formattedSeries, extrema, defaultTickNumber);
+  });
+  return domains;
 }

package/internals/plugins/featurePlugins/useChartCartesianAxis/domain.mjs

@@ -1,3 +1,4 @@
+import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.mjs";
 import { getScale } from "../../../getScale.mjs";
 import { getAxisDomainLimit } from "./getAxisDomainLimit.mjs";
 import { getTickNumber } from "../../../ticks.mjs";
@@ -71,4 +72,30 @@ function getActualAxisExtrema(axisExtrema, minData, maxData) {
     return [min, max];
   }
   return [axisExtrema.min ?? min, axisExtrema.max ?? max];
+}
+/**
+ * Computes the domain map for a list of axes.
+ * Shared between the rendering selectors and the auto-size domain selectors
+ * to ensure consistent domain computation logic.
+ */
+export function computeAxisDomainsMap(axes, formattedSeries, defaultTickNumber, extremaMap, axisDirection) {
+  const domains = {};
+  axes?.forEach((eachAxis, axisIndex) => {
+    const axis = eachAxis;
+    if (isBandScaleConfig(axis) || isPointScaleConfig(axis)) {
+      domains[axis.id] = {
+        domain: axis.data
+      };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = getTickNumber(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
+      return;
+    }
+    const extrema = extremaMap[axis.id];
+    if (!extrema) {
+      return;
+    }
+    domains[axis.id] = calculateInitialDomainAndTickNumber(axis, axisDirection, axisIndex, formattedSeries, extrema, defaultTickNumber);
+  });
+  return domains;
 }

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

@@ -5,8 +5,10 @@ export * from "./useChartCartesianAxisLayout.selectors.mjs";
 export * from "./useChartCartesianInteraction.selectors.mjs";
 export * from "./useChartCartesianHighlight.selectors.mjs";
 export * from "./useChartCartesianAxisPreview.selectors.mjs";
+export * from "./useChartAxisAutoSize.selectors.mjs";
 export * from "./useChartCartesianTooltip.selectors.mjs";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.mjs";
 export * from "./computeAxisValue.mjs";
 export * from "./createZoomLookup.mjs";
-export * from "./zoom.types.mjs";
+export * from "./zoom.types.mjs";
+export { computeAxisAutoSize } from "./computeAxisAutoSize.mjs";

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

@@ -5,8 +5,10 @@ export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";
 export * from "./useChartCartesianHighlight.selectors.js";
 export * from "./useChartCartesianAxisPreview.selectors.js";
+export * from "./useChartAxisAutoSize.selectors.js";
 export * from "./useChartCartesianTooltip.selectors.js";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";
 export * from "./createZoomLookup.js";
-export * from "./zoom.types.js";
+export * from "./zoom.types.js";
+export { computeAxisAutoSize } from "./computeAxisAutoSize.js";

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

@@ -6,8 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   useChartCartesianAxis: true,
   defaultizeXAxis: true,
-  defaultizeYAxis: true
+  defaultizeYAxis: true,
+  computeAxisAutoSize: true
 };
+Object.defineProperty(exports, "computeAxisAutoSize", {
+  enumerable: true,
+  get: function () {
+    return _computeAxisAutoSize.computeAxisAutoSize;
+  }
+});
 Object.defineProperty(exports, "defaultizeXAxis", {
   enumerable: true,
   get: function () {
@@ -87,6 +94,18 @@ Object.keys(_useChartCartesianAxisPreview).forEach(function (key) {
     }
   });
 });
+var _useChartAxisAutoSize = require("./useChartAxisAutoSize.selectors");
+Object.keys(_useChartAxisAutoSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartAxisAutoSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartAxisAutoSize[key];
+    }
+  });
+});
 var _useChartCartesianTooltip = require("./useChartCartesianTooltip.selectors");
 Object.keys(_useChartCartesianTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -135,4 +154,5 @@ Object.keys(_zoom).forEach(function (key) {
       return _zoom[key];
     }
   });
-});
+});
+var _computeAxisAutoSize = require("./computeAxisAutoSize");

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

@@ -4,8 +4,10 @@ export * from "./useChartCartesianAxisLayout.selectors.mjs";
 export * from "./useChartCartesianInteraction.selectors.mjs";
 export * from "./useChartCartesianHighlight.selectors.mjs";
 export * from "./useChartCartesianAxisPreview.selectors.mjs";
+export * from "./useChartAxisAutoSize.selectors.mjs";
 export * from "./useChartCartesianTooltip.selectors.mjs";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.mjs";
 export * from "./computeAxisValue.mjs";
 export * from "./createZoomLookup.mjs";
-export * from "./zoom.types.mjs";
+export * from "./zoom.types.mjs";
+export { computeAxisAutoSize } from "./computeAxisAutoSize.mjs";

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>;