{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"pixel-button","type":"registry:ui","title":"Pixel Button","description":"A chunky 8-bit button with a hard shadow that physically presses down.","dependencies":[],"registryDependencies":["https://ui.mekaigames.com/r/theme.json"],"files":[{"path":"components/ui/pixel-button.tsx","type":"registry:ui","content":"import type { ButtonHTMLAttributes } from \"react\";\n\ntype PixelButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  tone?: \"ember\" | \"gold\";\n};\n\nconst tones = {\n  ember: \"bg-ember text-black shadow-[0_5px_0_0_#8a3207,0_5px_0_3px_#000] hover:bg-[#ff7d38]\",\n  gold: \"bg-gold text-black shadow-[0_5px_0_0_#9a6a0e,0_5px_0_3px_#000] hover:bg-[#ffd06e]\",\n};\n\n/** Chunky 8-bit button that physically presses down. */\nexport function PixelButton({ tone = \"ember\", className = \"\", children, ...props }: PixelButtonProps) {\n  return (\n    <button\n      {...props}\n      className={`relative select-none px-5 py-3 font-pixel text-sm uppercase tracking-wide outline-[3px] outline-black [outline-style:solid] transition-[transform,box-shadow] duration-75 active:translate-y-[5px] active:shadow-[0_0_0_0_#000] disabled:opacity-50 ${tones[tone]} ${className}`}\n    >\n      {children}\n    </button>\n  );\n}\n"}]}