{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "barwave-svg-animation",
  "description": "A bar wave SVG animation with interactive hover, using Framer Motion.",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/new-york/svg/bar-wave-animation.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useState } from \"react\";\n\nconst TOTAL = 15;\n\nconst BarWaveAnimation = () => {\n  const [hovered, setHovered] = useState<number | null>(null);\n\n  return (\n    <svg\n      className=\" dark:invert-100 invert-0 cursor-pointer w-full h-full m-10\"\n      viewBox=\"0 0 350 130\"\n      overflow={\"visible\"}\n    >\n      <g transform=\"rotate(180, 175, 65)\">\n        {Array.from({ length: TOTAL }).map((_, i) => {\n          const baseHeight = 41.5199;\n          const distance = hovered === null ? Infinity : Math.abs(hovered - i);\n          const influence = Math.max(0, 1 - distance * 0.25);\n          const height = baseHeight + influence * 150;\n          const opacity = hovered === null ? 1 : 0.2 + influence * 0.8;\n\n          return (\n            <motion.rect\n              key={i}\n              animate={{ height, filter: `brightness(${opacity})` }}\n              transition={{\n                type: \"spring\",\n                stiffness: 200,\n                damping: 20,\n              }}\n              onHoverStart={() => setHovered(i)}\n              onHoverEnd={() => setHovered(null)}\n              x={0.4 + i * 15}\n              y={0.75 + i * -15}\n              width=\"183.071\"\n              height={baseHeight}\n              rx=\"6.5\"\n              transform=\"matrix(0.866025 0.5 0 1 0.0580127 -2.88838)\"\n              fill=\"#171717\"\n              stroke=\"#626262\"\n            />\n          );\n        })}\n      </g>\n    </svg>\n  );\n};\n\nexport default BarWaveAnimation;\n",
      "type": "registry:component",
      "target": "components/pixel-perfect/bar-wave-animation.tsx"
    }
  ],
  "type": "registry:block"
}