@mui/x-charts 8.21.0 → 8.22.1

package/ChartsXAxis/ChartsXAxisImpl.d.ts

@@ -1,6 +1,6 @@
-import { AxisScaleConfig, ChartsXAxisProps, ComputedAxis } from "../models/axis.js";
+import type { ChartsXAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 interface ChartsXAxisImplProps extends Omit<ChartsXAxisProps, 'axis'> {
-  axis: ComputedAxis<keyof AxisScaleConfig, any, ChartsXAxisProps>;
+  axis: ComputedAxis<ScaleName, any, ChartsXAxisProps>;
 }
 /**
  * @ignore - internal component. Use `ChartsXAxis` instead.

package/ChartsXAxis/ChartsXAxisImpl.js

@@ -23,7 +23,7 @@ var _domUtils = require("../internals/domUtils");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axis"],
-  _excluded2 = ["scale", "tickNumber", "reverse"];
+  _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 const XAxisRoot = (0, _styles.styled)(_AxisSharedComponents.AxisRoot, {
   name: 'MuiChartsXAxis',
   slot: 'Root'
@@ -36,8 +36,11 @@ function ChartsXAxisImpl(_ref) {
       axis
     } = _ref,
     inProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  // @ts-expect-error ordinalTimeTicks may not be present on all axis types
+  // Should be set to never, but this causes other issues with proptypes generator.
   const {
-      scale: xScale
+      scale: xScale,
+      ordinalTimeTicks
     } = axis,
     settings = (0, _objectWithoutPropertiesLoose2.default)(axis, _excluded2);
 
@@ -94,7 +97,8 @@ function ChartsXAxisImpl(_ref) {
   let children = null;
   if (!skipTickRendering) {
     children = 'groups' in axis && Array.isArray(axis.groups) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedXAxisTicks.ChartsGroupedXAxisTicks, (0, _extends2.default)({}, inProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSingleXAxisTicks.ChartsSingleXAxisTicks, (0, _extends2.default)({}, inProps, {
-      axisLabelHeight: labelHeight
+      axisLabelHeight: labelHeight,
+      ordinalTimeTicks: ordinalTimeTicks
     }));
   }
   const labelRefPoint = {

package/ChartsXAxis/getVisibleLabels.d.ts

@@ -1,5 +1,5 @@
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsXAxisProps, ComputedXAxis } from "../models/axis.js";
+import { type TickItemType } from "../hooks/useTicks.js";
+import { type ChartsXAxisProps, type ComputedXAxis } from "../models/axis.js";
 export declare function getVisibleLabels<T extends TickItemType>(xTicks: T[], {
   tickLabelStyle: style,
   tickLabelInterval,

package/ChartsXAxis/shortenLabels.d.ts

@@ -1,4 +1,4 @@
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsXAxisProps } from "../models/axis.js";
-import { ChartDrawingArea } from "../hooks/useDrawingArea.js";
+import { type TickItemType } from "../hooks/useTicks.js";
+import { type ChartsXAxisProps } from "../models/axis.js";
+import { type ChartDrawingArea } from "../hooks/useDrawingArea.js";
 export declare function shortenLabels(visibleLabels: Set<TickItemType>, drawingArea: Pick<ChartDrawingArea, 'left' | 'width' | 'right'>, maxHeight: number, isRtl: boolean, tickLabelStyle: ChartsXAxisProps['tickLabelStyle']): Map<TickItemType, string>;

package/ChartsXAxis/useAxisTicksProps.d.ts

@@ -1,5 +1,5 @@
-import { ChartsXAxisProps } from "../models/axis.js";
-import { ChartsText, ChartsTextProps } from "../ChartsText/index.js";
+import { type ChartsXAxisProps } from "../models/axis.js";
+import { ChartsText, type ChartsTextProps } from "../ChartsText/index.js";
 export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   xScale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
@@ -2573,6 +2573,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2616,6 +2617,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2659,6 +2661,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2702,6 +2705,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2745,6 +2749,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2788,6 +2793,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2831,6 +2837,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2874,6 +2881,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2917,6 +2925,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2960,6 +2969,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -3001,6 +3011,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3042,6 +3053,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3083,6 +3095,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3124,6 +3137,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3165,6 +3179,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3206,6 +3221,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -3247,6 +3263,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -3288,6 +3305,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;

package/ChartsXAxis/utilities.d.ts

@@ -1,4 +1,4 @@
-import { AxisConfig, ChartsXAxisProps } from "../models/axis.js";
+import { type AxisConfig, type ChartsXAxisProps } from "../models/axis.js";
 export declare const useUtilityClasses: (ownerState: Pick<AxisConfig<any, any, ChartsXAxisProps>, "id" | "position" | "classes">) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 3;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 4;

package/ChartsYAxis/ChartsGroupedYAxisTicks.d.ts

@@ -1,4 +1,4 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsYAxisProps } from "../models/axis.js";
 /**
  * @ignore - internal component.
  */

package/ChartsYAxis/ChartsSingleYAxisTicks.d.ts

@@ -1,6 +1,8 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import type { ChartsYAxisProps } from "../models/axis.js";
+import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
   axisLabelHeight: number;
+  ordinalTimeTicks?: OrdinalTimeTicks;
 }
 /**
  * @ignore - internal component.

package/ChartsYAxis/ChartsSingleYAxisTicks.js

@@ -23,7 +23,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 function ChartsSingleYAxisTicks(inProps) {
   const {
-    axisLabelHeight
+    axisLabelHeight,
+    ordinalTimeTicks
   } = inProps;
   const {
     yScale,
@@ -62,7 +63,8 @@ function ChartsSingleYAxisTicks(inProps) {
     tickLabelPlacement,
     tickInterval,
     tickSpacing,
-    direction: 'y'
+    direction: 'y',
+    ordinalTimeTicks
   });
 
   /* If there's an axis title, the tick labels have less space to render  */

