{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-card",
  "title": "Glass Card",
  "description": "Flexible container components with frosted glass morphism effect, perfect for displaying grouped content.",
  "files": [
    {
      "path": "registry/liquid-glass/glass-card.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\ninterface GlassCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  glowEffect?: boolean\n  children: React.ReactNode\n}\n\nconst GlassCard = React.forwardRef<HTMLDivElement, GlassCardProps>(\n  ({ className, glowEffect = true, children, ...props }, ref) => {\n    return (\n      <div className=\"relative\">\n        {glowEffect && (\n          <div className=\"absolute -inset-1 rounded-2xl bg-linear-to-r from-cyan-500/30 via-blue-500/30 to-purple-500/30 blur-xl opacity-70\" />\n        )}\n        <div\n          ref={ref}\n          className={cn(\n            \"relative rounded-2xl border border-white/20\",\n            \"bg-white/10 backdrop-blur-xl\",\n            \"shadow-[0_8px_32px_rgba(0,0,0,0.37)]\",\n            \"before:absolute before:inset-0 before:rounded-2xl\",\n            \"before:bg-linear-to-b before:from-white/20 before:to-transparent before:pointer-events-none\",\n            \"after:absolute after:inset-px after:rounded-[calc(1rem-1px)]\",\n            \"after:shadow-[inset_0_1px_1px_rgba(255,255,255,0.1)] after:pointer-events-none\",\n            className,\n          )}\n          {...props}\n        >\n          <div className=\"relative z-10\">{children}</div>\n        </div>\n      </div>\n    )\n  },\n)\nGlassCard.displayName = \"GlassCard\"\n\nconst GlassCardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn(\"flex flex-col gap-1.5 p-6\", className)} {...props} />,\n)\nGlassCardHeader.displayName = \"GlassCardHeader\"\n\nconst GlassCardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      className={cn(\"text-xl font-semibold text-white leading-none tracking-tight\", className)}\n      {...props}\n    />\n  ),\n)\nGlassCardTitle.displayName = \"GlassCardTitle\"\n\nconst GlassCardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn(\"text-sm text-white/60\", className)} {...props} />,\n)\nGlassCardDescription.displayName = \"GlassCardDescription\"\n\nconst GlassCardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />,\n)\nGlassCardContent.displayName = \"GlassCardContent\"\n\nconst GlassCardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  ),\n)\nGlassCardFooter.displayName = \"GlassCardFooter\"\n\nexport { GlassCard, GlassCardHeader, GlassCardTitle, GlassCardDescription, GlassCardContent, GlassCardFooter }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}