import { cva } from "class-variance-authority";
export const checkboxVariants = cva([
    "appearance-none inline-flex justify-center items-center ease-in-out duration-300",
    "hover:border-primary-500 rounded-sm outline-none border-2 border-secondary-200 bg-white",
    "focus:border-primary-500 focus:ring-primary-500 focus:shadow-primary-2px focus:transition-none",
    "disabled:bg-secondary-50 disabled:border-secondary-200",
    "dark:bg-iridium dark:border-gray-600 dark:focus:shadow-[#99CBFA]",
    "dark:hover:border-primary-400 dark:focus:border-primary-400 dark:disabled:border-gray-900",
    "before:content-[''] before:scale-0 before:bg-white dark:before:bg-iridium checked:before:scale-100"
].join(" "), {
    variants: {
        variant: {
            filled: [
                "checked:bg-primary-500 checked:dark:bg-primary-400 checked:border-none",
                "checked:disabled:bg-secondary-100 checked:dark:disabled:bg-gray-900"
            ].join(" "),
            outline: [
                "checked:bg-primary-50 checked:border-primary-500",
                "checked:disabled:bg-secondary-50 checked:disabled:border-secondary-200 checked:disabled:before:bg-secondary-200",
                "checked:dark:bg-iridium checked:dark:border-primary-400",
                "checked:dark:disabled:border-gray-900 checked:dark:disabled:before:bg-gray-900",
                "before:bg-primary-500 dark:before:bg-primary-400"
            ].join(" "),
            "filled-circle": [
                "rounded-full checked:bg-primary-500 checked:dark:bg-primary-400 checked:border-none",
                "checked:disabled:bg-secondary-100 checked:dark:disabled:bg-gray-900",
                "before:rounded-full before:h-2/5 before:w-2/5 checked:before:scale-100"
            ].join(" "),
            "outline-circle": [
                "rounded-full checked:bg-primary-50 checked:border-primary-500",
                "checked:disabled:bg-secondary-50 checked:disabled:border-secondary-200 checked:disabled:before:bg-secondary-200",
                "checked:dark:bg-iridium checked:dark:border-primary-400",
                "checked:dark:disabled:border-gray-900 checked:dark:disabled:before:bg-gray-900",
                "before:bg-primary-500 dark:before:bg-primary-400 before:rounded-full before:h-2/5 before:w-2/5 checked:before:scale-100"
            ].join(" ")
        },
        size: {
            sm: "w-4 h-4 text-base before:h-1.5 before:w-2",
            md: "w-5 h-5 text-md before:h-2 before:w-2.5",
            lg: "w-6 h-6 text-lg before:h-2.5 before:w-3"
        }
    },
    defaultVariants: {
        variant: "filled",
        size: "md"
    }
});
export const checkboxLabelVariants = cva("text-secondary-500 dark:text-secondary-100", {
    variants: {
        size: {
            sm: "text-base",
            md: "text-md",
            lg: "text-lg"
        },
        disabled: {
            true: "text-secondary-200 dark:text-secondary-400"
        }
    },
    defaultVariants: {
        size: "md",
        disabled: false
    }
});
// The clip-path for the checkmark matches exactly what's in the original css file
export const checkmarkClipPath = `polygon(
  15% 50%,
  40.1% 75.4%,
  41.1% 75.7%,
  42.1% 75.4%,
  88% 4%,
  90% 3.5%,
  92% 4%,
  94% 5%,
  97% 7%,
  97.5% 7.5%,
  99% 10%,
  100% 14%,
  100% 17%,
  99% 20%,
  46% 99%,
  45% 99.5%,
  44% 100%,
  43% 100%,
  41% 100%,
  40% 100%,
  37% 97%,
  5% 65%,
  4% 62%,
  4% 59%,
  4.2% 57.6%,
  4.8% 55%,
  6.5% 52.2%,
  9% 50.5%,
  11.9% 49.7%
)`;
//# sourceMappingURL=checkboxVariants.js.map