{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "social-links",
  "title": "Social link buttons",
  "description": "Watercolour GitHub and LinkedIn buttons with transparent artwork, generous spacing, accessible labels and configurable link targets.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/items/social-links/social-links.tsx",
      "content": "/* eslint-disable @next/next/no-img-element -- Portable registry component; images are supplied by the consumer. */\n\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\nexport type SocialLink = { label: string; href: string; src: string; sizeScale?: number };\n\nexport function SocialLinks({ links, size = 80, gap = 40, showLabels = false, newWindow = true, className }: {\n  links: SocialLink[];\n  size?: number;\n  gap?: number;\n  showLabels?: boolean;\n  newWindow?: boolean;\n  className?: string;\n}) {\n  return (\n    <div className={cn(\"flex flex-wrap items-center justify-center font-body\", className)} style={{ gap }}>\n      {links.map((link) => (\n        <a key={link.label} href={link.href} target={newWindow ? \"_blank\" : undefined} rel={newWindow ? \"noopener noreferrer\" : undefined}\n          aria-label={`${link.label}${newWindow ? \" (opens in a new tab)\" : \"\"}`}\n          className=\"flex min-h-11 min-w-11 flex-col items-center justify-center gap-1 rounded-inset text-ink transition-transform duration-200 hover:-translate-y-1 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ring motion-reduce:transform-none motion-reduce:transition-none\">\n          <img src={link.src} alt=\"\" width={size * (link.sizeScale ?? 1)} height={size * (link.sizeScale ?? 1)} className=\"max-w-full object-contain\" style={{ height: size * (link.sizeScale ?? 1), width: \"auto\", maxWidth: size * (link.sizeScale ?? 1) * 2.5 }} />\n          {showLabels ? <span className=\"text-[12px]\">{link.label}</span> : null}\n        </a>\n      ))}\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "kind": "widget",
    "whenToUse": "Use when custom image artwork is the social link itself. Supply your own artwork URLs and destinations.",
    "origin": {
      "project": "Portfolio",
      "path": "src/app/page.tsx (hero social links)"
    },
    "credits": []
  },
  "type": "registry:component"
}