{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "description": "A content card with eyebrow, title, description, body and footer slots on the liquid surface.",
  "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
  "files": [
    {
      "content": "'use client'\n\nimport { forwardRef, type ReactNode } from 'react'\nimport { LiquidSurface, type LiquidSurfaceProps } from '@/components/ui/liquid-surface'\n\n// `title` is omitted alongside `children` because HTMLAttributes declares it as\n// the tooltip attribute, i.e. a `string`. Intersecting that with `ReactNode`\n// leaves `string`, so the heading below could never be given an element. Every\n// component here that renders a `title` into an element omits it for this reason.\nexport type GlassCardProps = Omit<LiquidSurfaceProps, 'children' | 'title'> & {\n  children: ReactNode\n  description?: ReactNode\n  eyebrow?: ReactNode\n  footer?: ReactNode\n  title?: ReactNode\n}\n\nexport const GlassCard = forwardRef<HTMLDivElement, GlassCardProps>(({\n  children,\n  className,\n  description,\n  eyebrow,\n  footer,\n  title,\n  ...props\n}, ref) => {\n  return (\n    <LiquidSurface className={['lq-card', className].filter(Boolean).join(' ')} ref={ref} {...props}>\n      {(eyebrow || title || description) && (\n        <header className=\"lq-card__header\">\n          {eyebrow && <span className=\"lq-card__eyebrow\">{eyebrow}</span>}\n          {title && <h3 className=\"lq-card__title\">{title}</h3>}\n          {description && <p className=\"lq-card__description\">{description}</p>}\n        </header>\n      )}\n      <div className=\"lq-card__body\">{children}</div>\n      {footer && <footer className=\"lq-card__footer\">{footer}</footer>}\n    </LiquidSurface>\n  )\n})\n\nGlassCard.displayName = 'GlassCard'\n",
      "path": "registry/glass-card.tsx",
      "type": "registry:ui"
    }
  ],
  "name": "glass-card",
  "registryDependencies": [
    "https://liquefy-ui.com/r/liquefy-ui.json",
    "https://liquefy-ui.com/r/liquid-surface.json"
  ],
  "title": "GlassCard",
  "type": "registry:ui"
}