50: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"] 51: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"] 52:T6e7,"use client"; import { cn } from "../../utils"; import "./logo-cloud.css"; export interface Logo { name: string; path: string; } export interface AnimatedLogoCloudProps { /** Additional CSS classes for the scrolling container */ className?: string; /** Optional title displayed above the logos */ title?: string; /** Array of logos with name and image path */ logos?: Logo[]; } export function AnimatedLogoCloud({ className, title, logos = [] }: AnimatedLogoCloudProps) { return (

{title ? (

{title}

) : null}

{/* Five identical tracks, because a seamless marquee needs the strip to be wider than the viewport. Only the first one is real content: the other four are the same logos again, so they are hidden from assistive tech (`aria-hidden` plus an empty `alt`, since an image with a non-empty alt inside an aria-hidden subtree can still surface). Without that, a screen reader reads the whole roster five times over. */} {Array.from({ length: 5 }).map((_, i) => (

0 ? "true" : undefined} > {logos.map((logo, j) => (

))}

); } 53:T905,"use client"; import type { CSSProperties } from "react"; import { cn } from "../../utils"; import type { Logo } from "./AnimatedLogoCloud"; export interface Wordmark { /** The brand/wordmark text */ name: string; /** Font size in pixels */ size: number; /** Font weight */ weight: 400 | 700 | 900; /** Letter-spacing in pixels */ tracking?: number; /** Render in italic */ italic?: boolean; /** Use a serif font stack instead of the default */ serif?: boolean; /** CSS text-transform */ transform?: "uppercase" | "lowercase"; } export interface StaticLogoCloudProps { /** Additional CSS classes for the grid container */ className?: string; /** Optional title displayed above the logos */ title?: string; /** Array of logos with name and image path */ logos?: Logo[]; /** When provided, renders a static typographic row of wordmarks instead of image logos */ wordmarks?: Wordmark[]; } export function StaticLogoCloud({ className, title, logos = [], wordmarks, }: StaticLogoCloudProps) { return (

{title ? (

{title}

) : null} {wordmarks ? (

{wordmarks.map((mark, i) => { const style: CSSProperties = { fontSize: `${mark.size}px`, fontWeight: mark.weight, letterSpacing: mark.tracking !== undefined ? `${mark.tracking}px` : undefined, fontStyle: mark.italic ? "italic" : undefined, fontFamily: mark.serif ? 'Georgia, "Times New Roman", serif' : undefined, textTransform: mark.transform, opacity: 0.85, }; return ( {mark.name} ); })}

) : (

{logos.map((logo, i) => (

))}

)}

); } 4f:["$","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,["$","$L50",null,{"namespace":"@fancy-ui","registryDependencies":["https://fancy-ui.rama.app/r/utils.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"react/src/components/logo-cloud/AnimatedLogoCloud.tsx","content":"$52","type":"registry:ui","target":"@ui/fancy/components/logo-cloud/AnimatedLogoCloud.tsx"},{"path":"react/src/components/logo-cloud/IconLogoCloud.tsx","content":"\"use client\";\n\nimport { cn } from \"../../utils\";\nimport type { Logo } from \"./AnimatedLogoCloud\";\n\nexport interface IconLogoCloudProps {\n\t/** Additional CSS classes for the grid container */\n\tclassName?: string;\n\t/** Optional title displayed above the logos */\n\ttitle?: string;\n\t/** Array of logos with name and image path */\n\tlogos?: Logo[];\n}\n\nexport function IconLogoCloud({ className, title, logos = [] }: IconLogoCloudProps) {\n\treturn (\n\t\t

\n\t\t\t

\n\t\t\t\t{title ?

{title}

: null}\n\t\t\t\t

\n\t\t\t\t\t{logos.map((logo, i) => (\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t

\n\t\t\t

\n\t\t

\n\t);\n}\n","type":"registry:ui","target":"@ui/fancy/components/logo-cloud/IconLogoCloud.tsx"},{"path":"react/src/components/logo-cloud/StaticLogoCloud.tsx","content":"$53","type":"registry:ui","target":"@ui/fancy/components/logo-cloud/StaticLogoCloud.tsx"},{"path":"react/src/components/logo-cloud/index.ts","content":"\"use client\";\n\nexport { AnimatedLogoCloud } from \"./AnimatedLogoCloud\";\nexport type { AnimatedLogoCloudProps, Logo } from \"./AnimatedLogoCloud\";\nexport { StaticLogoCloud } from \"./StaticLogoCloud\";\nexport type { StaticLogoCloudProps, Wordmark } from \"./StaticLogoCloud\";\nexport { IconLogoCloud } from \"./IconLogoCloud\";\nexport type { IconLogoCloudProps } from \"./IconLogoCloud\";\n","type":"registry:ui","target":"@ui/fancy/components/logo-cloud/index.ts"},{"path":"react/src/components/logo-cloud/logo-cloud.css","content":".logo-cloud-mask {\n\tmask-image: linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 95%);\n}\n\n.logo-cloud-scroll {\n\tanimation: logo-cloud-scroll 30s linear infinite;\n}\n\n@keyframes logo-cloud-scroll {\n\t0% {\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\ttransform: translateX(calc(-100% - 1.5rem));\n\t}\n}\n","type":"registry:ui","target":"@ui/fancy/components/logo-cloud/logo-cloud.css"}],"className":"h-[70svh] min-h-80"}]]}]