package/ChartsYAxis/ChartsYAxis.d.ts

@@ -1,4 +1,4 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsYAxisProps } from "../models/axis.js";
 /**
  * Demos:
  *

package/ChartsYAxis/ChartsYAxisImpl.d.ts

@@ -1,6 +1,6 @@
-import { AxisScaleConfig, ChartsYAxisProps, ComputedAxis } from "../models/axis.js";
+import type { ChartsYAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
-  axis: ComputedAxis<keyof AxisScaleConfig, any, ChartsYAxisProps>;
+  axis: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
 }
 /**
  * @ignore - internal component. Use `ChartsYAxis` instead.

package/ChartsYAxis/ChartsYAxisImpl.js

@@ -24,7 +24,7 @@ var _domUtils = require("../internals/domUtils");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axis"],
-  _excluded2 = ["scale", "tickNumber", "reverse"];
+  _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 const YAxisRoot = (0, _styles.styled)(_AxisSharedComponents.AxisRoot, {
   name: 'MuiChartsYAxis',
   slot: 'Root'
@@ -37,8 +37,11 @@ function ChartsYAxisImpl(_ref) {
       axis
     } = _ref,
     inProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  // @ts-expect-error ordinalTimeTicks may not be present on all axis types
+  // Should be set to never, but this causes other issues with proptypes generator.
   const {
-      scale: yScale
+      scale: yScale,
+      ordinalTimeTicks
     } = axis,
     settings = (0, _objectWithoutPropertiesLoose2.default)(axis, _excluded2);
   const isHydrated = (0, _useIsHydrated.useIsHydrated)();
@@ -114,7 +117,8 @@ function ChartsYAxisImpl(_ref) {
   let children = null;
   if (!skipTickRendering) {
     children = 'groups' in axis && Array.isArray(axis.groups) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedYAxisTicks.ChartsGroupedYAxisTicks, (0, _extends2.default)({}, inProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSingleYAxisTicks.ChartsSingleYAxisTicks, (0, _extends2.default)({}, inProps, {
-      axisLabelHeight: axisLabelHeight
+      axisLabelHeight: axisLabelHeight,
+      ordinalTimeTicks: ordinalTimeTicks
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YAxisRoot, {

package/ChartsYAxis/shortenLabels.d.ts

@@ -1,4 +1,4 @@
-import { ChartDrawingArea } from "../hooks/index.js";
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsYAxisProps } from "../models/index.js";
+import { type ChartDrawingArea } from "../hooks/index.js";
+import { type TickItemType } from "../hooks/useTicks.js";
+import { type ChartsYAxisProps } from "../models/index.js";
 export declare function shortenLabels(visibleLabels: TickItemType[], drawingArea: Pick<ChartDrawingArea, 'top' | 'height' | 'bottom'>, maxWidth: number, isRtl: boolean, tickLabelStyle: ChartsYAxisProps['tickLabelStyle']): Map<TickItemType, string>;

package/ChartsYAxis/useAxisTicksProps.d.ts

@@ -1,5 +1,5 @@
-import { ChartsYAxisProps } from "../models/axis.js";
-import { ChartsText, ChartsTextProps } from "../ChartsText/index.js";
+import { type ChartsYAxisProps } from "../models/axis.js";
+import { ChartsText, type ChartsTextProps } from "../ChartsText/index.js";
 export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
   yScale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number, never> | import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
@@ -2509,6 +2509,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2551,6 +2552,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2593,6 +2595,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2635,6 +2638,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2677,6 +2681,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2719,6 +2724,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2761,6 +2767,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2803,6 +2810,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2845,6 +2853,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "band";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.js").AxisGroup[];
@@ -2887,6 +2896,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -2927,6 +2937,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -2967,6 +2978,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3007,6 +3019,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3047,6 +3060,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3087,6 +3101,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
@@ -3127,6 +3142,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -3167,6 +3183,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
@@ -3207,6 +3224,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "point";
+    ordinalTimeTicks?: import("../index.js").OrdinalTimeTicks;
     groups?: import("../internals/index.js").AxisGroup[];
     colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;

package/ChartsYAxis/utilities.d.ts

@@ -1,4 +1,4 @@
-import { AxisConfig, ChartsYAxisProps } from "../models/axis.js";
+import { type AxisConfig, type ChartsYAxisProps } from "../models/axis.js";
 export declare const useUtilityClasses: (ownerState: AxisConfig<any, any, ChartsYAxisProps>) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 2;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 2;

package/Gauge/Gauge.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { GaugeContainerProps } from "./GaugeContainer.js";
-import { GaugeClasses } from "./gaugeClasses.js";
-import { GaugeValueTextProps } from "./GaugeValueText.js";
+import { type GaugeContainerProps } from "./GaugeContainer.js";
+import { type GaugeClasses } from "./gaugeClasses.js";
+import { type GaugeValueTextProps } from "./GaugeValueText.js";
 export interface GaugeProps extends GaugeContainerProps, Pick<GaugeValueTextProps, 'text'> {
   classes?: Partial<GaugeClasses>;
   children?: React.ReactNode;

package/Gauge/GaugeContainer.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { GaugeProviderProps } from "./GaugeProvider.js";
-import { MergeSignaturesProperty } from "../internals/plugins/models/index.js";
-import { ChartCorePluginSignatures } from "../internals/plugins/corePlugins/index.js";
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type GaugeProviderProps } from "./GaugeProvider.js";
+import { type MergeSignaturesProperty } from "../internals/plugins/models/index.js";
+import { type ChartCorePluginSignatures } from "../internals/plugins/corePlugins/index.js";
 export interface GaugeContainerProps extends Omit<ChartsSurfaceProps, 'children'>, Omit<MergeSignaturesProperty<ChartCorePluginSignatures, 'params'>, 'series' | 'dataset' | 'colors' | 'theme' | 'experimentalFeatures'>, Omit<GaugeProviderProps, 'children'>, Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height'> {
   children?: React.ReactNode;
 }

package/Gauge/GaugeValueText.d.ts

@@ -1,4 +1,4 @@
-import { ChartsTextProps } from "../ChartsText/index.js";
+import { type ChartsTextProps } from "../ChartsText/index.js";
 export interface GaugeFormatterParams {
   value: number | null;
   valueMin: number;

package/LineChart/AppearingMask.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SeriesId } from "../models/seriesType/common.js";
+import { type SeriesId } from "../models/seriesType/common.js";
 interface AppearingMaskProps {
   id: SeriesId;
   skipAnimation?: boolean;

package/LineChart/AreaElement.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { AnimatedAreaProps } from "./AnimatedArea.js";
-import { SeriesId } from "../models/seriesType/common.js";
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type AnimatedAreaProps } from "./AnimatedArea.js";
+import { type SeriesId } from "../models/seriesType/common.js";
 export interface AreaElementClasses {
   /** Styles applied to the root element. */
   root: string;

