{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "split-text",
  "type": "registry:ui",
  "title": "Split Text",
  "description": "Word-by-word staggered text reveal.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/starkui/split-text.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function SplitText({\n  text,\n  delay = 0,\n  stagger = 0.04,\n  className,\n}: {\n  text: string;\n  delay?: number;\n  stagger?: number;\n  className?: string;\n}) {\n  const words = text.split(\" \");\n  return (\n    <span className={cn(\"inline-block\", className)} aria-label={text}>\n      {words.map((word, i) => (\n        <span key={i} className=\"inline-block overflow-hidden pb-1 align-bottom\">\n          <motion.span\n            className=\"inline-block\"\n            initial={{ y: \"100%\", opacity: 0 }}\n            whileInView={{ y: 0, opacity: 1 }}\n            viewport={{ once: true }}\n            transition={{\n              delay: delay + i * stagger,\n              duration: 0.5,\n              ease: [0.22, 1, 0.36, 1],\n            }}\n            aria-hidden\n          >\n            {word}\n            {i < words.length - 1 ? \" \" : \"\"}\n          </motion.span>\n        </span>\n      ))}\n    </span>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/split-text.tsx"
    }
  ]
}