{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "zoom-in",
  "type": "registry:ui",
  "title": "Zoom In",
  "description": "Scale transition combined with deep blur/depth effect.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/ui/entrance/zoom-in.tsx",
      "type": "registry:ui",
      "target": "components/amicro/zoom-in.tsx",
      "content": "import React from 'react';\r\nimport { motion } from 'framer-motion';\r\n\r\ninterface ZoomInProps {\r\n  children: React.ReactNode;\r\n  duration?: number;\r\n  delay?: number;\r\n  initialScale?: number;\r\n  initialBlur?: string;\r\n  className?: string;\r\n}\r\n\r\nexport function ZoomIn({\r\n  children,\r\n  duration = 0.7,\r\n  delay = 0,\r\n  initialScale = 0.85,\r\n  initialBlur = '12px',\r\n  className = '',\r\n}: ZoomInProps) {\r\n  return (\r\n    <motion.div\r\n      initial={{ opacity: 0, scale: initialScale, filter: `blur(${initialBlur})` }}\r\n      animate={{ opacity: 1, scale: 1, filter: 'blur(0px)' }}\r\n      transition={{\r\n        duration,\r\n        delay,\r\n        ease: [0.16, 1, 0.3, 1], // easeOutExpo\r\n      }}\r\n      className={className}\r\n    >\r\n      {children}\r\n    </motion.div>\r\n  );\r\n}\r\n"
    }
  ]
}