{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "fade-in",
  "type": "registry:ui",
  "title": "Fade In",
  "description": "Fade and rise content into view on scroll.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/starkui/fade-in.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function FadeIn({\n  children,\n  delay = 0,\n  duration = 0.6,\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, y: 12 }}\n      whileInView={{ opacity: 1, y: 0 }}\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/fade-in.tsx"
    }
  ]
}