{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button",
  "title": "Button",
  "description": "shadcn's Button primitive — variants (default/secondary/outline/ghost/link/destructive) and sizes (sm/default/lg/icon), with Craftled styling: border + ring + drop shadow for default/destructive, elevated shadow + ring on outline.",
  "dependencies": [
    "@radix-ui/react-slot",
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/new-york/ui/button.tsx",
      "content": "import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: cn(\n          \"bg-primary text-primary-foreground\",\n          \"border-[0.5px] border-white/25 shadow-black/20 shadow-md\",\n          \"ring-(--ring-color) ring-1 [--ring-color:color-mix(in_oklab,var(--color-foreground)_15%,var(--color-primary))]\",\n          \"not-in-data-[theme=dark]:text-shadow-sm [&_svg]:drop-shadow-sm\",\n          \"hover:bg-primary/90\"\n        ),\n        destructive: cn(\n          \"bg-destructive text-white\",\n          \"border-[0.5px] border-white/25 shadow-black/20 shadow-md\",\n          \"ring-(--ring-color) ring-1 [--ring-color:color-mix(in_oklab,var(--color-foreground)_15%,var(--color-destructive))]\",\n          \"not-in-data-[theme=dark]:text-shadow-sm [&_svg]:drop-shadow-sm\",\n          \"hover:bg-destructive/90\",\n          \"focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\"\n        ),\n        outline: cn(\n          \"border border-transparent bg-background shadow-black/15 shadow-sm\",\n          \"ring-1 ring-foreground/10 duration-200\",\n          \"hover:bg-muted/50 dark:ring-foreground/15 dark:hover:bg-muted/50\"\n        ),\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ variant, size, className }))}\n      data-size={size}\n      data-slot=\"button\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "primitive"
  ],
  "type": "registry:ui"
}