{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-wallet-card-shadcnui",
  "type": "registry:component",
  "title": "Glass Wallet Card",
  "description": "Glassmorphism crypto wallet card with balance, trend, and action buttons",
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/components/cards/shadcnui/glass-wallet-card.tsx",
      "content": "\"use client\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Card } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\nimport { motion } from \"framer-motion\";\nimport {\n  ArrowDownLeft,\n  ArrowUpRight,\n  CreditCard,\n  TrendingUp,\n  Wallet,\n} from \"lucide-react\";\n\ninterface GlassWalletCardProps {\n  balance?: string;\n  currency?: string;\n  address?: string;\n  trend?: string;\n  trendUp?: boolean;\n  cardHolder?: string;\n  expiry?: string;\n  className?: string;\n}\n\nconst defaultWallet = {\n  balance: \"12,345.67\",\n  currency: \"ETH\",\n  address: \"0x71C...9A23\",\n  trend: \"+5.2%\",\n  trendUp: true,\n  cardHolder: \"Alex Morgan\",\n  expiry: \"12/28\",\n};\n\nexport function GlassWalletCard({\n  balance = defaultWallet.balance,\n  currency = defaultWallet.currency,\n  address = defaultWallet.address,\n  trend = defaultWallet.trend,\n  trendUp = defaultWallet.trendUp,\n  cardHolder = defaultWallet.cardHolder,\n  expiry = defaultWallet.expiry,\n  className,\n}: GlassWalletCardProps) {\n  return (\n    <motion.div\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.4 }}\n      className={cn(\"w-full max-w-[400px]\", className)}\n    >\n      <Card className=\"group relative h-56 overflow-hidden rounded-2xl border-border/50 bg-gradient-to-br from-card/80 via-card/40 to-card/20 backdrop-blur-md transition-all duration-300 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/10\">\n        {/* Abstract Background Shapes */}\n        <div className=\"absolute -right-16 -top-16 h-48 w-48 rounded-full bg-primary/10 blur-3xl transition-all duration-500 group-hover:bg-primary/20\" />\n        <div className=\"absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-secondary/10 blur-3xl transition-all duration-500 group-hover:bg-secondary/20\" />\n\n        <div className=\"relative flex h-full flex-col justify-between p-6\">\n          {/* Header */}\n          <div className=\"flex items-start justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 text-primary backdrop-blur-sm\">\n                <Wallet className=\"h-5 w-5\" />\n              </div>\n              <div>\n                <p className=\"text-xs font-medium text-muted-foreground\">\n                  Total Balance\n                </p>\n                <div className=\"flex items-baseline gap-1\">\n                  <h3 className=\"text-2xl font-bold tracking-tight text-foreground\">\n                    ${balance}\n                  </h3>\n                  <span className=\"text-xs font-medium text-muted-foreground\">\n                    {currency}\n                  </span>\n                </div>\n              </div>\n            </div>\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                \"border-border/50 bg-background/50 backdrop-blur-sm\",\n                trendUp ? \"text-green-500\" : \"text-red-500\"\n              )}\n            >\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              {trend}\n            </Badge>\n          </div>\n\n          {/* Card Details */}\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between text-sm\">\n              <div className=\"flex items-center gap-2 text-muted-foreground\">\n                <CreditCard className=\"h-4 w-4\" />\n                <span>•••• •••• •••• 4242</span>\n              </div>\n              <span className=\"font-mono text-xs text-muted-foreground\">\n                {expiry}\n              </span>\n            </div>\n\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-sm font-medium text-foreground\">\n                {cardHolder}\n              </span>\n              <span className=\"rounded-full bg-secondary/50 px-3 py-1 font-mono text-xs text-secondary-foreground backdrop-blur-sm\">\n                {address}\n              </span>\n            </div>\n          </div>\n\n          {/* Hover Actions Overlay */}\n          <div className=\"absolute inset-0 flex items-center justify-center gap-6 bg-background/60 backdrop-blur-[2px] opacity-0 transition-opacity duration-300 group-hover:opacity-100\">\n            <motion.button\n              whileHover={{ scale: 1.05 }}\n              whileTap={{ scale: 0.95 }}\n              className=\"flex flex-col items-center gap-2\"\n            >\n              <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg shadow-primary/25\">\n                <ArrowUpRight className=\"h-6 w-6\" />\n              </div>\n              <span className=\"text-sm font-medium text-foreground\">Send</span>\n            </motion.button>\n\n            <motion.button\n              whileHover={{ scale: 1.05 }}\n              whileTap={{ scale: 0.95 }}\n              className=\"flex flex-col items-center gap-2\"\n            >\n              <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-secondary text-secondary-foreground shadow-lg\">\n                <ArrowDownLeft className=\"h-6 w-6\" />\n              </div>\n              <span className=\"text-sm font-medium text-foreground\">\n                Receive\n              </span>\n            </motion.button>\n          </div>\n        </div>\n      </Card>\n    </motion.div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/uitripled/glass-wallet-card-shadcnui.tsx"
    }
  ]
}