{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "letter-pull-up-text",
  "title": "letter-pull-up-text",
  "description": "A letter pull up text component.",
  "dependencies": [
    "motion",
    "react",
    "clsx"
  ],
  "files": [
    {
      "path": "registry/eldoraui/letter-pull-up-text.tsx",
      "content": "\"use client\"\n\nimport clsx from \"clsx\"\nimport { motion } from \"motion/react\"\n\ninterface LetterPullUpTextProps {\n  text?: string\n  className?: string\n}\n\nexport const LetterPullUpText: React.FC<LetterPullUpTextProps> = ({\n  text = \"\",\n  className = \"\",\n}) => {\n  const letters = text.split(\"\")\n\n  const pullupVariant = {\n    initial: { y: 100, opacity: 0 },\n    animate: (i: number) => ({\n      y: 0,\n      opacity: 1,\n      transition: {\n        delay: i * 0.05, // Delay each letter's animation by 0.05 seconds\n        duration: 0.5, // Adjust duration for smoothness\n      },\n    }),\n  }\n\n  return (\n    <div className={clsx(\"flex justify-center\", className)}>\n      {letters.map((letter, i) => (\n        <motion.h1\n          key={i}\n          variants={pullupVariant}\n          initial=\"initial\"\n          animate=\"animate\"\n          custom={i}\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          )}\n        >\n          {letter === \" \" ? <span>&nbsp;</span> : letter}\n        </motion.h1>\n      ))}\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}