{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "preview-card",
  "type": "registry:ui",
  "title": "Preview Card",
  "description": "Preview card built on Base UI with seam overlay-depth entrance.",
  "dependencies": [
    "@base-ui/react",
    "motion"
  ],
  "registryDependencies": [
    "https://seamui.dev/r/utils.json",
    "https://seamui.dev/r/motion.json"
  ],
  "files": [
    {
      "path": "registry/seam/ui/preview-card.tsx",
      "content": "\"use client\"\n\nimport type * as React from \"react\"\nimport { PreviewCard as BasePreviewCard } from \"@base-ui/react/preview-card\"\n\nimport { cn } from \"@/lib/utils\"\nimport { condense } from \"@/lib/motion\"\n\nfunction PreviewCard(props: React.ComponentProps<typeof BasePreviewCard.Root>) {\n  return <BasePreviewCard.Root {...props} />\n}\n\nfunction PreviewCardTrigger(\n  props: React.ComponentProps<typeof BasePreviewCard.Trigger>\n) {\n  return <BasePreviewCard.Trigger data-slot=\"preview-card-trigger\" {...props} />\n}\n\nfunction PreviewCardContent({\n  className,\n  sideOffset = 8,\n  children,\n  ...props\n}: React.ComponentProps<typeof BasePreviewCard.Popup> & {\n  sideOffset?: number\n}) {\n  return (\n    <BasePreviewCard.Portal>\n      <BasePreviewCard.Positioner sideOffset={sideOffset}>\n        <BasePreviewCard.Popup\n          data-slot=\"preview-card-content\"\n          className={cn(\n            \"bg-popover text-popover-foreground z-50 w-80 rounded-lg squircle border p-4 shadow-overlay outline-none\",\n            // seam motion: floating surface rises with overlay depth, falls back on close.\n            condense.surface,\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </BasePreviewCard.Popup>\n      </BasePreviewCard.Positioner>\n    </BasePreviewCard.Portal>\n  )\n}\n\nexport { PreviewCard, PreviewCardTrigger, PreviewCardContent }\n",
      "type": "registry:ui",
      "target": "components/ui/preview-card.tsx"
    }
  ]
}