@mui/x-charts 9.6.0 → 9.8.0

package/hooks/useScatterSeries.d.mts

@@ -1,6 +1,6 @@
-import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.mjs";
-import { type SeriesId } from "../models/seriesType/common.mjs";
-import { type ChartSeriesDefaultized } from "../models/seriesType/config.mjs";
+import type { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.mjs";
+import type { SeriesId } from "../models/seriesType/common.mjs";
+import type { ChartSeriesDefaultized } from "../models/seriesType/config.mjs";
 export type UseScatterSeriesReturnValue = ChartSeriesDefaultized<'scatter'>;
 export type UseScatterSeriesContextReturnValue = ProcessedSeries['scatter'];
 /**

package/hooks/useScatterSeries.d.ts

@@ -1,6 +1,6 @@
-import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { type SeriesId } from "../models/seriesType/common.js";
-import { type ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import type { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import type { SeriesId } from "../models/seriesType/common.js";
+import type { ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export type UseScatterSeriesReturnValue = ChartSeriesDefaultized<'scatter'>;
 export type UseScatterSeriesContextReturnValue = ProcessedSeries['scatter'];
 /**

package/hooks/useTicksGrouped.d.mts

@@ -1,5 +1,5 @@
 import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { type AxisConfig, type AxisGroup } from "../models/axis.mjs";
+import type { AxisConfig, AxisGroup } from "../models/axis.mjs";
 import type { TickParams } from "./useTicks.mjs";
 export type GroupedTickItemType = {
   /**

package/hooks/useTicksGrouped.d.ts

@@ -1,5 +1,5 @@
 import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { type AxisConfig, type AxisGroup } from "../models/axis.js";
+import type { AxisConfig, AxisGroup } from "../models/axis.js";
 import type { TickParams } from "./useTicks.js";
 export type GroupedTickItemType = {
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.6.0
+ * @mui/x-charts v9.8.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.6.0
+ * @mui/x-charts v9.8.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/animation/Transition.mjs

@@ -1,5 +1,4 @@
 import { timer, now, timeout } from '@mui/x-charts-vendor/d3-timer';
-
 /**
  * A resumable transition class inspired by d3-transition.
  * Allows for starting, and stopping and resuming transitions.

package/internals/animation/animation.d.mts

@@ -1,3 +1,3 @@
 export declare const ANIMATION_DURATION_MS = 300;
 export declare const ANIMATION_TIMING_FUNCTION = "cubic-bezier(0.66, 0, 0.34, 1)";
-export declare const ANIMATION_TIMING_FUNCTION_JS: import("bezier-easing").EasingFunction;
+export declare const ANIMATION_TIMING_FUNCTION_JS: (x: number) => number;

package/internals/animation/animation.d.ts

@@ -1,3 +1,3 @@
 export declare const ANIMATION_DURATION_MS = 300;
 export declare const ANIMATION_TIMING_FUNCTION = "cubic-bezier(0.66, 0, 0.34, 1)";
-export declare const ANIMATION_TIMING_FUNCTION_JS: import("bezier-easing").EasingFunction;
+export declare const ANIMATION_TIMING_FUNCTION_JS: (x: number) => number;

package/internals/colorScale.d.mts

@@ -1,5 +1,5 @@
-import { type ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousColorConfig, type PiecewiseColorConfig, type OrdinalColorConfig } from "../models/colorMapping.mjs";
+import type { ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
+import type { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from "../models/colorMapping.mjs";
 export declare function getSequentialColorScale<Value extends number | Date>(config: ContinuousColorConfig<Value> | PiecewiseColorConfig<Value>): import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<Value, string, string | null>;
 export declare function getOrdinalColorScale<Value extends number | Date | string>(config: OrdinalColorConfig<Value>): ScaleOrdinal<Value, string, null | string> | ScaleOrdinal<number, string, null | string>;
 export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, string | null>;

package/internals/colorScale.d.ts

@@ -1,5 +1,5 @@
-import { type ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousColorConfig, type PiecewiseColorConfig, type OrdinalColorConfig } from "../models/colorMapping.js";
+import type { ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
+import type { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from "../models/colorMapping.js";
 export declare function getSequentialColorScale<Value extends number | Date>(config: ContinuousColorConfig<Value> | PiecewiseColorConfig<Value>): import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<Value, string, string | null>;
 export declare function getOrdinalColorScale<Value extends number | Date | string>(config: OrdinalColorConfig<Value>): ScaleOrdinal<Value, string, null | string> | ScaleOrdinal<number, string, null | string>;
 export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, string | null>;

package/internals/commonNextFocusItem.d.mts

@@ -1,12 +1,22 @@
 import type { UseChartKeyboardNavigationSignature } from "./plugins/featurePlugins/useChartKeyboardNavigation/index.mjs";
 import type { ChartState } from "./plugins/models/chart.mjs";
 import type { ChartSeriesType } from "../models/seriesType/config.mjs";
-import type { SeriesId, FocusedItemIdentifier } from "../models/seriesType/index.mjs";
+import type { SeriesId } from "../models/seriesType/index.mjs";
 type ReturnedItem<OutSeriesType extends ChartSeriesType> = {
   type: OutSeriesType;
   seriesId: SeriesId;
   dataIndex: number;
 } | null;
+/**
+ * The item the navigators work on. Decoupled from the public `FocusedItemIdentifier` because
+ * navigation is position-based: series keyed differently (e.g. `mapShape`, keyed by `name`)
+ * reuse these helpers by translating to a `dataIndex` at their boundary.
+ */
+type WorkingItem = {
+  type: Exclude<ChartSeriesType, 'sankey' | 'heatmap'>;
+  seriesId: SeriesId;
+  dataIndex?: number;
+};
 type StateParameters<SeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>;
 export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
@@ -20,7 +30,7 @@ allowCycles?: boolean,
 /**
  * If true, series max index is defined by the current series length and not all series.
  */
-useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -33,15 +43,15 @@ allowCycles?: boolean,
 /**
  * If true, series max index is defined by the current series length and not all series.
  */
-useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
-compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
-compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export {};

package/internals/commonNextFocusItem.d.ts

@@ -1,12 +1,22 @@
 import type { UseChartKeyboardNavigationSignature } from "./plugins/featurePlugins/useChartKeyboardNavigation/index.js";
 import type { ChartState } from "./plugins/models/chart.js";
 import type { ChartSeriesType } from "../models/seriesType/config.js";
-import type { SeriesId, FocusedItemIdentifier } from "../models/seriesType/index.js";
+import type { SeriesId } from "../models/seriesType/index.js";
 type ReturnedItem<OutSeriesType extends ChartSeriesType> = {
   type: OutSeriesType;
   seriesId: SeriesId;
   dataIndex: number;
 } | null;
+/**
+ * The item the navigators work on. Decoupled from the public `FocusedItemIdentifier` because
+ * navigation is position-based: series keyed differently (e.g. `mapShape`, keyed by `name`)
+ * reuse these helpers by translating to a `dataIndex` at their boundary.
+ */
+type WorkingItem = {
+  type: Exclude<ChartSeriesType, 'sankey' | 'heatmap'>;
+  seriesId: SeriesId;
+  dataIndex?: number;
+};
 type StateParameters<SeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>;
 export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
@@ -20,7 +30,7 @@ allowCycles?: boolean,
 /**
  * If true, series max index is defined by the current series length and not all series.
  */
-useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
@@ -33,15 +43,15 @@ allowCycles?: boolean,
 /**
  * If true, series max index is defined by the current series length and not all series.
  */
-useCurrentSeriesMaxLength?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+useCurrentSeriesMaxLength?: boolean): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
-compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
-compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
+compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: WorkingItem | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
 export {};

