app/actions/components/ui/.gitkeep

reviewed

This is a binary file and will not be displayed.

-62

app/actions/components/ui/button.tsx

reviewed

··· 1 1 - import * as React from "react" 2 2 - import { Slot } from "@radix-ui/react-slot" 3 3 - import { cva, type VariantProps } from "class-variance-authority" 4 4 - 5 5 - import { cn } from "@/actions/lib/utils" 6 6 - 7 7 - const buttonVariants = cva( 8 8 - "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", 9 9 - { 10 10 - variants: { 11 11 - variant: { 12 12 - default: "bg-primary text-primary-foreground hover:bg-primary/90", 13 13 - destructive: 14 14 - "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", 15 15 - outline: 16 16 - "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50", 17 17 - secondary: 18 18 - "bg-secondary text-secondary-foreground hover:bg-secondary/80", 19 19 - ghost: 20 20 - "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", 21 21 - link: "text-primary underline-offset-4 hover:underline", 22 22 - }, 23 23 - size: { 24 24 - default: "h-9 px-4 py-2 has-[>svg]:px-3", 25 25 - sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5", 26 26 - lg: "h-10 rounded-md px-6 has-[>svg]:px-4", 27 27 - icon: "size-9", 28 28 - "icon-sm": "size-8", 29 29 - "icon-lg": "size-10", 30 30 - }, 31 31 - }, 32 32 - defaultVariants: { 33 33 - variant: "default", 34 34 - size: "default", 35 35 - }, 36 36 - } 37 37 - ) 38 38 - 39 39 - function Button({ 40 40 - className, 41 41 - variant = "default", 42 42 - size = "default", 43 43 - asChild = false, 44 44 - ...props 45 45 - }: React.ComponentProps<"button"> & 46 46 - VariantProps<typeof buttonVariants> & { 47 47 - asChild?: boolean 48 48 - }) { 49 49 - const Comp = asChild ? Slot : "button" 50 50 - 51 51 - return ( 52 52 - <Comp 53 53 - data-slot="button" 54 54 - data-variant={variant} 55 55 - data-size={size} 56 56 - className={cn(buttonVariants({ variant, size, className }))} 57 57 - {...props} 58 58 - /> 59 59 - ) 60 60 - } 61 61 - 62 62 - export { Button, buttonVariants }