@mui/x-charts 9.7.0 → 9.9.0

package/ChartsRadialGrid/ChartsRotationGrid.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsRadialGridClasses } from "./chartsRadialGridClasses.js";
 import type { PolarAxisDefaultized } from "../models/axis.js";
 interface ChartsRotationGridProps {
@@ -9,5 +10,5 @@ interface ChartsRotationGridProps {
 /**
  * @ignore - internal component.
  */
-export declare function ChartsRotationGrid(props: ChartsRotationGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsRotationGrid(props: ChartsRotationGridProps): React.JSX.Element;
 export {};

package/ChartsRadiusAxis/ChartsRadiusAxis.d.mts

@@ -1,7 +1,7 @@
 import type { ChartsRadiusAxisProps, ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.mjs";
 export interface ChartsRadiusAxisSlots extends ChartsAxisSlots {}
 export interface ChartsRadiusAxisSlotProps extends ChartsAxisSlotProps {}
-declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsRadiusAxis {
   var propTypes: any;
 }

package/ChartsRadiusAxis/ChartsRadiusAxis.d.ts

@@ -1,7 +1,7 @@
 import type { ChartsRadiusAxisProps, ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
 export interface ChartsRadiusAxisSlots extends ChartsAxisSlots {}
 export interface ChartsRadiusAxisSlotProps extends ChartsAxisSlotProps {}
-declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsRadiusAxis(props: ChartsRadiusAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsRadiusAxis {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsReferenceLine.d.mts

@@ -2,7 +2,7 @@ import type { ChartsXReferenceLineProps } from "./ChartsXReferenceLine.mjs";
 import type { ChartsYReferenceLineProps } from "./ChartsYReferenceLine.mjs";
 import type { XOR } from "../internals/ts-generic.mjs";
 type ChartsReferenceLineProps<TValue extends string | number | Date = string | number | Date> = XOR<ChartsXReferenceLineProps<TValue>, ChartsYReferenceLineProps<TValue>>;
-declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react").JSX.Element;
 declare namespace ChartsReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsReferenceLine.d.ts

@@ -2,7 +2,7 @@ import type { ChartsXReferenceLineProps } from "./ChartsXReferenceLine.js";
 import type { ChartsYReferenceLineProps } from "./ChartsYReferenceLine.js";
 import type { XOR } from "../internals/ts-generic.js";
 type ChartsReferenceLineProps<TValue extends string | number | Date = string | number | Date> = XOR<ChartsXReferenceLineProps<TValue>, ChartsYReferenceLineProps<TValue>>;
-declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react").JSX.Element;
 declare namespace ChartsReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsXReferenceLine.d.mts

@@ -8,7 +8,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
   x: TValue;
 };
 export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsXReferenceLine.d.ts

@@ -8,7 +8,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
   x: TValue;
 };
 export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsYReferenceLine.d.mts

@@ -8,7 +8,7 @@ export type ChartsYReferenceLineProps<TValue extends string | number | Date = st
   y: TValue;
 };
 export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsYReferenceLine {
   var propTypes: any;
 }

package/ChartsReferenceLine/ChartsYReferenceLine.d.ts

@@ -8,7 +8,7 @@ export type ChartsYReferenceLineProps<TValue extends string | number | Date = st
   y: TValue;
 };
 export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react").JSX.Element | null;
 declare namespace ChartsYReferenceLine {
   var propTypes: any;
 }

package/ChartsRotationAxis/ChartsRotationAxis.d.mts

@@ -1,7 +1,7 @@
 import type { ChartsRotationAxisProps, ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.mjs";
 export interface ChartsRotationAxisSlots extends ChartsAxisSlots {}
 export interface ChartsRotationAxisSlotProps extends ChartsAxisSlotProps {}
-declare function ChartsRotationAxis(props: ChartsRotationAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsRotationAxis(props: ChartsRotationAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsRotationAxis {
   var propTypes: any;
 }

package/ChartsRotationAxis/ChartsRotationAxis.d.ts

@@ -1,7 +1,7 @@
 import type { ChartsRotationAxisProps, ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
 export interface ChartsRotationAxisSlots extends ChartsAxisSlots {}
 export interface ChartsRotationAxisSlotProps extends ChartsAxisSlotProps {}
-declare function ChartsRotationAxis(props: ChartsRotationAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsRotationAxis(props: ChartsRotationAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsRotationAxis {
   var propTypes: any;
 }

package/ChartsText/ChartsText.d.mts

@@ -10,7 +10,7 @@ export interface ChartsTextProps extends Omit<React.SVGTextElementAttributes<SVG
 /**
  * Helper component to manage multiline text in SVG
  */
-declare function ChartsText(props: ChartsTextProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsText(props: ChartsTextProps): React.JSX.Element;
 declare namespace ChartsText {
   var propTypes: any;
 }

package/ChartsText/ChartsText.d.ts

@@ -10,7 +10,7 @@ export interface ChartsTextProps extends Omit<React.SVGTextElementAttributes<SVG
 /**
  * Helper component to manage multiline text in SVG
  */
-declare function ChartsText(props: ChartsTextProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsText(props: ChartsTextProps): React.JSX.Element;
 declare namespace ChartsText {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsAxisTooltipContent.d.mts

@@ -14,7 +14,7 @@ export interface ChartsAxisTooltipContentProps {
    */
   sort?: 'none' | 'asc' | 'desc';
 }
-declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react").JSX.Element | null;
 declare namespace ChartsAxisTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsAxisTooltipContent.d.ts

@@ -14,7 +14,7 @@ export interface ChartsAxisTooltipContentProps {
    */
   sort?: 'none' | 'asc' | 'desc';
 }
-declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react").JSX.Element | null;
 declare namespace ChartsAxisTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsItemTooltipContent.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.mjs";
 export interface ChartsItemTooltipContentClasses extends ChartsTooltipClasses {}
@@ -8,7 +9,7 @@ export interface ChartsItemTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): React.JSX.Element | null;
 declare namespace ChartsItemTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SxProps, Theme } from '@mui/material/styles';
 import type { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
 export interface ChartsItemTooltipContentClasses extends ChartsTooltipClasses {}
@@ -8,7 +9,7 @@ export interface ChartsItemTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): React.JSX.Element | null;
 declare namespace ChartsItemTooltipContent {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltip.d.mts

@@ -18,7 +18,7 @@ export type ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> = T ex
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react").JSX.Element;
 declare namespace ChartsTooltip {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -18,7 +18,7 @@ export type ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> = T ex
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ChartsTooltip<T extends TriggerOptions>(props: ChartsTooltipProps<T>): import("react").JSX.Element;
 declare namespace ChartsTooltip {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.d.mts

@@ -50,7 +50,7 @@ export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerO
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
 declare namespace ChartsTooltipContainer {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.d.ts

@@ -50,7 +50,7 @@ export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerO
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
 declare namespace ChartsTooltipContainer {
   var propTypes: any;
 }

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -25,6 +25,7 @@ var _warning = require("@mui/x-internals/warning");
 var _utils = require("./utils");
 var _chartsTooltipClasses = require("./chartsTooltipClasses");
 var _useStore = require("../internals/store/useStore");
+var _useChartSeriesConfig = require("../internals/plugins/corePlugins/useChartSeriesConfig");
 var _useChartInteraction = require("../internals/plugins/featurePlugins/useChartInteraction");
 var _useChartTooltip = require("../internals/plugins/featurePlugins/useChartTooltip");
 var _useChartCartesianTooltip = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianTooltip.selectors");
@@ -56,10 +57,13 @@ const defaultAnchorByTrigger = {
   axis: 'chart',
   none: 'pointer'
 };
-const getPositionSelectorByAnchor = anchor => {
+
+// The axis and null selectors take a state the item selector's state is
+// assignable to, so they all converge to `TooltipItemPositionSelector`.
+const getPositionSelectorByAnchor = (anchor, selectorItemPosition) => {
   switch (anchor) {
     case 'node':
-      return _useChartTooltip.selectorChartsTooltipItemPosition;
+      return selectorItemPosition;
     case 'chart':
       return _useChartCartesianTooltip.selectorChartsTooltipAxisPosition;
     default:
@@ -125,7 +129,10 @@ function ChartsTooltipContainer(inProps) {
   const lastInteraction = store.use(_useChartInteraction.selectorChartsLastInteraction);
   const pointerAnchorUnavailable = lastInteraction === 'keyboard' || pointerType === null;
   const computedAnchor = pointerAnchorUnavailable ? defaultAnchorByTrigger[trigger] : anchor;
-  const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor), props.position);
+  const tooltipItem = store.use(_useChartTooltip.selectorChartsTooltipItem);
+  const seriesConfig = store.use(_useChartSeriesConfig.selectorChartSeriesConfig);
+  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || selectorReturnNull;
+  const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor, selectorItemPosition), props.position);
   const isTooltipNodeAnchored = itemPosition !== null;
   React.useEffect(() => {
     const svgElement = chartsLayerContainerRef.current;

package/ChartsTooltip/ChartsTooltipContainer.mjs

@@ -18,8 +18,9 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { useIsFineMainPointer } from "./utils.mjs";
 import { useUtilityClasses } from "./chartsTooltipClasses.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
+import { selectorChartSeriesConfig } from "../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
 import { selectorChartsLastInteraction, selectorChartsPointerType } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
-import { selectorChartsTooltipItemIsDefined, selectorChartsTooltipItemPosition } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
+import { selectorChartsTooltipItem, selectorChartsTooltipItemIsDefined } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
 import { selectorChartsInteractionAxisTooltip, selectorChartsTooltipAxisPosition } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianTooltip.selectors.mjs";
 import { selectorChartsInteractionPolarAxisTooltip } from "../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.mjs";
 import { useAxisSystem } from "../hooks/useAxisSystem.mjs";
@@ -49,10 +50,13 @@ const defaultAnchorByTrigger = {
   axis: 'chart',
   none: 'pointer'
 };
-const getPositionSelectorByAnchor = anchor => {
+
+// The axis and null selectors take a state the item selector's state is
+// assignable to, so they all converge to `TooltipItemPositionSelector`.
+const getPositionSelectorByAnchor = (anchor, selectorItemPosition) => {
   switch (anchor) {
     case 'node':
-      return selectorChartsTooltipItemPosition;
+      return selectorItemPosition;
     case 'chart':
       return selectorChartsTooltipAxisPosition;
     default:
@@ -118,7 +122,10 @@ function ChartsTooltipContainer(inProps) {
   const lastInteraction = store.use(selectorChartsLastInteraction);
   const pointerAnchorUnavailable = lastInteraction === 'keyboard' || pointerType === null;
   const computedAnchor = pointerAnchorUnavailable ? defaultAnchorByTrigger[trigger] : anchor;
-  const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor), props.position);
+  const tooltipItem = store.use(selectorChartsTooltipItem);
+  const seriesConfig = store.use(selectorChartSeriesConfig);
+  const selectorItemPosition = tooltipItem && seriesConfig[tooltipItem.type]?.selectorTooltipItemPosition || selectorReturnNull;
+  const itemPosition = store.use(getPositionSelectorByAnchor(computedAnchor, selectorItemPosition), props.position);
   const isTooltipNodeAnchored = itemPosition !== null;
   React.useEffect(() => {
     const svgElement = chartsLayerContainerRef.current;

package/ChartsXAxis/ChartsGroupedXAxisTicks.d.mts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.mjs";
 interface ChartsGroupedXAxisProps extends ChartsXAxisProps {}
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): React.JSX.Element;
 export { ChartsGroupedXAxisTicks };

package/ChartsXAxis/ChartsGroupedXAxisTicks.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.js";
 interface ChartsGroupedXAxisProps extends ChartsXAxisProps {}
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedXAxisTicks(inProps: ChartsGroupedXAxisProps): React.JSX.Element;
 export { ChartsGroupedXAxisTicks };

package/ChartsXAxis/ChartsGroupedXAxisTicks.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsGroupedXAxisTicks = ChartsGroupedXAxisTicks;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _scaleGuards = require("../internals/scaleGuards");
 var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
@@ -17,18 +17,8 @@ var _useTicksGrouped = require("../hooks/useTicksGrouped");
 var _useAxisTicksProps = require("./useAxisTicksProps");
 var _useStore = require("../internals/store/useStore");
 var _useChartAxisAutoSize = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors");
+var _getGroupingConfig = require("../internals/getGroupingConfig");
 var _jsxRuntime = require("react/jsx-runtime");
-const DEFAULT_GROUPING_CONFIG = {
-  tickSize: 6
-};
-const getGroupingConfig = (groups, groupIndex, tickSize, computedGroupTickSizes) => {
-  const config = groups[groupIndex] ?? {};
-  const defaultTickSize = tickSize ?? DEFAULT_GROUPING_CONFIG.tickSize;
-  const calculatedTickSize = defaultTickSize * groupIndex * 2 + defaultTickSize;
-  return (0, _extends2.default)({}, DEFAULT_GROUPING_CONFIG, config, {
-    tickSize: computedGroupTickSizes?.[groupIndex] ?? config.tickSize ?? calculatedTickSize
-  });
-};
 /**
  * @ignore - internal component.
  */
@@ -87,7 +77,7 @@ function ChartsGroupedXAxisTicks(inProps) {
       const tickLabel = item.formattedValue;
       const ignoreTick = item.ignoreTick ?? false;
       const groupIndex = item.groupIndex ?? 0;
-      const groupConfig = getGroupingConfig(groups, groupIndex, tickSize, computedGroupTickSizes);
+      const groupConfig = (0, _getGroupingConfig.getGroupingConfig)(groups, groupIndex, tickSize, computedGroupTickSizes);
       const tickYSize = positionSign * groupConfig.tickSize;
       const labelPositionY = positionSign * (groupConfig.tickSize + _utilities.TICK_LABEL_GAP);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {

package/ChartsXAxis/ChartsGroupedXAxisTicks.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
 import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
@@ -10,18 +10,8 @@ import { useTicksGrouped } from "../hooks/useTicksGrouped.mjs";
 import { useAxisTicksProps } from "./useAxisTicksProps.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
 import { selectorChartXAxisAutoSizeResults } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.mjs";
+import { getGroupingConfig } from "../internals/getGroupingConfig.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_GROUPING_CONFIG = {
-  tickSize: 6
-};
-const getGroupingConfig = (groups, groupIndex, tickSize, computedGroupTickSizes) => {
-  const config = groups[groupIndex] ?? {};
-  const defaultTickSize = tickSize ?? DEFAULT_GROUPING_CONFIG.tickSize;
-  const calculatedTickSize = defaultTickSize * groupIndex * 2 + defaultTickSize;
-  return _extends({}, DEFAULT_GROUPING_CONFIG, config, {
-    tickSize: computedGroupTickSizes?.[groupIndex] ?? config.tickSize ?? calculatedTickSize
-  });
-};
 /**
  * @ignore - internal component.
  */

package/ChartsXAxis/ChartsSingleXAxisTicks.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.mjs";
 import type { OrdinalTimeTicks } from "../models/timeTicks.mjs";
 interface ChartsSingleXAxisProps extends ChartsXAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleXAxisProps extends ChartsXAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): React.JSX.Element;
 export { ChartsSingleXAxisTicks };

package/ChartsXAxis/ChartsSingleXAxisTicks.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps } from "../models/axis.js";
 import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleXAxisProps extends ChartsXAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleXAxisProps extends ChartsXAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleXAxisTicks(inProps: ChartsSingleXAxisProps): React.JSX.Element;
 export { ChartsSingleXAxisTicks };

package/ChartsXAxis/ChartsXAxis.d.mts

@@ -10,7 +10,7 @@ export interface ChartsXAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/ChartsXAxis/ChartsXAxis.d.ts

@@ -10,7 +10,7 @@ export interface ChartsXAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsXAxis API](https://mui.com/x/api/charts/charts-x-axis/)
  */
-declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsXAxis(inProps: ChartsXAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsXAxis {
   var propTypes: any;
 }

package/ChartsXAxis/ChartsXAxisImpl.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps, ComputedAxis, ScaleName } from "../models/axis.mjs";
 interface ChartsXAxisImplProps extends Omit<ChartsXAxisProps, 'axis'> {
   axis: ComputedAxis<ScaleName, any, ChartsXAxisProps>;
@@ -8,5 +9,5 @@ interface ChartsXAxisImplProps extends Omit<ChartsXAxisProps, 'axis'> {
 export declare function ChartsXAxisImpl({
   axis,
   ...inProps
-}: ChartsXAxisImplProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsXAxisImplProps): React.JSX.Element | null;
 export {};

package/ChartsXAxis/ChartsXAxisImpl.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsXAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 interface ChartsXAxisImplProps extends Omit<ChartsXAxisProps, 'axis'> {
   axis: ComputedAxis<ScaleName, any, ChartsXAxisProps>;
@@ -8,5 +9,5 @@ interface ChartsXAxisImplProps extends Omit<ChartsXAxisProps, 'axis'> {
 export declare function ChartsXAxisImpl({
   axis,
   ...inProps
-}: ChartsXAxisImplProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsXAxisImplProps): React.JSX.Element | null;
 export {};

package/ChartsYAxis/ChartsGroupedYAxisTicks.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.mjs";
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): React.JSX.Element;
 export { ChartsGroupedYAxisTicks };

package/ChartsYAxis/ChartsGroupedYAxisTicks.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.js";
 /**
  * @ignore - internal component.
  */
-declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsGroupedYAxisTicks(inProps: ChartsYAxisProps): React.JSX.Element;
 export { ChartsGroupedYAxisTicks };

package/ChartsYAxis/ChartsGroupedYAxisTicks.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartsGroupedYAxisTicks = ChartsGroupedYAxisTicks;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _scaleGuards = require("../internals/scaleGuards");
 var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
@@ -17,23 +17,11 @@ var _useTicksGrouped = require("../hooks/useTicksGrouped");
 var _useAxisTicksProps = require("./useAxisTicksProps");
 var _useStore = require("../internals/store/useStore");
 var _useChartAxisAutoSize = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors");
+var _getGroupingConfig = require("../internals/getGroupingConfig");
 var _jsxRuntime = require("react/jsx-runtime");
-const DEFAULT_GROUPING_CONFIG = {
-  tickSize: 6
-};
-const getGroupingConfig = (groups, groupIndex, tickSize, computedGroupTickSizes) => {
-  const config = groups[groupIndex] ?? {};
-  const defaultTickSize = tickSize ?? DEFAULT_GROUPING_CONFIG.tickSize;
-  const calculatedTickSize = defaultTickSize * groupIndex * 2 + defaultTickSize;
-  return (0, _extends2.default)({}, DEFAULT_GROUPING_CONFIG, config, {
-    tickSize: computedGroupTickSizes?.[groupIndex] ?? config.tickSize ?? calculatedTickSize
-  });
-};
-
 /**
  * @ignore - internal component.
- */
-function ChartsGroupedYAxisTicks(inProps) {
+ */function ChartsGroupedYAxisTicks(inProps) {
   const {
     yScale,
     defaultizedProps,
@@ -88,7 +76,7 @@ function ChartsGroupedYAxisTicks(inProps) {
       const tickLabel = item.formattedValue;
       const ignoreTick = item.ignoreTick ?? false;
       const groupIndex = item.groupIndex ?? 0;
-      const groupConfig = getGroupingConfig(groups, groupIndex, tickSize, computedGroupTickSizes);
+      const groupConfig = (0, _getGroupingConfig.getGroupingConfig)(groups, groupIndex, tickSize, computedGroupTickSizes);
       const tickXSize = positionSign * groupConfig.tickSize;
       const labelPositionX = positionSign * (groupConfig.tickSize + _utilities.TICK_LABEL_GAP);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {

package/ChartsYAxis/ChartsGroupedYAxisTicks.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
 import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
@@ -10,22 +10,12 @@ import { useTicksGrouped } from "../hooks/useTicksGrouped.mjs";
 import { useAxisTicksProps } from "./useAxisTicksProps.mjs";
 import { useStore } from "../internals/store/useStore.mjs";
 import { selectorChartYAxisAutoSizeResults } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_GROUPING_CONFIG = {
-  tickSize: 6
-};
-const getGroupingConfig = (groups, groupIndex, tickSize, computedGroupTickSizes) => {
-  const config = groups[groupIndex] ?? {};
-  const defaultTickSize = tickSize ?? DEFAULT_GROUPING_CONFIG.tickSize;
-  const calculatedTickSize = defaultTickSize * groupIndex * 2 + defaultTickSize;
-  return _extends({}, DEFAULT_GROUPING_CONFIG, config, {
-    tickSize: computedGroupTickSizes?.[groupIndex] ?? config.tickSize ?? calculatedTickSize
-  });
-};
+import { getGroupingConfig } from "../internals/getGroupingConfig.mjs";
 
 /**
  * @ignore - internal component.
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ChartsGroupedYAxisTicks(inProps) {
   const {
     yScale,

package/ChartsYAxis/ChartsSingleYAxisTicks.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.mjs";
 import type { OrdinalTimeTicks } from "../models/timeTicks.mjs";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleYAxisProps extends ChartsYAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): React.JSX.Element;
 export { ChartsSingleYAxisTicks };

package/ChartsYAxis/ChartsSingleYAxisTicks.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps } from "../models/axis.js";
 import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
@@ -7,5 +8,5 @@ interface ChartsSingleYAxisProps extends ChartsYAxisProps {
 /**
  * @ignore - internal component.
  */
-declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartsSingleYAxisTicks(inProps: ChartsSingleYAxisProps): React.JSX.Element;
 export { ChartsSingleYAxisTicks };

package/ChartsYAxis/ChartsYAxis.d.mts

@@ -10,7 +10,7 @@ export interface ChartsYAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/ChartsYAxis/ChartsYAxis.d.ts

@@ -10,7 +10,7 @@ export interface ChartsYAxisSlotProps extends ChartsAxisSlotProps {}
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
  */
-declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartsYAxis(inProps: ChartsYAxisProps): import("react").JSX.Element | null;
 declare namespace ChartsYAxis {
   var propTypes: any;
 }

package/ChartsYAxis/ChartsYAxisImpl.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ChartsYAxisProps, ComputedAxis, ScaleName } from "../models/axis.mjs";
 interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
   axis: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
@@ -8,5 +9,5 @@ interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
 export declare function ChartsYAxisImpl({
   axis,
   ...inProps
-}: ChartsYAxisImplProps): import("react/jsx-runtime").JSX.Element | null;
+}: ChartsYAxisImplProps): React.JSX.Element | null;
 export {};