{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-3",
  "title": "Alert 3",
  "description": "component for the alert-3",
  "dependencies": [
    "motion"
  ],
  "files": [
    {
      "path": "app/registry/alertthree.tsx",
      "content": "\"use client\";\n\nimport { CheckCircle2 } from \"lucide-react\";\nimport { motion } from \"framer-motion\";\n\nexport default function Alert03() {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: -8 }}\n      animate={{ opacity: 1, y: 0 }}\n      className=\"w-full max-w-sm mx-auto\"\n    >\n      <div className=\"relative overflow-hidden rounded-lg border border-emerald-200/30 bg-emerald-50/50 dark:bg-emerald-950/20 dark:border-emerald-800/30 p-4 shadow-xs\">\n        <div className=\"flex items-center gap-3\">\n          <motion.div\n            initial={{ scale: 0.5 }}\n            animate={{ scale: 1 }}\n            transition={{\n              type: \"spring\",\n              stiffness: 300,\n              damping: 20,\n            }}\n          >\n            <div className=\"rounded-full bg-emerald-100 dark:bg-emerald-900/50 p-1\">\n              <CheckCircle2 className=\"h-4 w-4 text-emerald-600 dark:text-emerald-400\" />\n            </div>\n          </motion.div>\n          <motion.p\n            initial={{ opacity: 0, x: 10 }}\n            animate={{ opacity: 1, x: 0 }}\n            transition={{ delay: 0.1 }}\n            className=\"text-sm font-medium text-emerald-800 dark:text-emerald-200\"\n          >\n            Saved to database\n          </motion.p>\n        </div>\n\n        <motion.div\n          initial={{ x: \"-100%\" }}\n          animate={{ x: \"100%\" }}\n          transition={{ duration: 1, delay: 0.2 }}\n          className=\"absolute inset-0 z-10 pointer-events-none bg-linear-to-r from-transparent via-white/20 to-transparent\"\n        />\n      </div>\n    </motion.div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/alertthree.tsx"
    }
  ],
  "type": "registry:component"
}