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

package/ChartsYAxis/useAxisTicksProps.d.mts

@@ -1,13 +1,14 @@
 import { type ChartsYAxisProps } from "../models/axis.mjs";
 import { ChartsText, type ChartsTextProps } from "../ChartsText/index.mjs";
 export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
-  yScale: 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<{
+  yScale: 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;
   }> | import("packages/x-charts-vendor/build/d3-scale").ScaleSymLog<number, number, never> | import("packages/x-charts-vendor/build/d3-scale").ScalePower<number, number, never>;
   defaultizedProps: {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -28,12 +29,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -42,11 +43,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -67,12 +69,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -81,11 +83,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -106,12 +109,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -120,11 +123,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -145,12 +149,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -159,11 +163,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -184,12 +189,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -198,11 +203,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -223,12 +229,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -237,11 +243,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -262,12 +269,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -276,11 +283,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -301,12 +309,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -315,11 +323,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -340,12 +349,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -354,11 +363,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -379,12 +389,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -393,11 +403,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -418,12 +429,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -432,11 +443,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -457,12 +469,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -471,11 +483,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -496,12 +509,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -510,11 +523,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -535,12 +549,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -549,11 +563,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -574,12 +589,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -588,11 +603,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -613,12 +629,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -627,11 +643,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -652,12 +669,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -666,11 +683,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -691,12 +709,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -705,11 +723,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     }) | 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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -730,12 +749,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -745,10 +764,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -769,12 +789,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -784,10 +804,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -808,12 +829,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -827,6 +848,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -847,12 +869,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -866,6 +888,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -886,12 +909,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -905,6 +928,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -925,12 +949,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -944,6 +968,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -964,12 +989,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -983,6 +1008,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1003,12 +1029,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1022,6 +1048,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1042,12 +1069,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1061,6 +1088,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1081,12 +1109,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1100,10 +1128,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1124,12 +1153,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1143,10 +1172,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1167,12 +1197,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1190,6 +1220,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1210,12 +1241,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1233,6 +1264,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1253,12 +1285,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1276,6 +1308,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1296,12 +1329,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1319,6 +1352,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1339,12 +1373,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1362,6 +1396,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1382,12 +1417,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1405,6 +1440,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1425,12 +1461,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1448,6 +1484,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1468,12 +1505,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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,10 +1522,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1509,12 +1547,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1526,10 +1564,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1550,12 +1589,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1571,6 +1610,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1591,12 +1631,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1612,6 +1652,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1632,12 +1673,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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 +1694,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1673,12 +1715,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1694,6 +1736,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1714,12 +1757,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     tickPlacement?: "start" | "end" | "middle" | "extremities";
     tickLabelPlacement?: "middle" | "tick";
     data?: readonly any[] | undefined;
-    position?: "left" | "right" | "none";
-    width: number;
-    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;
+    position?: "left" | "right" | "none";
+    width: number;
+    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) => {
@@ -1735,6 +1778,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1755,12 +1799,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1776,6 +1820,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1796,12 +1841,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1817,6 +1862,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1837,12 +1883,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1853,10 +1899,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1877,12 +1924,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1893,10 +1940,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1917,12 +1965,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1937,6 +1985,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1957,12 +2006,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -1977,6 +2026,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -1997,12 +2047,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2017,6 +2067,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2037,12 +2088,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2057,6 +2108,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2077,12 +2129,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2097,6 +2149,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2117,12 +2170,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2137,6 +2190,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2157,12 +2211,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2177,6 +2231,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2197,12 +2252,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2212,10 +2267,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2236,12 +2292,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2251,10 +2307,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2275,12 +2332,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2294,6 +2351,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2314,12 +2372,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2333,6 +2391,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2353,12 +2412,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2372,6 +2431,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2392,12 +2452,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2411,6 +2471,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2431,12 +2492,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2450,6 +2511,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2470,12 +2532,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2489,6 +2551,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2509,12 +2572,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2528,6 +2591,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2548,12 +2612,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2563,10 +2627,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2587,12 +2652,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2602,10 +2667,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2626,12 +2692,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2645,6 +2711,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2665,12 +2732,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2684,6 +2751,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2704,12 +2772,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2723,6 +2791,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2743,12 +2812,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2762,6 +2831,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2782,12 +2852,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2801,6 +2871,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2821,12 +2892,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2840,6 +2911,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2860,12 +2932,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2879,6 +2951,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2899,12 +2972,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2914,10 +2987,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2938,12 +3012,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2953,10 +3027,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -2977,12 +3052,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -2996,6 +3071,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3016,12 +3092,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -3035,6 +3111,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3055,12 +3132,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -3074,6 +3151,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3094,12 +3172,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -3113,6 +3191,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3133,12 +3212,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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 +3231,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3172,12 +3252,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -3191,6 +3271,7 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     triggerTooltip?: boolean;
   } | {
     axis?: "y";
+    className?: string;
     axisId?: import("../internals/index.mjs").AxisId;
     disableLine: boolean;
     disableTicks: boolean;
@@ -3211,12 +3292,12 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
     position?: "left" | "right" | "none";
     width: number;
     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) => {
@@ -3242,6 +3323,10 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3253,7 +3338,6 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3317,7 +3401,6 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;
@@ -3548,13 +3631,11 @@ export declare function useAxisTicksProps(inProps: ChartsYAxisProps): {
     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;