{
    "$schema": "https://ui.shadcn.com/schema/registry-item.json",
    "name": "button",
    "title": "Button",
    "description": "A versatile button component with multiple variants and sizes. Supports asChild pattern via Radix Slot.",
    "dependencies": [
        "@radix-ui/react-slot",
        "class-variance-authority"
    ],
    "registryDependencies": [],
    "files": [
        {
            "path": "registry/default/button/button.tsx",
            "content": "import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst buttonVariants = cva(\r\n    \"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 cursor-pointer\",\r\n    {\r\n        variants: {\r\n            variant: {\r\n                default:\r\n                    \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\r\n                destructive:\r\n                    \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n                outline:\r\n                    \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\r\n                secondary:\r\n                    \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\r\n                ghost:\r\n                    \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\r\n                link: \"text-primary underline-offset-4 hover:underline\",\r\n            },\r\n            size: {\r\n                default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\r\n                sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n                lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n                icon: \"size-9\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            variant: \"default\",\r\n            size: \"default\",\r\n        },\r\n    }\r\n)\r\n\r\nfunction Button({\r\n    className,\r\n    variant,\r\n    size,\r\n    asChild = false,\r\n    ...props\r\n}: React.ComponentProps<\"button\"> &\r\n    VariantProps<typeof buttonVariants> & {\r\n        asChild?: boolean\r\n    }) {\r\n    const Comp = asChild ? Slot : \"button\"\r\n\r\n    return (\r\n        <Comp\r\n            data-slot=\"button\"\r\n            className={cn(buttonVariants({ variant, size, className }))}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\n\r\nexport { Button, buttonVariants }\r\n",
            "type": "registry:component",
            "target": ""
        }
    ],
    "type": "registry:block"
}