{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "fade-down-text",
  "type": "registry:ui",
  "title": "fade-down-text",
  "description": "A fade down text component.",
  "dependencies": [
    "motion",
    "react",
    "clsx"
  ],
  "files": [
    {
      "path": "registry/eldoraui/fade-down-text.tsx",
      "content": "\"use client\"\n\nimport clsx from \"clsx\"\nimport { motion } from \"motion/react\"\n\ninterface FadeDownTextProps {\n  text?: string\n  className?: string\n}\n\nexport const FadeDownText: React.FC<FadeDownTextProps> = ({\n  text = \"\",\n  className = \"\",\n}) => {\n  const FADE_DOWN_ANIMATION_VARIANTS = {\n    hidden: { opacity: 0, y: -10 },\n    show: { opacity: 1, y: 0, transition: { type: \"spring\" as const } },\n  }\n\n  return (\n    <motion.div\n      initial=\"hidden\"\n      animate=\"show\"\n      viewport={{ once: true }}\n      variants={{\n        hidden: {},\n        show: {\n          transition: {\n            staggerChildren: 0.15,\n          },\n        },\n      }}\n    >\n      <motion.h1\n        className={clsx(\n          \"font-display text-center font-bold drop-shadow-sm\",\n          \"text-4xl md:text-5xl lg:text-6xl xl:text-7xl\",\n          \"tracking-[-0.02em]\",\n          \"md:leading-[4rem] lg:leading-[4.5rem] xl:leading-[5rem]\",\n          className\n        )}\n        variants={FADE_DOWN_ANIMATION_VARIANTS}\n      >\n        {text}\n      </motion.h1>\n    </motion.div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ]
}