{
  "$schema": "https://blode.co/ui/schema/registry-item.json",
  "name": "copy-button",
  "title": "Copy Button",
  "author": "Matthew Blode",
  "description": "A button that copies text to the clipboard with animated feedback.",
  "dependencies": ["blode-icons-react", "motion"],
  "registryDependencies": ["button", "@blode/use-copy-to-clipboard"],
  "files": [
    {
      "path": "ui/copy-button.tsx",
      "content": "\"use client\";\n\nimport { CheckIcon, ClipboardIcon } from \"blode-icons-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { useCopyToClipboard } from \"@/hooks/use-copy-to-clipboard\";\nimport { Button } from \"@/components/ui/button\";\n\nexport interface CopyButtonProps extends Omit<\n  React.ComponentProps<typeof Button>,\n  \"onClick\" | \"children\"\n> {\n  /** Accessible label (default: \"Copy\") */\n  label?: string;\n  /** Callback when text is copied */\n  onCopy?: () => void;\n  /** Timeout in ms before resetting (default: 2000) */\n  timeout?: number;\n  /** The text to copy to clipboard */\n  value: string;\n}\n\nconst CopyButton = ({\n  value,\n  className,\n  variant = \"ghost\",\n  size = \"icon\",\n  onCopy,\n  timeout = 2000,\n  label = \"Copy\",\n  ...props\n}: CopyButtonProps) => {\n  const { isCopied, copyToClipboard } = useCopyToClipboard({\n    onCopy,\n    timeout,\n  });\n\n  return (\n    <Button\n      aria-label={label}\n      className={cn(\"shrink-0\", className)}\n      data-copied={isCopied}\n      data-slot=\"copy-button\"\n      onClick={() => copyToClipboard(value)}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <AnimatePresence initial={false} mode=\"wait\">\n        <motion.span\n          animate={{ opacity: 1, scale: 1 }}\n          className=\"flex items-center justify-center\"\n          exit={{ opacity: 0, scale: 0.8 }}\n          initial={{ opacity: 0, scale: 0.8 }}\n          key={isCopied ? \"check\" : \"copy\"}\n          transition={{ duration: 0.15 }}\n        >\n          {isCopied ? <CheckIcon /> : <ClipboardIcon />}\n        </motion.span>\n      </AnimatePresence>\n    </Button>\n  );\n};\n\nexport { CopyButton };\n",
      "type": "registry:ui",
      "target": ""
    }
  ],
  "type": "registry:ui"
}