{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"primary-button","type":"registry:component","title":"Primary Button","description":"The default call to action, solid fill with hover and focus states.","dependencies":["framer-motion"],"files":[{"path":"components/ui/PrimaryButton.tsx","type":"registry:component","content":"\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nexport function PrimaryButton({ children }: { children: React.ReactNode }) {\n  const shouldReduceMotion = useReducedMotion();\n\n  return (\n    <motion.button\n      whileTap={shouldReduceMotion ? undefined : { scale: 0.98 }}\n      transition={{ duration: 0.12, ease: [0.22, 1, 0.36, 1] }}\n      className=\"inline-flex h-10 items-center justify-center rounded-md bg-emerald-700 px-4 text-sm font-medium text-white transition-colors duration-150 hover:bg-emerald-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-emerald-600 active:bg-emerald-900 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:outline-emerald-400\"\n    >\n      {children}\n    </motion.button>\n  );\n}","target":"components/ui/PrimaryButton.tsx"}]}