import { CSSUIProps, HTMLUIProps } from '@yamada-ui/core';
import { Merge, Dict } from '@yamada-ui/utils';
import { ComponentPropsWithoutRef, SVGProps, ReactNode, ReactElement } from 'react';
import * as Recharts from 'recharts';

type ChartLayoutType = "horizontal" | "vertical";
type AreaChartType = "default" | "percent" | "split" | "stacked";
type BarChartType = Exclude<AreaChartType, "split">;
type ChartAxisType = "none" | "x" | "xy" | "y";
type ChartCurveType = "bump" | "linear" | "monotone" | "natural" | "step" | "stepAfter" | "stepBefore";
type TooltipDataSourceType = "all" | "segment";
interface AreaChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.AreaChart>> {
}
interface BarChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.BarChart>> {
}
interface LineChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.LineChart>> {
}
interface RadarChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.RadarChart>> {
}
interface PieChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.PieChart>> {
}
interface RadialChartProps extends Merge<CSSUIProps, ComponentPropsWithoutRef<typeof Recharts.RadialBarChart>> {
}
interface ReferenceLineProps extends Merge<CSSUIProps, Recharts.ReferenceLineProps> {
}
interface ResponsiveContainerProps extends Merge<CSSUIProps, Omit<Recharts.ResponsiveContainerProps, "children">> {
}
interface AreaProps extends Merge<Merge<CSSUIProps, Recharts.AreaProps>, {
    color: CSSUIProps["color"];
    activeDot?: DotProps;
    dimArea?: Partial<AreaProps>;
    dimDot?: DotProps;
    dot?: DotProps;
}> {
}
interface LineProps extends Merge<Merge<CSSUIProps, Recharts.LineProps>, {
    color: CSSUIProps["color"];
    activeDot?: DotProps;
    dimDot?: DotProps;
    dimLine?: Partial<LineProps>;
    dot?: DotProps;
}> {
}
interface BarProps extends Merge<Merge<CSSUIProps, Recharts.BarProps>, {
    color: CSSUIProps["color"];
    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
    dimBar?: Partial<BarProps>;
}> {
}
interface RadarProps extends Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
    color: CSSUIProps["color"];
    activeDot?: DotProps;
    dimDot?: DotProps;
    dimRadar?: Partial<RadarProps>;
    dot?: DotProps;
}> {
}
interface PieProps extends Merge<Merge<Recharts.PieProps, CSSUIProps>, {
    activeShape?: Partial<PieProps>;
    inactiveShape?: Partial<PieProps>;
    label?: HTMLUIProps<"text">;
    labelLine?: HTMLUIProps<"path">;
}> {
}
interface CellProps extends CSSUIProps {
    name: string;
    value: number;
    dimCell?: Partial<CellProps>;
}
interface RadialBarProps extends Merge<Merge<Recharts.RadialBarProps, CSSUIProps>, {
    background?: Partial<RadialBarProps>;
    dimRadialBar?: CSSUIProps;
}> {
}
interface DotProps extends Merge<Omit<Recharts.DotProps, "ref">, CSSUIProps> {
}
interface XAxisProps extends Merge<CSSUIProps, Omit<Recharts.XAxisProps, "color" | "fill" | "stroke">> {
}
interface YAxisProps extends Merge<CSSUIProps, Omit<Recharts.YAxisProps, "color">> {
}
interface LegendProps extends Merge<CSSUIProps, Omit<Recharts.LegendProps, "ref">> {
}
interface TooltipProps extends Merge<Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, "ref">>, {
    cursor?: CSSUIProps;
}> {
}
interface GridProps extends Merge<CSSUIProps, Recharts.CartesianGridProps> {
}
interface PolarGridProps extends Merge<CSSUIProps, Recharts.PolarGridProps> {
}
interface PolarAngleAxisProps extends Merge<Recharts.PolarAngleAxisProps, CSSUIProps> {
}
interface PolarRadiusAxisProps extends Merge<CSSUIProps, Recharts.PolarRadiusAxisProps> {
}
interface LabelProps extends Merge<CSSUIProps, Omit<Recharts.LabelProps, "fill">> {
}
interface LabelListProps extends Merge<Recharts.LabelListProps<Dict>, Omit<CSSUIProps, "position">> {
}
type ValueType = (number | string)[] | number | string;
type NameType = number | string;
type Payload<Y extends ValueType = ValueType, M extends NameType = NameType> = {
    [key: string]: any;
} & Required<Recharts.TooltipProps<Y, M>>["payload"][number];
type ChartTooltipProps<Y extends ValueType = ValueType, M extends NameType = NameType> = {
    payload?: Payload<Y, M>[];
} & Omit<Recharts.TooltipProps<Y, M>, "payload">;
type ChartTooltip<Y extends ValueType = ValueType, M extends NameType = NameType> = ((props: ChartTooltipProps<Y, M>) => ReactNode) | ReactElement;
interface ChartLabelProps extends Omit<React.SVGProps<SVGTextElement>, "fill" | "offset" | "viewBox">, LabelProps {
}
type ChartLabel = ((props: ChartLabelProps) => ReactNode) | ReactElement;

export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLabel, ChartLabelProps, ChartLayoutType, ChartTooltip, ChartTooltipProps, DotProps, GridProps, LabelListProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, RadialBarProps, RadialChartProps, ReferenceLineProps, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };