{
  "name": "command-button",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "type": "registry:component",
      "content": "import { Command } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * @author: @dorianbaffier\n * @description: Command Button\n * @version: 1.0.0\n * @date: 2025-06-26\n * @license: MIT\n * @website: https://kokonutui.com\n * @github: https://github.com/kokonut-labs/kokonutui\n */\n\nexport default function CommandButton({\n  className,\n  children,\n  ...props\n}: React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <Button\n      {...props}\n      className={cn(\n        \"relative p-2\",\n        \"overflow-hidden rounded-lg\",\n        \"bg-gradient-to-b from-zinc-50 to-zinc-100\",\n        \"dark:from-zinc-800 dark:to-zinc-900\",\n        \"border border-zinc-200 dark:border-zinc-800\",\n        \"hover:border-zinc-300 dark:hover:border-zinc-700\",\n        \"transition-all duration-300 ease-out\",\n        \"group\",\n        \"inline-flex items-center justify-center\",\n        \"gap-2\",\n        className\n      )}\n    >\n      <Command\n        className={cn(\n          \"h-4 w-4\",\n          \"text-zinc-600 dark:text-zinc-400\",\n          \"transition-all duration-300\",\n          \"group-hover:scale-110\",\n          \"group-hover:rotate-[-4deg]\",\n          \"group-active:scale-95\"\n        )}\n      />\n      <span className=\"text-sm text-zinc-600 dark:text-zinc-400\">\n        {children || \"CMD + K\"}\n      </span>\n      <span\n        className={cn(\n          \"absolute inset-0\",\n          \"bg-gradient-to-r from-indigo-500/0 via-indigo-500/10 to-indigo-500/0\",\n          \"translate-x-[-100%]\",\n          \"group-hover:translate-x-[100%]\",\n          \"transition-transform duration-500\",\n          \"ease-out\"\n        )}\n      />\n    </Button>\n  );\n}\n",
      "path": "/components/kokonutui/command-button.tsx",
      "target": "components/kokonutui/command-button.tsx"
    }
  ]
}