package/LineChart/AreaPlot.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { AreaElementProps, AreaElementSlotProps, AreaElementSlots } from "./AreaElement.js";
-import { LineItemIdentifier } from "../models/seriesType/line.js";
+import { type AreaElementProps, type AreaElementSlotProps, type AreaElementSlots } from "./AreaElement.js";
+import { type LineItemIdentifier } from "../models/seriesType/line.js";
 export interface AreaPlotSlots extends AreaElementSlots {}
 export interface AreaPlotSlotProps extends AreaElementSlotProps {}
 export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<AreaElementProps, 'slots' | 'slotProps' | 'skipAnimation'> {

package/LineChart/AreaPlot.js

@@ -17,6 +17,7 @@ var _useSkipAnimation = require("../hooks/useSkipAnimation");
 var _useAxis = require("../hooks/useAxis");
 var _useInternalIsZoomInteracting = require("../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting");
 var _useAreaPlotData = require("./useAreaPlotData");
+var _animation = require("../internals/animation/animation");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "onItemClick", "skipAnimation"];
 const AreaPlotRoot = (0, _styles.styled)('g', {
@@ -24,7 +25,9 @@ const AreaPlotRoot = (0, _styles.styled)('g', {
   slot: 'Root'
 })({
   [`& .${_AreaElement.areaElementClasses.root}`]: {
-    transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
+    transitionProperty: 'opacity, fill',
+    transitionDuration: `${_animation.ANIMATION_DURATION_MS}ms`,
+    transitionTimingFunction: _animation.ANIMATION_TIMING_FUNCTION
   }
 });
 const useAggregatedData = () => {

package/LineChart/CircleMarkElement.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MarkElementOwnerState } from "./markElementClasses.js";
+import { type MarkElementOwnerState } from "./markElementClasses.js";
 export type CircleMarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighlighted'> & Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'> & {
   /**
    * If `true`, animations are skipped.

package/LineChart/CircleMarkElement.js

@@ -20,7 +20,7 @@ const _excluded = ["x", "y", "id", "classes", "color", "dataIndex", "onClick", "
 const Circle = (0, _styles.styled)('circle')({
   [`&.${_markElementClasses.markElementClasses.animate}`]: {
     transitionDuration: `${_animation.ANIMATION_DURATION_MS}ms`,
-    transitionProperty: 'cx, cy',
+    transitionProperty: 'cx, cy, opacity',
     transitionTimingFunction: _animation.ANIMATION_TIMING_FUNCTION
   }
 });

package/LineChart/FocusedLineMark.d.ts

@@ -0,0 +1 @@
+export declare function FocusedLineMark(): import("react/jsx-runtime").JSX.Element | null;

package/LineChart/{FocusedMark.js → FocusedLineMark.js}

@@ -4,13 +4,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FocusedMark = FocusedMark;
+exports.FocusedLineMark = FocusedLineMark;
 var _styles = require("@mui/material/styles");
 var _useFocusedItem = require("../hooks/useFocusedItem");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 const RADIUS = 6;
-function FocusedMark() {
+function FocusedLineMark() {
   const theme = (0, _styles.useTheme)();
   const focusedItem = (0, _useFocusedItem.useFocusedItem)();
   const lineSeries = (0, _hooks.useLineSeriesContext)();