{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "blur-in",
  "type": "registry:ui",
  "title": "Blur In",
  "description": "Blur-to-sharp reveal for headings.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/starkui/blur-in.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function BlurIn({\n  children,\n  delay = 0,\n  duration = 0.8,\n  className,\n}: {\n  children: React.ReactNode;\n  delay?: number;\n  duration?: number;\n  className?: string;\n}) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, filter: \"blur(8px)\" }}\n      whileInView={{ opacity: 1, filter: \"blur(0px)\" }}\n      viewport={{ once: true }}\n      transition={{ delay, duration, ease: \"easeOut\" }}\n      className={cn(className)}\n    >\n      {children}\n    </motion.div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/blur-in.tsx"
    }
  ]
}