package/internals/commonNextFocusItem.js

@@ -13,6 +13,12 @@ var _getNextNonEmptySeries = require("./plugins/featurePlugins/useChartKeyboardN
 var _findVisibleDataIndex = require("./plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex");
 var _seriesHasData = require("./seriesHasData");
 var _useChartSeries = require("./plugins/corePlugins/useChartSeries/useChartSeries.selectors");
+/**
+ * The item the navigators work on. Decoupled from the public `FocusedItemIdentifier` because
+ * navigation is position-based: series keyed differently (e.g. `mapShape`, keyed by `name`)
+ * reuse these helpers by translating to a `dataIndex` at their boundary.
+ */
+
 function isSeriesHidden(processedSeries, type, seriesId) {
   const seriesItem = processedSeries[type]?.series[seriesId];
   return Boolean(seriesItem && 'hidden' in seriesItem && seriesItem.hidden);

package/internals/commonNextFocusItem.mjs

@@ -4,6 +4,13 @@ import { getNextNonEmptySeries } from "./plugins/featurePlugins/useChartKeyboard
 import { findVisibleDataIndex } from "./plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.mjs";
 import { seriesHasData } from "./seriesHasData.mjs";
 import { selectorChartSeriesProcessed } from "./plugins/corePlugins/useChartSeries/useChartSeries.selectors.mjs";
+
+/**
+ * The item the navigators work on. Decoupled from the public `FocusedItemIdentifier` because
+ * navigation is position-based: series keyed differently (e.g. `mapShape`, keyed by `name`)
+ * reuse these helpers by translating to a `dataIndex` at their boundary.
+ */
+
 function isSeriesHidden(processedSeries, type, seriesId) {
   const seriesItem = processedSeries[type]?.series[seriesId];
   return Boolean(seriesItem && 'hidden' in seriesItem && seriesItem.hidden);

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.d.mts

@@ -1,4 +1,4 @@
-import { type ContinuousColorConfig } from "../../../models/colorMapping.mjs";
+import type { ContinuousColorConfig } from "../../../models/colorMapping.mjs";
 type ChartsContinuousGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.d.ts

@@ -1,4 +1,4 @@
-import { type ContinuousColorConfig } from "../../../models/colorMapping.js";
+import type { ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsContinuousGradientObjectBound.d.mts

@@ -1,4 +1,4 @@
-import { type ContinuousColorConfig } from "../../../models/colorMapping.mjs";
+import type { ContinuousColorConfig } from "../../../models/colorMapping.mjs";
 type ChartsContinuousGradientObjectBoundProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsContinuousGradientObjectBound.d.ts

@@ -1,4 +1,4 @@
-import { type ContinuousColorConfig } from "../../../models/colorMapping.js";
+import type { ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientObjectBoundProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.d.mts

@@ -1,4 +1,4 @@
-import { type PiecewiseColorConfig } from "../../../models/colorMapping.mjs";
+import type { PiecewiseColorConfig } from "../../../models/colorMapping.mjs";
 type ChartsPiecewiseGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.d.ts

@@ -1,4 +1,4 @@
-import { type PiecewiseColorConfig } from "../../../models/colorMapping.js";
+import type { PiecewiseColorConfig } from "../../../models/colorMapping.js";
 type ChartsPiecewiseGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/configInit.d.mts

@@ -1,4 +1,4 @@
-import { type CartesianChartSeriesType, type PolarChartSeriesType } from "../models/seriesType/config.mjs";
+import type { CartesianChartSeriesType, PolarChartSeriesType } from "../models/seriesType/config.mjs";
 declare class CartesianSeriesTypes {
   types: Set<CartesianChartSeriesType>;
   constructor();

package/internals/configInit.d.ts

@@ -1,4 +1,4 @@
-import { type CartesianChartSeriesType, type PolarChartSeriesType } from "../models/seriesType/config.js";
+import type { CartesianChartSeriesType, PolarChartSeriesType } from "../models/seriesType/config.js";
 declare class CartesianSeriesTypes {
   types: Set<CartesianChartSeriesType>;
   constructor();

package/internals/createCommonKeyboardFocusHandler.d.mts

@@ -2,7 +2,11 @@ import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.mjs").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: {
+  type: Exclude<ChartSeriesType, "sankey" | "heatmap">;
+  seriesId: import("../index.mjs").SeriesId;
+  dataIndex?: number;
+} | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.mjs").SeriesIdToType;

package/internals/createCommonKeyboardFocusHandler.d.ts

@@ -2,7 +2,11 @@ import type { ChartSeriesType } from "../models/seriesType/config.js";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.js").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean, useCurrentSeriesMaxLength?: boolean): (event: KeyboardEvent) => ((currentItem: {
+  type: Exclude<ChartSeriesType, "sankey" | "heatmap">;
+  seriesId: import("../index.js").SeriesId;
+  dataIndex?: number;
+} | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.js").SeriesIdToType;

package/internals/createSvgIcon.d.mts

@@ -1,3 +1,3 @@
 import type * as React from 'react';
-import { type ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.mjs";
+import type { ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.mjs";
 export declare const createSvgIcon: (path: React.ReactNode, displayName?: string) => (props: ChartBaseIconProps) => React.ReactNode;

package/internals/createSvgIcon.d.ts

@@ -1,3 +1,3 @@
 import type * as React from 'react';
-import { type ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.js";
+import type { ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.js";
 export declare const createSvgIcon: (path: React.ReactNode, displayName?: string) => (props: ChartBaseIconProps) => React.ReactNode;

package/internals/dateHelpers.d.mts

@@ -1,6 +1,6 @@
-import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type AxisConfig } from "../models/index.mjs";
-import { type ChartsAxisProps } from "../models/axis.mjs";
+import type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import type { AxisConfig } from "../models/index.mjs";
+import type { ChartsAxisProps } from "../models/axis.mjs";
 /**
  * Checks if the provided data array contains Date objects.
  * @param data The data array to check.

package/internals/dateHelpers.d.ts

@@ -1,6 +1,6 @@
-import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type AxisConfig } from "../models/index.js";
-import { type ChartsAxisProps } from "../models/axis.js";
+import type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import type { AxisConfig } from "../models/index.js";
+import type { ChartsAxisProps } from "../models/axis.js";
 /**
  * Checks if the provided data array contains Date objects.
  * @param data The data array to check.

package/internals/defaultValueFormatters.d.mts

@@ -1,4 +1,4 @@
-import { type AxisValueFormatterContext, type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.mjs";
+import type { AxisValueFormatterContext, ContinuousScaleName, D3ContinuousScale } from "../models/axis.mjs";
 /**
  * Creates a default formatter function for continuous scales (e.g., linear, sqrt, log).
  * @returns A formatter function for continuous values.

package/internals/defaultValueFormatters.d.ts

@@ -1,4 +1,4 @@
-import { type AxisValueFormatterContext, type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.js";
+import type { AxisValueFormatterContext, ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
 /**
  * Creates a default formatter function for continuous scales (e.g., linear, sqrt, log).
  * @returns A formatter function for continuous values.

package/internals/getCurve.d.mts

@@ -1,2 +1,2 @@
-import { type CurveType } from "../models/curve.mjs";
+import type { CurveType } from "../models/curve.mjs";
 export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;

package/internals/getCurve.d.ts

@@ -1,2 +1,2 @@
-import { type CurveType } from "../models/curve.js";
+import type { CurveType } from "../models/curve.js";
 export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;

package/internals/getGroupingConfig.d.mts

@@ -0,0 +1,6 @@
+import type { AxisGroup } from "../models/axis.mjs";
+export declare const getGroupingConfig: (groups: AxisGroup[], groupIndex: number, tickSize: number | undefined, computedGroupTickSizes?: number[]) => {
+  tickSize: number;
+  getValue: (value: any, dataIndex: number) => string | number | Date;
+  tickLabelStyle?: import("../index.mjs").ChartsTextProps["style"];
+};

package/internals/getGroupingConfig.d.ts

@@ -0,0 +1,6 @@
+import type { AxisGroup } from "../models/axis.js";
+export declare const getGroupingConfig: (groups: AxisGroup[], groupIndex: number, tickSize: number | undefined, computedGroupTickSizes?: number[]) => {
+  tickSize: number;
+  getValue: (value: any, dataIndex: number) => string | number | Date;
+  tickLabelStyle?: import("../index.js").ChartsTextProps["style"];
+};

package/internals/getGroupingConfig.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGroupingConfig = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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
+  });
+};
+exports.getGroupingConfig = getGroupingConfig;

package/internals/getGroupingConfig.mjs

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const DEFAULT_GROUPING_CONFIG = {
+  tickSize: 6
+};
+export 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
+  });
+};

package/internals/getScale.d.mts

@@ -1,3 +1,3 @@
-import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.mjs";
+import type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import type { ContinuousScaleName, D3ContinuousScale } from "../models/axis.mjs";
 export declare function getScale<Domain extends NumberValue = any, Range = any>(scaleType: ContinuousScaleName, domain: Iterable<Domain>, range: readonly Range[]): D3ContinuousScale<Range, Range>;

package/internals/getScale.d.ts

@@ -1,3 +1,3 @@
-import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.js";
+import type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import type { ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
 export declare function getScale<Domain extends NumberValue = any, Range = any>(scaleType: ContinuousScaleName, domain: Iterable<Domain>, range: readonly Range[]): D3ContinuousScale<Range, Range>;

package/internals/getSeriesColorFn.d.mts

@@ -1,5 +1,5 @@
-import { type ColorCallbackValue, type SeriesColor } from "../models/seriesType/common.mjs";
-import { type ChartSeriesType, type ChartsSeriesConfig } from "../models/seriesType/config.mjs";
+import type { ColorCallbackValue, SeriesColor } from "../models/seriesType/common.mjs";
+import type { ChartSeriesType, ChartsSeriesConfig } from "../models/seriesType/config.mjs";
 export declare function getSeriesColorFn<TValue extends ChartsSeriesConfig[ChartSeriesType]['valueType']>(series: {
   color: NonNullable<SeriesColor<TValue>['color']>;
   colorGetter?: SeriesColor<TValue>['colorGetter'];

package/internals/getSeriesColorFn.d.ts

@@ -1,5 +1,5 @@
-import { type ColorCallbackValue, type SeriesColor } from "../models/seriesType/common.js";
-import { type ChartSeriesType, type ChartsSeriesConfig } from "../models/seriesType/config.js";
+import type { ColorCallbackValue, SeriesColor } from "../models/seriesType/common.js";
+import type { ChartSeriesType, ChartsSeriesConfig } from "../models/seriesType/config.js";
 export declare function getSeriesColorFn<TValue extends ChartsSeriesConfig[ChartSeriesType]['valueType']>(series: {
   color: NonNullable<SeriesColor<TValue>['color']>;
   colorGetter?: SeriesColor<TValue>['colorGetter'];

package/internals/invertScale.d.mts

@@ -1,4 +1,4 @@
-import { type D3OrdinalScale, type D3Scale } from "../models/axis.mjs";
+import type { D3OrdinalScale, D3Scale } from "../models/axis.mjs";
 export declare function invertScale<T>(scale: D3Scale, data: readonly T[], value: number): number | Date | T;
 /**
  * Get the data index for a given value on an ordinal scale.

package/internals/invertScale.d.ts

@@ -1,4 +1,4 @@
-import { type D3OrdinalScale, type D3Scale } from "../models/axis.js";
+import type { D3OrdinalScale, D3Scale } from "../models/axis.js";
 export declare function invertScale<T>(scale: D3Scale, data: readonly T[], value: number): number | Date | T;
 /**
  * Get the data index for a given value on an ordinal scale.

package/internals/invertTextAnchor.d.mts

@@ -1,2 +1,2 @@
-import { type ChartsTextStyle } from "../ChartsText/index.mjs";
+import type { ChartsTextStyle } from "../ChartsText/index.mjs";
 export declare function invertTextAnchor(textAnchor: ChartsTextStyle['textAnchor']): ChartsTextStyle['textAnchor'];

package/internals/invertTextAnchor.d.ts

@@ -1,2 +1,2 @@
-import { type ChartsTextStyle } from "../ChartsText/index.js";
+import type { ChartsTextStyle } from "../ChartsText/index.js";
 export declare function invertTextAnchor(textAnchor: ChartsTextStyle['textAnchor']): ChartsTextStyle['textAnchor'];

package/internals/isCartesian.d.mts

@@ -1,3 +1,3 @@
-import { type CartesianChartSeriesType, type ChartSeriesDefaultized, type ChartSeriesType } from "../models/seriesType/config.mjs";
+import type { CartesianChartSeriesType, ChartSeriesDefaultized, ChartSeriesType } from "../models/seriesType/config.mjs";
 export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
 export declare function isCartesianSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<CartesianChartSeriesType>;

package/internals/isCartesian.d.ts

@@ -1,3 +1,3 @@
-import { type CartesianChartSeriesType, type ChartSeriesDefaultized, type ChartSeriesType } from "../models/seriesType/config.js";
+import type { CartesianChartSeriesType, ChartSeriesDefaultized, ChartSeriesType } from "../models/seriesType/config.js";
 export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
 export declare function isCartesianSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<CartesianChartSeriesType>;

package/internals/isPolar.d.mts

@@ -1,3 +1,3 @@
-import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.mjs";
+import type { ChartSeriesType, ChartSeriesDefaultized, PolarChartSeriesType } from "../models/seriesType/config.mjs";
 export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
 export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/isPolar.d.ts

@@ -1,3 +1,3 @@
-import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.js";
+import type { ChartSeriesType, ChartSeriesDefaultized, PolarChartSeriesType } from "../models/seriesType/config.js";
 export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
 export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/material/index.d.mts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.mjs";
-import { type ChartsIconSlots } from "../../models/slots/chartsIconSlots.mjs";
+import type { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.mjs";
+import type { ChartsIconSlots } from "../../models/slots/chartsIconSlots.mjs";
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
 export type ChartsSlotProps = { [key in keyof ChartsSlots]: React.ComponentProps<ChartsSlots[key]> };
 export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/material/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
-import { type ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
+import type { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
+import type { ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
 export type ChartsSlotProps = { [key in keyof ChartsSlots]: React.ComponentProps<ChartsSlots[key]> };
 export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/plugins/allPlugins.d.mts

@@ -1,15 +1,15 @@
-import { type ChartSeriesType } from "../../models/seriesType/config.mjs";
-import { type UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.mjs";
-import { type UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.mjs";
-import { type UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.mjs";
-import { type UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.mjs";
-import { type UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.mjs";
-import { type UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.mjs";
-import { type UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.mjs";
-import { type UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.mjs";
-import { type UseChartVisibilityManagerSignature } from "./featurePlugins/useChartVisibilityManager/index.mjs";
-import { type UseChartTooltipSignature } from "./featurePlugins/useChartTooltip/index.mjs";
-import { type UseProgressiveRenderingSignature } from "./featurePlugins/useProgressiveRendering/index.mjs";
+import type { ChartSeriesType } from "../../models/seriesType/config.mjs";
+import type { UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.mjs";
+import type { UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.mjs";
+import type { UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.mjs";
+import type { UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.mjs";
+import type { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.mjs";
+import type { UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.mjs";
+import type { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.mjs";
+import type { UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.mjs";
+import type { UseChartVisibilityManagerSignature } from "./featurePlugins/useChartVisibilityManager/index.mjs";
+import type { UseChartTooltipSignature } from "./featurePlugins/useChartTooltip/index.mjs";
+import type { UseProgressiveRenderingSignature } from "./featurePlugins/useProgressiveRendering/index.mjs";
 export type AllPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartPolarAxisSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export type DefaultPluginSignatures<SeriesType extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<SeriesType>, UseChartInteractionSignature, UseChartCartesianAxisSignature<SeriesType>, UseChartHighlightSignature<SeriesType>, UseChartVisibilityManagerSignature<SeriesType>, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseProgressiveRenderingSignature];
 export declare const DEFAULT_PLUGINS: readonly [import("./models/index.mjs").ChartPlugin<UseChartZAxisSignature>, import("./models/index.mjs").ChartPlugin<UseChartBrushSignature>, import("./models/index.mjs").ChartPlugin<UseChartTooltipSignature<any>>, import("./models/index.mjs").ChartPlugin<UseChartInteractionSignature>, import("./models/index.mjs").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.mjs").ChartPlugin<UseChartHighlightSignature<any>>, import("./models/index.mjs").ChartPlugin<UseChartVisibilityManagerSignature<any>>, import("./models/index.mjs").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.mjs").ChartPlugin<UseChartKeyboardNavigationSignature>, import("./models/index.mjs").ChartPlugin<UseProgressiveRenderingSignature>];