npm - @mui/x-charts - Versions diffs - 9.0.0-alpha.2 → 9.0.0-alpha.4 - Mend

@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (684) hide show

package/ChartsXAxis/useAxisTicksProps.d.mts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { type ChartsXAxisProps } from "../models/axis.mjs";
 import { ChartsText, type ChartsTextProps } from "../ChartsText/index.mjs";
 export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
-  xScale: import("packages/x-charts-vendor/build/d3-scale").ScaleTime<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleLinear<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleLogarithmic<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleBand<{
+  xScale: import("packages/x-charts-vendor/build/d3-scale").ScaleLinear<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleTime<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleLogarithmic<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScaleBand<{
     toString(): string;
   }> | import("packages/x-charts-vendor/build/d3-scale").ScalePoint<{
     toString(): string;
@@ -9,6 +9,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   defaultizedProps: {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -29,12 +30,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -43,12 +44,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    scaleType: "linear";
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -69,12 +71,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -83,12 +85,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    scaleType: "linear";
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -109,12 +112,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -123,12 +126,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -149,12 +153,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -163,12 +167,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<number, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -189,12 +194,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -203,12 +208,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<number, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -229,12 +235,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -243,12 +249,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -269,12 +276,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -283,12 +290,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -309,12 +317,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -323,12 +331,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -349,12 +358,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -363,12 +372,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "time";
+    scaleType: "linear";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -389,12 +399,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -403,12 +413,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    scaleType: "time";
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -429,12 +440,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -443,12 +454,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    scaleType: "time";
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -469,12 +481,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -483,12 +495,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -509,12 +522,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -523,12 +536,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<number, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -549,12 +563,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -563,12 +577,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleOrdinal<number, string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -589,12 +604,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -603,12 +618,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -629,12 +645,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -643,12 +659,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -669,12 +686,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -683,12 +700,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -709,12 +727,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -723,12 +741,13 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     }) | undefined;
     ignoreTooltip?: boolean | undefined;
     offset: number;
-    scaleType: "linear";
+    scaleType: "time";
     colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -749,12 +768,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -764,11 +783,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "log";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -789,12 +809,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -804,11 +824,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "log";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -829,12 +850,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -849,6 +870,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -869,12 +891,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -889,6 +911,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -909,12 +932,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -929,6 +952,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -949,12 +973,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -969,6 +993,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -989,12 +1014,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1009,6 +1034,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1029,12 +1055,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1049,6 +1075,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1069,12 +1096,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1089,6 +1116,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1109,12 +1137,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1128,11 +1156,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.mjs").AxisGroup[];
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1153,12 +1182,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1172,11 +1201,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     categoryGapRatio: number;
     barGapRatio: number;
     groups?: import("../internals/index.mjs").AxisGroup[];
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1197,12 +1227,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1221,6 +1251,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1241,12 +1272,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1265,6 +1296,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1285,12 +1317,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1309,6 +1341,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1329,12 +1362,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1353,6 +1386,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1373,12 +1407,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1397,6 +1431,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1417,12 +1452,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1441,6 +1476,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1461,12 +1497,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1485,6 +1521,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1505,12 +1542,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1522,11 +1559,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     scaleType: "point";
     ordinalTimeTicks?: import("../index.mjs").OrdinalTimeTicks;
     groups?: import("../internals/index.mjs").AxisGroup[];
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1547,12 +1585,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1564,11 +1602,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     scaleType: "point";
     ordinalTimeTicks?: import("../index.mjs").OrdinalTimeTicks;
     groups?: import("../internals/index.mjs").AxisGroup[];
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1589,12 +1628,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1611,6 +1650,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1631,12 +1671,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1653,6 +1693,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1673,12 +1714,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1695,6 +1736,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1715,12 +1757,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1737,6 +1779,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1757,12 +1800,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
-    height: number;
-    position?: "top" | "bottom" | "none";
-    zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
     dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
     valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
+    height: number;
+    position?: "top" | "bottom" | "none";
+    zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1779,6 +1822,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1799,12 +1843,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1821,6 +1865,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1841,12 +1886,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").OrdinalColorConfig | import("../models/colorMapping.mjs").ContinuousColorConfig | import("../models/colorMapping.mjs").PiecewiseColorConfig;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1863,6 +1908,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1883,12 +1929,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1899,11 +1945,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     offset: number;
     scaleType: "symlog";
     constant?: number;
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1924,12 +1971,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1940,11 +1987,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     offset: number;
     scaleType: "symlog";
     constant?: number;
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1965,12 +2013,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -1986,6 +2034,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2006,12 +2055,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2027,6 +2076,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2047,12 +2097,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2068,6 +2118,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2088,12 +2139,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2109,6 +2160,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2129,12 +2181,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2150,6 +2202,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2170,12 +2223,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2191,6 +2244,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2211,12 +2265,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2232,6 +2286,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2252,12 +2307,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2267,11 +2322,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "pow";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2292,12 +2348,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2307,11 +2363,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "pow";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2332,12 +2389,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2352,6 +2409,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2372,12 +2430,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2392,6 +2450,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2412,12 +2471,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2432,6 +2491,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2452,12 +2512,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2472,6 +2532,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2492,12 +2553,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2512,6 +2573,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2532,12 +2594,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2552,6 +2614,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2572,12 +2635,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2592,6 +2655,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2612,12 +2676,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2627,11 +2691,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "sqrt";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2652,12 +2717,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2667,11 +2732,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "sqrt";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2692,12 +2758,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2712,6 +2778,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2732,12 +2799,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2752,6 +2819,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2772,12 +2840,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2792,6 +2860,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2812,12 +2881,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2832,6 +2901,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2852,12 +2922,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2872,6 +2942,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2892,12 +2963,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2912,6 +2983,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2932,12 +3004,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2952,6 +3024,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2972,12 +3045,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -2987,11 +3060,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "utc";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3012,12 +3086,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3027,11 +3101,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     ignoreTooltip?: boolean | undefined;
     offset: number;
     scaleType: "utc";
-    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number, string | null>;
+    colorScale?: import("packages/x-charts-vendor/build/d3-scale").ScaleSequential<string, string | null> | import("packages/x-charts-vendor/build/d3-scale").ScaleThreshold<number | Date, string | null>;
     triggerTooltip?: boolean;
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3052,12 +3127,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3072,6 +3147,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3092,12 +3168,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3112,6 +3188,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3132,12 +3209,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3152,6 +3229,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3172,12 +3250,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3192,6 +3270,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3212,12 +3291,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3232,6 +3311,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3252,12 +3332,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3272,6 +3352,7 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
   } | {
     axis?: "x";
     tickLabelMinGap: number;
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3292,12 +3373,12 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
+    dataKey?: string | undefined;
+    id: import("../internals/index.mjs").AxisId;
+    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     height: number;
     position?: "top" | "bottom" | "none";
     zoom: import("../internals/index.mjs").DefaultizedZoomOptions | undefined;
-    id: import("../internals/index.mjs").AxisId;
-    dataKey?: string | undefined;
-    valueFormatter?: (<TScaleName extends keyof import("../internals/index.mjs").AxisScaleConfig>(value: any, context: import("../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
     colorMap?: import("../models/colorMapping.mjs").ContinuousColorConfig<number | Date> | import("../models/colorMapping.mjs").PiecewiseColorConfig<number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     domainLimit?: "nice" | "strict" | ((min: import("packages/x-charts-vendor/build/d3-scale").NumberValue, max: import("packages/x-charts-vendor/build/d3-scale").NumberValue) => {
@@ -3323,6 +3404,10 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     type?: string | undefined | undefined;
     filter?: string | undefined | undefined;
     values?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    min?: number | string | undefined | undefined;
+    max?: number | string | undefined | undefined;
     slot?: string | undefined | undefined;
     clipPath?: string | undefined | undefined;
     mask?: string | undefined | undefined;
@@ -3334,7 +3419,6 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
     baselineShift?: number | string | undefined | undefined;
     clipRule?: number | string | undefined | undefined;
-    color?: string | undefined | undefined;
     colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined | undefined;
     cursor?: number | string | undefined | undefined;
     cx?: number | string | undefined | undefined;
@@ -3398,7 +3482,6 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     key?: import("react").Key | null | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
@@ -3629,13 +3712,11 @@ export declare function useAxisTicksProps(inProps: ChartsXAxisProps): {
     onTransitionRunCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStart?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<SVGTextElement> | undefined;
-    min?: number | string | undefined | undefined;
-    max?: number | string | undefined | undefined;
+    mode?: number | string | undefined | undefined;
     href?: string | undefined | undefined;
     media?: string | undefined | undefined;
     target?: string | undefined | undefined;
     end?: number | string | undefined | undefined;
-    mode?: number | string | undefined | undefined;
     ideographic?: number | string | undefined | undefined;
     alphabetic?: number | string | undefined | undefined;
     hanging?: number | string | undefined | undefined;