{"version":3,"sources":["../../src/docs/CrossProductNav.tsx"],"sourcesContent":["import Link from 'next/link';\n\nexport interface CrossProduct {\n  /** Display name (e.g. \"LinkSnap\"). */\n  name: string;\n  /** Either an absolute URL or an in-app href; rendered into Next's <Link>. */\n  href: string;\n  /** Short category tagline shown after the name (e.g. \"Short URLs\"). */\n  tagline: string;\n}\n\nexport interface CrossProductNavProps {\n  /** Ordered list of sibling products. */\n  products: CrossProduct[];\n  /** The `name` of the product currently being viewed — used to flag the active pill. */\n  current: string;\n  /** Label shown at the start of the strip; defaults to \"Forjio\". */\n  familyLabel?: string;\n}\n\n/**\n * Top-strip nav linking all Forjio family docs. Surfaced above the docs\n * header so a reader exploring one product can hop sideways into a\n * sibling. The current product gets the active pill style; everything\n * else is muted. Override `products` per consumer; the current page\n * passes its own `name` so we can flag it.\n */\nexport function CrossProductNav({\n  products,\n  current,\n  familyLabel = 'Forjio',\n}: CrossProductNavProps) {\n  return (\n    <div className=\"border-b border-border bg-muted/30\">\n      <div className=\"max-w-7xl mx-auto px-4 md:px-6 py-2\">\n        <div className=\"flex items-center gap-1 overflow-x-auto text-xs\">\n          <span className=\"shrink-0 font-mono text-[10px] uppercase tracking-wide text-muted-foreground mr-2\">\n            {familyLabel}\n          </span>\n          {products.map((p) => {\n            const isCurrent = p.name === current;\n            return (\n              <Link\n                key={p.name}\n                href={p.href}\n                className={\n                  'shrink-0 rounded px-2 py-1 transition ' +\n                  (isCurrent\n                    ? 'bg-background font-medium text-foreground'\n                    : 'text-muted-foreground hover:bg-background hover:text-foreground')\n                }\n                aria-current={isCurrent ? 'page' : undefined}\n              >\n                {p.name}\n                <span className=\"ml-1.5 text-[10px] text-muted-foreground/60\">{p.tagline}</span>\n              </Link>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCU;AApCV,kBAAiB;AA2BV,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAyB;AACvB,SACE,4CAAC,SAAI,WAAU,sCACb,sDAAC,SAAI,WAAU,uCACb,uDAAC,SAAI,WAAU,mDACb;AAAA,gDAAC,UAAK,WAAU,qFACb,uBACH;AAAA,IACC,SAAS,IAAI,CAAC,MAAM;AACnB,YAAM,YAAY,EAAE,SAAS;AAC7B,aACE;AAAA,QAAC,YAAAA;AAAA,QAAA;AAAA,UAEC,MAAM,EAAE;AAAA,UACR,WACE,4CACC,YACG,8CACA;AAAA,UAEN,gBAAc,YAAY,SAAS;AAAA,UAElC;AAAA,cAAE;AAAA,YACH,4CAAC,UAAK,WAAU,+CAA+C,YAAE,SAAQ;AAAA;AAAA;AAAA,QAXpE,EAAE;AAAA,MAYT;AAAA,IAEJ,CAAC;AAAA,KACH,GACF,GACF;AAEJ;","names":["Link"]}