{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "fluid-liquid-button",
  "type": "registry:ui",
  "title": "Fluid Liquid Button",
  "description": "Gelatinous fluid mercury blob button with visceral ripple distortion and spring response.",
  "category": "buttons",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/buttons/fluid-liquid-button/fluid-liquid-button.tsx",
      "type": "registry:ui",
      "target": "components/ui/fluid-liquid-button.tsx",
      "content": "import React, { useState } from 'react';\nimport { motion } from 'framer-motion';\n\nexport const FluidLiquidButton: React.FC<{ label?: string }> = ({ label = 'DISCOVER ECOSYSTEM' }) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <motion.button\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      whileTap={{ scale: 0.94 }}\n      className=\"relative px-8 py-3.5 rounded-full overflow-hidden border border-white/20 bg-gradient-to-r from-violet-600 via-indigo-600 to-cyan-500 text-white font-mono text-xs font-bold tracking-wider shadow-xl cursor-pointer\"\n    >\n      {/* Animated Liquid Distortion Waves */}\n      <motion.div\n        animate={isHovered ? { y: ['100%', '-100%'] } : { y: '100%' }}\n        transition={{ duration: 1.5, repeat: isHovered ? Infinity : 0, ease: 'easeInOut' }}\n        className=\"absolute inset-0 bg-white/20 backdrop-blur-sm rounded-full pointer-events-none\"\n      />\n\n      <span className=\"relative z-10\">{label}</span>\n    </motion.button>\n  );\n};\n"
    }
  ]
}