{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-card",
  "title": "Glass Card",
  "description": "Glass Card with five variants: clear, frosted, subtle, liquid, and liquid-refract",
  "registryDependencies": [
    "@glasscn/utils",
    "@glasscn/card",
    "@glasscn/glass-variants",
    "@glasscn/liquid-glass"
  ],
  "files": [
    {
      "path": "components/ui/glasscn/glass-card.tsx",
      "content": "\"use client\";\n\nimport { FrostGlassVariant, FrostGlassVariantProp, glassVariantStyles } from \"@/lib/glass-variants\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Card, CardFooter } from \"../card\";\nimport { LiquidGlass, type LiquidGlassProps } from \"./liquid-glass\";\n\ntype GlassCardProps = React.ComponentProps<typeof Card> &\n  FrostGlassVariantProp & { liquidProps?: Omit<LiquidGlassProps, \"children\">; surfaceClassName?: string };\n\ntype GlassCardFooterProps = React.ComponentProps<typeof CardFooter> & FrostGlassVariantProp;\n\nfunction GlassCard({\n  className,\n  glassVariant = \"liquid-refract\",\n  liquidProps,\n  surfaceClassName,\n  ...props\n}: GlassCardProps) {\n  if (glassVariant === \"liquid-refract\") {\n    return (\n      <LiquidGlass {...liquidProps} className={cn(\"rounded-2xl\", surfaceClassName, liquidProps?.className)}>\n        <Card\n          data-slot=\"glass-card\"\n          data-glass-variant={glassVariant}\n          className={cn(\"bg-transparent border-0 shadow-none ring-0\", className)}\n          {...props}\n        />\n      </LiquidGlass>\n    );\n  }\n\n  return (\n    <Card\n      data-slot=\"glass-card\"\n      data-glass-variant={glassVariant}\n      className={cn(glassVariantStyles[glassVariant], className)}\n      {...props}\n    />\n  );\n}\n\nconst footerVariantStyles: Record<FrostGlassVariant, string> = {\n  clear: \"bg-white/10 dark:bg-black/10\",\n  frosted: \"bg-white/20 dark:bg-black/20\",\n  subtle: \"bg-white/15 dark:bg-white/[0.04]\",\n  liquid: \"bg-white/15 dark:bg-white/[0.06] [box-shadow:inset_0_1px_0_0_rgba(255,255,255,0.45)]\",\n  \"liquid-refract\": \"bg-white/10 dark:bg-white/[0.04]\",\n};\n\nfunction GlassCardFooter({ className, glassVariant = \"liquid-refract\", ...props }: GlassCardFooterProps) {\n  return (\n    <CardFooter\n      data-glass-variant={glassVariant}\n      className={cn(footerVariantStyles[glassVariant], className)}\n      {...props}\n    />\n  );\n}\n\nexport { GlassCard, GlassCardFooter };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}