{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hover-expand-card-shadcnui",
  "type": "registry:component",
  "title": "Hover Expand Card",
  "description": "Card that lifts and expands on hover",
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/components/cards/shadcnui/hover-expand.tsx",
      "content": "\"use client\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nexport function HoverExpandCard() {\n  const shouldReduceMotion = useReducedMotion();\n\n  return (\n    <div className=\"\">\n      <motion.div\n        whileHover={shouldReduceMotion ? undefined : { y: -10, scale: 1.015 }}\n        whileFocus={shouldReduceMotion ? undefined : { y: -10, scale: 1.015 }}\n        transition={{ type: \"spring\", stiffness: 260, damping: 26 }}\n        className=\"group rounded-3xl border border-border/60 bg-card/80 p-6 backdrop-blur-xl transition-shadow duration-300 hover:shadow-[0_28px_90px_-40px_rgba(15,23,42,0.75)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n        tabIndex={0}\n        role=\"group\"\n        aria-label=\"Hover expand card demonstrating glassmorphic elevation.\"\n      >\n        <div className=\"relative mb-4 h-40 overflow-hidden rounded-2xl border border-border/60 bg-gradient-to-br from-foreground/10 via-background/40 to-transparent\">\n          <motion.div\n            aria-hidden\n            className=\"absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,rgba(255,255,255,0.4),transparent_55%),radial-gradient(circle_at_80%_0%,rgba(79,70,229,0.45),transparent_60%)] transition-transform duration-500\"\n            whileHover={shouldReduceMotion ? undefined : { scale: 1.05 }}\n          />\n        </div>\n        <Badge\n          variant=\"outline\"\n          className=\"mb-3 w-fit rounded-full border-border/60 bg-white/5 px-3 py-1 text-[10px] uppercase tracking-[0.3em] text-muted-foreground\"\n        >\n          Feature\n        </Badge>\n        <h3 className=\"mb-2 text-xl font-semibold text-foreground\">\n          Beautiful Card\n        </h3>\n        <p className=\"text-sm leading-relaxed text-muted-foreground\">\n          Hover or focus to gently lift and expand the surface. Animations stay\n          calm but responsive, matching the glassmorphic system.\n        </p>\n      </motion.div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/uitripled/hover-expand-card-shadcnui.tsx"
    }
  ]
}