{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-circle-motion",
  "type": "registry:component",
  "description": "A Card component with circle reveal animation.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "src/app/components/animatedComponents/cards/card-circle/CardCircleMotion.tsx",
      "content": "\"use client\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nexport default function CardCircleMotion() {\r\n  return (\r\n    <motion.div\r\n      initial=\"rest\"\r\n      whileHover=\"hover\"\r\n      animate=\"rest\"\r\n      className=\"relative bg-white rounded-xl p-6 cursor-pointer overflow-hidden shadow-md group\"\r\n    >\r\n \r\n      <motion.div\r\n        variants={{\r\n          rest: { clipPath: \"circle(10% at 0% 0%)\" },  \r\n          hover: { clipPath: \"circle(150% at 0% 0%)\" }, \r\n        }}\r\n        transition={{ duration: 0.4, ease: \"easeInOut\" }}\r\n        className=\"absolute inset-0 bg-primary rounded-xl z-0 \"\r\n      />\r\n\r\n      <motion.div\r\n        variants={{\r\n          rest: { color: \"var(--color-primary)\" }, \r\n          hover: { color: \"#ffffff\" },\r\n        }}\r\n        transition={{ duration: 0.3, ease: \"easeInOut\" }}\r\n        className=\"relative z-10\"\r\n      >\r\n        <h1 className=\"text-2xl font-bold group-hover:text-white text-primary\">Hello</h1>\r\n        <p className=\"mt-2 text-base group-hover:text-white text-primary\">\r\n          This is an amazing card with nice animation\r\n        </p>\r\n      </motion.div>\r\n    </motion.div>\r\n  );\r\n}\r\n",
      "type": "registry:component",
      "target": "components/animated/cards/card-circle/CardCircleMotion.tsx"
    }
  ]
}