{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "floating-info-panel-shadcnui",
  "type": "registry:ui",
  "title": "Floating Info Panel",
  "description": "Info tooltip that drifts up/down while fading in/out intermittently",
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/motion-core/floating-info-panel.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { Info } from \"lucide-react\";\n\ntype FloatingInfoPanelProps = {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n};\n\nexport function FloatingInfoPanel({\n  title = \"Info Panel\",\n  description = \"This is a floating information panel that gently drifts\",\n  icon,\n}: FloatingInfoPanelProps) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 20 }}\n      animate={{\n        opacity: [0, 1, 1, 0],\n        y: [20, 0, -10, -20],\n      }}\n      transition={{\n        duration: 4,\n        repeat: Infinity,\n        repeatDelay: 2,\n        ease: \"easeInOut\",\n      }}\n      className=\"relative rounded-lg border border-border bg-card p-4 shadow-lg\"\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className=\"flex-shrink-0\">\n          {icon || (\n            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-primary\">\n              <Info className=\"h-4 w-4\" />\n            </div>\n          )}\n        </div>\n        <div className=\"flex-1\">\n          <h4 className=\"text-sm font-semibold\">{title}</h4>\n          <p className=\"mt-1 text-xs text-muted-foreground\">{description}</p>\n        </div>\n      </div>\n    </motion.div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/uitripled/floating-info-panel-shadcnui.tsx"
    }
  ]
}