{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "trust-logos",
  "type": "registry:block",
  "title": "Lab and press marquee",
  "description": "Mono wordmark marquee with masked edges that pauses on hover and stays static for reduced motion.",
  "author": "StoreKit <hello@storekit.dev>",
  "categories": [
    "trust",
    "any"
  ],
  "dependencies": [],
  "registryDependencies": [
    "https://storekit-eight.vercel.app/r/cn.json"
  ],
  "files": [
    {
      "path": "trust/trust-logos.tsx",
      "content": "import { cn } from \"@/components/storekit/lib/cn\"\n\n/* \"As tested by\" marquee. Wordmarks are set in the mono face as text, so\n   there are no third-party logos to license. Edges fade with a mask, the\n   track pauses on hover or focus, and reduced motion gets a static row. */\n\nexport function TrustLogos({\n  label = \"As tested by\",\n  names = [\"Arclight Labs\", \"Meridian Analytical\", \"Northfield QA\", \"Praxis Assay\", \"Halden and Co\", \"Verity Testing\"],\n  className,\n}: {\n  label?: string\n  names?: string[]\n  className?: string\n}) {\n  const Row = ({ hidden }: { hidden?: boolean }) => (\n    <ul\n      aria-hidden={hidden || undefined}\n      className={cn(\"flex shrink-0 items-center\", hidden && \"motion-reduce:hidden\")}\n    >\n      {names.map((n) => (\n        <li\n          key={n}\n          className=\"flex items-center gap-3 px-6 font-sk-mono text-sm uppercase tracking-[0.18em] text-sk-muted transition-colors duration-200 hover:text-sk-ink sm:px-10\"\n        >\n          <span className=\"h-2 w-2 rotate-45 border border-current\" aria-hidden />\n          <span className=\"whitespace-nowrap\">{n}</span>\n        </li>\n      ))}\n    </ul>\n  )\n\n  return (\n    <div data-sk-section=\"trust\" data-sk-variant=\"trust-logos\" className={cn(\"flex flex-col items-center gap-5\", className)}>\n      <p className=\"font-sk-mono text-[11px] uppercase tracking-[0.14em] text-sk-muted\">{label}</p>\n      <div\n        className=\"group w-full overflow-hidden [mask-image:linear-gradient(90deg,transparent,rgb(0_0_0)_12%,rgb(0_0_0)_88%,transparent)]\"\n        role=\"region\"\n        aria-label={label}\n      >\n        <div className=\"flex w-max animate-sk-marquee group-focus-within:[animation-play-state:paused] group-hover:[animation-play-state:paused] motion-reduce:w-full motion-reduce:animate-none motion-reduce:flex-wrap motion-reduce:justify-center\">\n          <Row />\n          <Row hidden />\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/storekit/trust/trust-logos.tsx"
    }
  ],
  "meta": {
    "section": "trust",
    "variant": "logos",
    "niche": [
      "any"
    ],
    "commerce": [],
    "previewHeight": 200
  }
}