{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button",
  "title": "Button",
  "description": "Clickable button for actions.",
  "dependencies": [
    "@radix-ui/react-slot"
  ],
  "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 * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex\",\n    \"shrink-0\",\n    \"touch-manipulation\",\n    \"items-center\",\n    \"justify-center\",\n    \"gap-2\",\n    \"whitespace-nowrap\",\n    \"rounded-md\",\n    \"font-medium\",\n    \"text-sm\",\n    \"outline-none\",\n    \"transition-colors\",\n    \"transition-transform\",\n    \"focus-visible:border-ring\",\n    \"focus-visible:ring-[3px]\",\n    \"focus-visible:ring-ring/50\",\n    \"active:scale-[0.97]\",\n    \"disabled:pointer-events-none\",\n    \"disabled:opacity-50\",\n    \"aria-invalid:border-destructive\",\n    \"aria-invalid:ring-destructive/20\",\n    \"motion-safe:duration-200\",\n    \"dark:aria-invalid:ring-destructive/40\",\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    \"[&_svg]:pointer-events-none\",\n    \"[&_svg]:shrink-0\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"sm:min-h-[24px] sm:min-w-[24px]\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\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:\n          \"h-9 min-h-[44px] min-w-[44px] px-4 py-2 has-[>svg]:px-3 sm:min-h-[24px] sm:min-w-[24px]\",\n        sm: \"h-8 min-h-[44px] min-w-[44px] gap-1.5 rounded-md px-3 has-[>svg]:px-2.5 sm:min-h-[24px] sm:min-w-[24px]\",\n        lg: \"h-10 min-h-[44px] min-w-[44px] rounded-md px-6 has-[>svg]:px-4 sm:min-h-[24px] sm:min-w-[24px]\",\n        icon: \"size-9 min-h-[44px] min-w-[44px] p-0 sm:min-h-[24px] sm:min-w-[24px]\",\n        \"icon-sm\":\n          \"size-8 min-h-[44px] min-w-[44px] p-0 sm:min-h-[24px] sm:min-w-[24px]\",\n        \"icon-lg\":\n          \"size-10 min-h-[44px] min-w-[44px] p-0 sm:min-h-[24px] sm:min-w-[24px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nconst Button = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> &\n    VariantProps<typeof buttonVariants> & { asChild?: boolean }\n>(function Button(\n  { className, variant, size, asChild = false, type, ...props },\n  ref\n) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      aria-busy={(props as any)[\"data-loading\"] ? true : undefined}\n      aria-disabled={(props as any).disabled ? true : undefined}\n      className={cn(buttonVariants({ variant, size }), className)}\n      data-slot=\"button\"\n      ref={ref}\n      type={type ?? (asChild ? undefined : \"button\")}\n      {...props}\n    />\n  );\n});\n\nexport { Button, buttonVariants };\n",
      "type": "registry:ui"
    }
  ],
  "docs": "https://ui.shadcn.com/docs/components/button?utm_source=hextaui&utm_medium=referral&utm_campaign=component-docs&ref=hextaui.com",
  "categories": [
    "component"
  ],
  "type": "registry:ui"
}