{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ai-source-citation",
  "title": "AI Source Citation",
  "description": "Compact source reference card for AI answers with a title, origin label, and optional excerpt.",
  "dependencies": [
    "@vllnt/ui@^0.3.0",
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/ai-source-citation/ai-source-citation.tsx",
      "content": "import { ExternalLink, Quote } from \"lucide-react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type AISourceCitationProps = React.ComponentPropsWithoutRef<\"a\"> & {\n  /** Optional short excerpt from the cited source. */\n  snippet?: string;\n  /** Source label such as domain, document, or collection. */\n  source: string;\n  /** Primary citation title. */\n  title: string;\n};\n\nconst AISourceCitation = ({\n  className,\n  href,\n  ref,\n  snippet,\n  source,\n  target = \"_blank\",\n  title,\n  ...props\n}: AISourceCitationProps & { ref?: React.Ref<HTMLAnchorElement> }) => {\n  return (\n    <a\n      className={cn(\n        \"group inline-flex max-w-full flex-col gap-2 rounded-xl border border-border/70 bg-background px-3 py-2 text-left shadow-sm transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className,\n      )}\n      href={href}\n      ref={ref}\n      rel={target === \"_blank\" ? \"noreferrer\" : undefined}\n      target={target}\n      {...props}\n    >\n      <div className=\"flex items-start gap-2\">\n        <Quote className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <p className=\"truncate text-sm font-medium text-foreground\">\n                {title}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">{source}</p>\n            </div>\n            <ExternalLink className=\"size-4 shrink-0 text-muted-foreground transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5\" />\n          </div>\n        </div>\n      </div>\n\n      {snippet ? (\n        <p className=\"line-clamp-3 text-sm leading-6 text-muted-foreground\">\n          {snippet}\n        </p>\n      ) : null}\n    </a>\n  );\n};\n\nAISourceCitation.displayName = \"AISourceCitation\";\n\nexport { AISourceCitation };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}