Button

1import * as React from "react"
2import { cva, type VariantProps } from "class-variance-authority"
3import { Slot } from "radix-ui"
4 
5import { cn } from "@/lib/utils"
6 
7const buttonVariants = cva(
8  "rounded-[5px] cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:bg-treasury-base-light disabled:text-treasury-base-dark [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
9  {
10    variants: {
11      variant: {
12        primary: "bg-treasury-primary text-treasury-paper hover:bg-treasury-primary-dark active:bg-treasury-primary-darkest",
13        secondary: "bg-treasury-secondary text-treasury-paper hover:bg-treasury-secondary-dark active:bg-treasury-secondary-darkest",
14        "primary-light": "bg-treasury-primary-light text-treasury-paper hover:bg-treasury-primary active:bg-treasury-primary-dark",
15        warning: "bg-treasury-warning text-treasury-paper hover:bg-treasury-warning-dark active:bg-treasury-ink",
16        base: "bg-treasury-base-dark text-treasury-paper hover:bg-treasury-base-darkest active:bg-treasury-ink",
17        paper: "bg-treasury-paper text-treasury-ink hover:bg-treasury-base-light active:bg-treasury-base disabled:bg-treasury-base-darkest disabled:text-treasury-ink",
18        "primary-outline": "bg-transparent text-treasury-primary border-treasury-primary hover:text-treasury-primary-dark hover:border-treasury-primary-dark active:text-treasury-primary-darkest active:border-treasury-primary-darkest disabled:bg-transparent disabled:text-treasury-base-light disabled:border-treasury-base-light",
19        "paper-outline": "bg-transparent text-treasury-paper border-treasury-paper hover:bg-treasury-paper hover:text-treasury-ink hover:border-treasury-paper active:bg-transparent active:text-treasury-base active:border-treasury-base disabled:bg-transparent disabled:text-treasury-base disabled:border-treasury-base",
20        "ghost": "bg-transparent text-treasury-ink hover:bg-treasury-base-light active:bg-treasury-base disabled:bg-treasury-base-darkest disabled:text-treasury-ink",
21      },
22      size: {
23// … truncated