{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "neo-brutalist-button",
  "title": "Neo Brutalist Button",
  "description": "A bold, retro-styled button with skewed design, offset shadow, and shimmer effect.",
  "dependencies": [
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "registry/chamaac/neo-brutalist-button/neo-brutalist-button.tsx",
      "content": "\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface NeoBrutalistButtonProps {\n  text?: string;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst NeoBrutalistButton = ({\n  text = \"Click Me\",\n  className,\n  onClick,\n}: NeoBrutalistButtonProps) => {\n  return (\n    <>\n      <style jsx>{`\n        @keyframes shimmer {\n          0% {\n            transform: translateX(-100%);\n          }\n          100% {\n            transform: translateX(200%);\n          }\n        }\n        .shimmer-effect {\n          transform: translateX(-100%);\n        }\n        .group:hover .shimmer-effect {\n          animation: shimmer 0.2s linear forwards;\n        }\n      `}</style>\n      <button\n        onClick={onClick}\n        className={cn(\n          \"group relative overflow-hidden px-6 py-3 cursor-pointer\",\n          \"bg-[#ff90e8] text-black\",\n          \"skew-x-[-10deg] transition-all duration-100 border-[1.5px] border-black\",\n          \"shadow-[4px_4px_0_0_black] hover:shadow-[8px_8px_0_0_black]\",\n          className\n        )}\n      >\n        <div className=\"shimmer-effect absolute top-0 bottom-0 left-0 w-1/2 bg-gradient-to-r from-transparent via-white/80 to-transparent z-0\" />\n        <span className=\"relative z-10 inline-block skew-x-[10deg] text-lg font-medium\">\n          {text}\n        </span>\n      </button>\n    </>\n  );\n};\n\nexport default NeoBrutalistButton;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}