{"version":3,"file":"helper.cjs","sources":["../../common/Button/helper.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center rounded-md outline-hidden transition-all duration-150 ease-linear\",\n    \"disabled:bg-app-gray-300 disabled:text-app-gray-400 disabled:hover:border-app-gray-300 disabled:hover:bg-app-gray-300 disabled:hover:text-app-gray-400 disabled:active:bg-app-gray-300 dark:disabled:bg-app-gray-700 dark:disabled:text-app-gray-600 disabled:pointer-events-none disabled:border-0 disabled:active:ring-0 disabled:active:ring-offset-0 disabled:active:outline-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: `\n          bg-app-primary-600\n          text-app-onPrimary hover:bg-app-primary-700 focus-visible:outline-app-primary-600 active:bg-app-primary-600 active:outline-app-primary-600 dark:bg-app-primary-500\n          dark:hover:bg-app-primary-400 dark:focus-visible:outline-app-primary-500 dark:active:bg-app-primary-500 dark:active:outline-app-primary-500\n          focus-visible:outline-1 focus-visible:outline-offset-1 active:outline-1 active:outline-offset-1\n        `,\n        secondary: `\n          border-app-gray-500 text-app-gray-500\n          hover:bg-app-gray-200 focus-visible:border-app-primary-600\n          focus-visible:ring-app-primary-600 active:border-app-primary-600 active:ring-app-primary-600 dark:border-app-gray-300\n          dark:text-app-white dark:hover:bg-app-gray-700 dark:focus-visible:border-app-primary-500\n          dark:focus-visible:ring-app-primary-500 dark:active:border-app-primary-500 dark:active:ring-app-primary-500 border\n          focus-visible:ring-1 active:ring-1\n        `,\n        tertiary: `\n          bg-app-gray-200 text-app-gray-800\n          hover:bg-app-gray-300 focus-visible:ring-app-primary-600 active:bg-app-gray-200\n          active:ring-app-primary-600 dark:bg-app-gray-500 dark:text-app-white\n          dark:hover:bg-app-gray-400 dark:focus-visible:ring-app-primary-500 dark:active:bg-app-gray-500 dark:active:ring-app-primary-500\n          focus-visible:ring-2 active:ring-2\n        `,\n        text: `\n          text-app-primary-600 focus-visible:ring-app-primary-600 active:text-app-primary-600 active:ring-app-primary-600\n          dark:text-app-primary-500 dark:focus-visible:ring-app-primary-500 dark:active:ring-app-primary-500 hover:underline\n          focus-visible:ring-2 active:ring-2\n          disabled:bg-transparent dark:disabled:bg-transparent\n        `,\n        link: `\n          text-app-primary-600 focus-visible:ring-app-primary-600\n          disabled:text-app-gray-400 dark:text-app-primary-500\n          dark:focus-visible:ring-app-primary-500\n          dark:disabled:text-app-gray-600 rounded-none\n          no-underline hover:underline\n          focus-visible:ring-2 disabled:bg-transparent\n          dark:focus-visible:ring-2 dark:disabled:bg-transparent\n        `,\n      },\n      size: {\n        xs: \"h-8 px-3 text-xs\",\n        sm: \"h-9 px-3 text-sm\",\n        md: \"h-[2.625rem] px-5 text-sm\",\n        lg: \"h-12 px-5 text-base\",\n        xl: \"h-[3.25rem] px-6 text-base\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"],\n        class: \"h-fit px-0\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n);\n"],"names":["buttonVariants","cva"],"mappings":"4HAEaA,EAAiBC,EAAAA,IAC5B,CACE,4GACA,oXAAA,EAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAMT,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOV,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA,UAMN,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAUR,KAAM,CACJ,GAAI,mBACJ,GAAI,mBACJ,GAAI,4BACJ,GAAI,sBACJ,GAAI,4BAAA,CACN,EAEF,iBAAkB,CAChB,CACE,QAAS,OACT,KAAM,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,EACnC,MAAO,YAAA,CACT,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,IAAA,CACR,CAEJ"}