4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T129a,import type { ComponentProps, ReactNode } from "react"; import { cn } from "@/registry/default/lib/utils"; import { Marquee } from "@/registry/default/ui/marquee"; interface LogoCloudLogo { /** Stable React key. Falls back to the index. */ id?: string; /** The accessible name of the logo. Shown as a text wordmark when there is no `logo`. */ name: string; /** An image or SVG. Its own text is replaced by `name` for screen readers. */ logo?: ReactNode; /** Makes the logo a link. */ href?: string; } type LogoCloudVariant = "grid" | "marquee"; interface LogoCloudProps extends Omit, "title"> { /** Small centred line above the logos, rendered in an `

`; pass `null` to hide it. */ title?: ReactNode; logos?: LogoCloudLogo[]; /** A static grid, or a row that scrolls in a loop. */ variant?: LogoCloudVariant; } const defaultLogos: LogoCloudLogo[] = [ { id: "northwind", name: "Northwind" }, { id: "lumen", name: "Lumen Labs" }, { id: "quanta", name: "Quanta" }, { id: "evergreen", name: "Evergreen" }, { id: "polaris", name: "Polaris" }, { id: "brightpath", name: "Brightpath" }, ]; function LogoCloudMark({ name, logo, href }: LogoCloudLogo) { if (href) { return ( {logo ?? } ); } if (logo != null) { return ( {logo} ); } return ; } function LogoCloudWordmark({ name }: { name: string }) { return ( {name} ); } /** * A row of customer or partner logos under a small centred title. With no * props it shows six fictional names as text wordmarks; pass `logos` with an * image or SVG in `logo` for real marks, and `href` to make them links. * * `variant="grid"` (the default) lays them out in two to six columns; * `variant="marquee"` scrolls them in an endless loop that pauses on hover * and holds still with `prefers-reduced-motion`. The variant is exposed as * `data-variant`. * * Accessibility: every logo is named by `name`: a custom `logo` is wrapped * in `role="img"` with that name, or the link gets it as its `aria-label`. * The logos are a list. In the marquee, the copies that make the loop are * hidden from screen readers and the keyboard. * * @example * }, * { name: "Quanta", href: "#customers" }, * ]} * /> / function LogoCloud({ title = "Trusted by teams at", logos = defaultLogos, variant = "grid", className, ...props }: LogoCloudProps) { const items = logos.map((logo, index) => (

)); return (

{title != null ? (
{title}
) : null} {variant === "marquee" ? ( {/ One list per copy, spaced like the gap between copies, so the loop has no seam. */}
{items}
) : (
{items}
)}

); } export { LogoCloud, type LogoCloudLogo, type LogoCloudProps, type LogoCloudVariant }; 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils","@corsair-ui/marquee"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/default/components/blocks/logo-cloud.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]