{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "heart-favorite-shadcnui",
  "type": "registry:ui",
  "title": "Heart Favorite",
  "description": "Animated heart icon for like/favorite actions",
  "dependencies": [
    "framer-motion",
    "lucide-react",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/micro/icons/heart-favorite.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { Heart } from \"lucide-react\";\nimport { useState } from \"react\";\n\nexport function HeartFavorite() {\n  const [isLiked, setIsLiked] = useState(false);\n\n  return (\n    <div className=\"flex items-center justify-center p-12\">\n      <motion.button\n        onClick={() => setIsLiked(!isLiked)}\n        whileTap={{ scale: 0.9 }}\n        className=\"rounded-full p-4 transition-colors hover:bg-gray-100 dark:hover:bg-gray-800\"\n      >\n        <motion.div\n          animate={{\n            scale: isLiked ? [1, 1.3, 1] : 1,\n          }}\n          transition={{\n            duration: 0.3,\n            ease: \"easeInOut\",\n          }}\n        >\n          <Heart\n            className={`h-8 w-8 transition-colors ${\n              isLiked ? \"fill-red-500 text-red-500\" : \"text-gray-400\"\n            }`}\n          />\n        </motion.div>\n      </motion.button>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/uitripled/heart-favorite-shadcnui.tsx"
    }
  ]
}