import { cva } from "class-variance-authority";
export const progressContainerVariants = cva("flex items-center gap-2 w-full");
export const progressTrackVariants = cva("bg-gray-200 h-2 rounded-2xl w-full dark:bg-secondary-600");
export const progressBarVariants = cva("flex justify-center items-center outline rounded-sm text-xs font-medium transition-all duration-100 h-full py-1 relative group", {
    variants: {
        color: {
            primary: "!bg-primary-500 outline-primary-400 dark:bg-primary-400 dark:outline-primary-500",
            secondary: "bg-gray-500 outline-gray-400 dark:bg-secondary-400 dark:outline-gray-500",
            success: "bg-success-500 outline-success-400 dark:bg-success-400 dark:outline-success-500",
            warning: "bg-warning-500 outline-warning-400 dark:bg-warning-400 dark:outline-warning-500",
            error: "bg-error-500 outline-error-400 dark:bg-error-400 dark:outline-error-500"
        },
        striped: {
            true: [
                "bg-[size:0.5rem_0.5rem]",
                "bg-[image:repeating-linear-gradient(45deg,rgba(255,255,255,0.15)_0_0.25rem,transparent_0.25rem_0.5rem)]"
            ].join(" ")
        },
        animate: {
            true: "animate-stripes"
        }
    },
    defaultVariants: {
        color: "primary"
    }
});
export const progressTextVariants = cva([
    "flex items-center justify-center text-xs-fit text-white dark:text-secondary-800",
    "h-8 w-8 border rounded-full dark:border-secondary-800 opacity-0 group-hover:opacity-100",
    "transition-opacity duration-300 ease-in-out z-10 absolute -end-4"
].join(" "), {
    variants: {
        position: {
            top: "bottom-3",
            right: "", // Not needed for position right
            bottom: "top-3",
            inline: "-end-4"
        },
        color: {
            primary: "bg-primary-500 dark:bg-primary-400",
            secondary: "bg-gray-500 dark:bg-secondary-400",
            success: "bg-success-500 dark:bg-success-400",
            warning: "bg-warning-500 dark:bg-warning-400",
            error: "bg-error-500 dark:bg-error-400"
        }
    },
    defaultVariants: {
        position: "right",
        color: "primary"
    }
});
export const progressValueTextVariants = cva("text-base text-center text-secondary-500 font-medium min-w-8 dark:text-secondary-50");
export const progressCircularVariants = cva("", {
    variants: {
        size: {
            md: "",
            lg: ""
        }
    },
    defaultVariants: {
        size: "md"
    }
});
export const progressCircularTrackVariants = cva("dark:stroke-secondary-600", {
    variants: {
        color: {
            primary: "stroke-primary-50",
            secondary: "stroke-gray-50",
            success: "stroke-success-50",
            warning: "stroke-warning-50",
            error: "stroke-error-50"
        }
    },
    defaultVariants: {
        color: "primary"
    }
});
export const progressCircularProgressVariants = cva("", {
    variants: {
        color: {
            primary: "stroke-primary-500 dark:stroke-primary-400",
            secondary: "stroke-gray-500 dark:stroke-secondary-400",
            success: "stroke-success-500 dark:stroke-success-400",
            warning: "stroke-warning-500 dark:stroke-warning-400",
            error: "stroke-error-500 dark:stroke-error-400"
        }
    },
    defaultVariants: {
        color: "primary"
    }
});
export const progressCircularTextVariants = cva("fill-secondary-500 font-semibold dark:fill-secondary-50", {
    variants: {
        size: {
            md: "text-xxs",
            lg: "text-xs-fit"
        }
    },
    defaultVariants: {
        size: "md"
    }
});
//# sourceMappingURL=progressVariants.js.map