@mui/x-charts 8.20.0 → 8.22.0

package/esm/ChartContainer/ChartContainer.js

@@ -208,6 +208,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   })),
   /**
@@ -253,6 +254,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     labelGap: PropTypes.number,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -269,6 +275,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -306,6 +313,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     labelGap: PropTypes.number,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),
@@ -322,6 +334,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -367,6 +380,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -413,6 +427,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -458,6 +473,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -503,6 +519,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -552,6 +569,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -601,6 +619,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     classes: PropTypes.object,
@@ -646,6 +665,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   })]).isRequired),
   /**
@@ -722,6 +742,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -738,6 +763,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -774,6 +800,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),
@@ -790,6 +821,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -834,6 +866,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -879,6 +912,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -923,6 +957,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -967,6 +1002,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -1015,6 +1051,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -1063,6 +1100,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
@@ -1107,6 +1145,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func
   })]).isRequired),
   /**
@@ -1150,6 +1189,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -1165,6 +1209,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1201,6 +1246,11 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),
@@ -1216,6 +1266,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1259,6 +1310,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1303,6 +1355,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1346,6 +1399,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1389,6 +1443,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1436,6 +1491,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1483,6 +1539,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   }), PropTypes.shape({
@@ -1526,6 +1583,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     tickNumber: PropTypes.number,
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
+    tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
   })]).isRequired),

package/esm/ChartContainer/useChartContainerProps.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import type * as React from 'react';
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type ChartDataProviderProps } from "../ChartDataProvider/index.js";
 import type { ChartContainerProps } from "./ChartContainer.js";
-import { ChartSeriesType } from "../models/seriesType/config.js";
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
 export type UseChartContainerPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = {
   chartDataProviderProps: Omit<ChartDataProviderProps<TSeries, TSignatures>, 'children'>;
   chartsSurfaceProps: ChartsSurfaceProps & {

package/esm/ChartDataProvider/ChartDataProvider.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { ChartsSlotProps, ChartsSlots } from "../internals/material/index.js";
-import { ChartProviderProps } from "../context/ChartProvider/index.js";
-import { ChartSeriesType } from "../models/seriesType/config.js";
-import { ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
+import { type ChartProviderProps } from "../context/ChartProvider/index.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
 export type ChartDataProviderProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = React.PropsWithChildren<ChartProviderProps<TSeries, TSignatures>['pluginParams'] & Pick<ChartProviderProps<TSeries, TSignatures>, 'seriesConfig' | 'plugins'>> & ChartsLocalizationProviderProps & {
   /**
    * Slots to customize charts' components.

package/esm/ChartDataProvider/useChartDataProviderProps.d.ts

@@ -1,9 +1,9 @@
 import type { ChartDataProviderProps } from "./ChartDataProvider.js";
-import { ChartProviderProps } from "../context/ChartProvider/index.js";
-import { ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
-import { ChartSeriesType } from "../models/seriesType/config.js";
-import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+import { type ChartProviderProps } from "../context/ChartProvider/index.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
 export declare const useChartDataProviderProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(inProps: ChartDataProviderProps<TSeries, TSignatures> & ChartsLocalizationProviderProps) => {
   children: import("react").ReactNode;
   localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;

package/esm/ChartsAxis/ChartsAxis.d.ts

@@ -1,4 +1,4 @@
-import { ChartsAxisSlotProps, ChartsAxisSlots } from "../models/axis.js";
+import { type ChartsAxisSlotProps, type ChartsAxisSlots } from "../models/axis.js";
 export interface ChartsAxisProps {
   /**
    * Overridable component slots.

package/esm/ChartsAxisHighlight/ChartsAxisHighlight.d.ts

@@ -1,4 +1,4 @@
-import { ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
+import { type ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
 /**
  * Demos:
  *

package/esm/ChartsAxisHighlight/ChartsAxisHighlightPath.d.ts

@@ -1,4 +1,4 @@
-import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
+import { type ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
 export declare const ChartsAxisHighlightPath: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: {
     axisHighlight: ChartsAxisHighlightType;

package/esm/ChartsAxisHighlight/ChartsXAxisHighlight.d.ts

@@ -1,5 +1,5 @@
-import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
-import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
+import { type ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
+import { type ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
  * @ignore - internal component.
  */

package/esm/ChartsAxisHighlight/ChartsYAxisHighlight.d.ts

@@ -1,5 +1,5 @@
-import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
-import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
+import { type ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
+import { type ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
  * @ignore - internal component.
  */

package/esm/ChartsGrid/ChartsGrid.d.ts

@@ -1,4 +1,4 @@
-import { ChartsGridClasses } from "./chartsGridClasses.js";
+import { type ChartsGridClasses } from "./chartsGridClasses.js";
 export interface ChartsGridProps {
   /**
    * Displays vertical grid.

package/esm/ChartsGrid/ChartsHorizontalGrid.d.ts

@@ -1,5 +1,5 @@
-import { ComputedYAxis } from "../models/axis.js";
-import { ChartsGridClasses } from "./chartsGridClasses.js";
+import { type ComputedYAxis } from "../models/axis.js";
+import { type ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridHorizontalProps {
   axis: ComputedYAxis;
   start: number;

package/esm/ChartsGrid/ChartsHorizontalGrid.js

@@ -19,13 +19,16 @@ export function ChartsGridHorizontal(props) {
   const {
     scale,
     tickNumber,
-    tickInterval
+    tickInterval,
+    tickSpacing
   } = axis;
   const yTicks = useTicks({
     scale,
     tickNumber,
     tickInterval,
-    direction: 'y'
+    tickSpacing,
+    direction: 'y',
+    ordinalTimeTicks: 'ordinalTimeTicks' in axis ? axis.ordinalTimeTicks : undefined
   });
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: yTicks.map(({

package/esm/ChartsGrid/ChartsVerticalGrid.d.ts

@@ -1,5 +1,5 @@
-import { ComputedXAxis } from "../models/axis.js";
-import { ChartsGridClasses } from "./chartsGridClasses.js";
+import { type ComputedXAxis } from "../models/axis.js";
+import { type ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridVerticalProps {
   axis: ComputedXAxis;
   start: number;

package/esm/ChartsGrid/ChartsVerticalGrid.js

@@ -19,13 +19,16 @@ export function ChartsGridVertical(props) {
   const {
     scale,
     tickNumber,
-    tickInterval
+    tickInterval,
+    tickSpacing
   } = axis;
   const xTicks = useTicks({
     scale,
     tickNumber,
     tickInterval,
-    direction: 'x'
+    tickSpacing,
+    direction: 'x',
+    ordinalTimeTicks: 'ordinalTimeTicks' in axis ? axis.ordinalTimeTicks : undefined
   });
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: xTicks.map(({

package/esm/ChartsLabel/ChartsLabel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { ChartsLabelClasses } from "./labelClasses.js";
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type ChartsLabelClasses } from "./labelClasses.js";
 export interface ChartsLabelProps {
   /**
    * Override or extend the styles applied to the component.

package/esm/ChartsLabel/ChartsLabelGradient.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { ChartsLabelGradientClasses } from "./labelGradientClasses.js";
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type ChartsLabelGradientClasses } from "./labelGradientClasses.js";
 export interface ChartsLabelGradientProps {
   /**
    * A unique identifier for the gradient.

package/esm/ChartsLabel/ChartsLabelMark.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { ChartsLabelMarkClasses } from "./labelMarkClasses.js";
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type ChartsLabelMarkClasses } from "./labelMarkClasses.js";
 export interface ChartsLabelCustomMarkProps {
   className?: string;
   /** Color of the series this mark refers to. */

package/esm/ChartsLegend/ChartsLegend.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
+import { type SxProps, type Theme } from '@mui/material/styles';
 import type { Direction } from "./direction.js";
-import { SeriesLegendItemContext } from "./legendContext.types.js";
+import { type SeriesLegendItemContext } from "./legendContext.types.js";
 import { type ChartsLegendClasses } from "./chartsLegendClasses.js";
 export interface ChartsLegendProps {
   /**

package/esm/ChartsLegend/ContinuousColorLegend.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { AppendKeys } from '@mui/x-internals/types';
-import { ColorLegendSelector } from "./colorLegend.types.js";
-import { ChartsLabelGradientProps } from "../ChartsLabel/ChartsLabelGradient.js";
-import { Direction } from "./direction.js";
-import { ContinuousColorLegendClasses } from "./continuousColorLegendClasses.js";
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type AppendKeys } from '@mui/x-internals/types';
+import { type ColorLegendSelector } from "./colorLegend.types.js";
+import { type ChartsLabelGradientProps } from "../ChartsLabel/ChartsLabelGradient.js";
+import { type Direction } from "./direction.js";
+import { type ContinuousColorLegendClasses } from "./continuousColorLegendClasses.js";
 type LabelFormatter = (params: {
   value: number | Date;
   formattedValue: string;

package/esm/ChartsLegend/PiecewiseColorLegend.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { PrependKeys } from '@mui/x-internals/types';
-import { ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
-import { Direction } from "./direction.js";
-import { PiecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
-import { ColorLegendSelector } from "./colorLegend.types.js";
-import { PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
-import { PiecewiseColorLegendItemContext } from "./legendContext.types.js";
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type PrependKeys } from '@mui/x-internals/types';
+import { type ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
+import { type Direction } from "./direction.js";
+import { type PiecewiseColorLegendClasses } from "./piecewiseColorLegendClasses.js";
+import { type ColorLegendSelector } from "./colorLegend.types.js";
+import { type PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
+import { type PiecewiseColorLegendItemContext } from "./legendContext.types.js";
 export interface PiecewiseColorLegendProps extends ColorLegendSelector, PrependKeys<Pick<ChartsLabelMarkProps, 'type'>, 'mark'> {
   /**
    * The direction of the legend layout.

package/esm/ChartsLegend/chartsLegend.types.d.ts

@@ -1,7 +1,7 @@
 import type { ChartsLegendProps } from "./ChartsLegend.js";
-import { ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
-import { ChartsLegendPosition } from "./legend.types.js";
-import { PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
+import { type ContinuousColorLegendProps } from "./ContinuousColorLegend.js";
+import { type ChartsLegendPosition } from "./legend.types.js";
+import { type PiecewiseColorLegendProps } from "./PiecewiseColorLegend.js";
 export interface ChartsLegendSlots {
   /**
    * Custom rendering of the legend.

package/esm/ChartsLegend/colorLegend.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from "../models/axis.js";
+import { type AxisId } from "../models/axis.js";
 export interface ColorLegendSelector {
   /**
    * The axis direction containing the color configuration to represent.

package/esm/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -22,5 +22,5 @@ export interface ContinuousColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
+export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "gradient" | "minLabel" | "maxLabel", string>;
 export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/esm/ChartsLegend/legend.types.d.ts

@@ -1,4 +1,4 @@
-import { Position } from "../models/position.js";
+import { type Position } from "../models/position.js";
 export type ChartsLegendPosition = {
   /**
    * The position of the legend in relation to the chart.

package/esm/ChartsLegend/legendContext.types.d.ts

@@ -1,6 +1,6 @@
-import { ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
-import { PieItemId } from "../models/index.js";
-import { SeriesId } from "../models/seriesType/common.js";
+import { type ChartsLabelMarkProps } from "../ChartsLabel/ChartsLabelMark.js";
+import { type PieItemId } from "../models/index.js";
+import { type SeriesId } from "../models/seriesType/common.js";
 interface LegendItemContextBase {
   /**
    * The color used in the legend

package/esm/ChartsLegend/onClickContextBuilder.d.ts

@@ -1,2 +1,2 @@
-import { LegendItemParams, SeriesLegendItemContext } from "./legendContext.types.js";
+import { type LegendItemParams, type SeriesLegendItemContext } from "./legendContext.types.js";
 export declare const seriesContextBuilder: (context: LegendItemParams) => SeriesLegendItemContext;

package/esm/ChartsLegend/piecewiseColorDefaultLabelFormatter.d.ts

@@ -1,2 +1,2 @@
-import { PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
+import { type PiecewiseLabelFormatterParams } from "./piecewiseColorLegend.types.js";
 export declare function piecewiseColorDefaultLabelFormatter(params: PiecewiseLabelFormatterParams): string;

package/esm/ChartsLegend/useAxis.d.ts

@@ -1,6 +1,6 @@
-import { ComputedAxis } from "../models/axis.js";
-import { ZAxisDefaultized } from "../models/z-axis.js";
-import { ColorLegendSelector } from "./colorLegend.types.js";
+import { type ComputedAxis } from "../models/axis.js";
+import { type ZAxisDefaultized } from "../models/z-axis.js";
+import { type ColorLegendSelector } from "./colorLegend.types.js";
 /**
  * Helper to select an axis definition according to its direction and id.
  */

package/esm/ChartsOverlay/ChartsOverlay.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
 export declare function useNoData(): boolean;
 export type CommonOverlayProps = React.SVGAttributes<SVGTextElement> & {
   /**

package/esm/ChartsReferenceLine/ChartsReferenceLine.d.ts

@@ -1,6 +1,6 @@
-import { ChartsXReferenceLineProps } from "./ChartsXReferenceLine.js";
-import { ChartsYReferenceLineProps } from "./ChartsYReferenceLine.js";
-import { XOR } from "../internals/ts-generic.js";
+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 namespace ChartsReferenceLine {

package/esm/ChartsReferenceLine/ChartsXReferenceLine.d.ts

@@ -1,5 +1,5 @@
-import { CommonChartsReferenceLineProps } from "./common.js";
-import { ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
+import { type CommonChartsReferenceLineProps } from "./common.js";
+import { type ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
 export type ChartsXReferenceLineProps<TValue extends string | number | Date = string | number | Date> = CommonChartsReferenceLineProps & {
   /**
    * The x value associated with the reference line.

package/esm/ChartsReferenceLine/ChartsYReferenceLine.d.ts

@@ -1,5 +1,5 @@
-import { CommonChartsReferenceLineProps } from "./common.js";
-import { ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
+import { type CommonChartsReferenceLineProps } from "./common.js";
+import { type ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
 export type ChartsYReferenceLineProps<TValue extends string | number | Date = string | number | Date> = CommonChartsReferenceLineProps & {
   /**
    * The y value associated with the reference line.