52: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"] 53: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"] 54:Tfcf,"use client"; import { useEffect, useRef, type RefObject } from "react"; import { cn } from "@/lib/utils"; export interface ScrollVelocityProps { /** One marquee row per string. Rows alternate direction. */ texts: string[]; /** Drift speed in px per second while not scrolling. */ baseVelocity?: number; /** How much scroll speed adds to the drift. */ velocityFactor?: number; /** Lean rows in the direction of travel when moving fast. */ skew?: boolean; /** Draw every other row as outlined text. */ outlineAlternate?: boolean; /** Glyph between repeats. Empty for none. */ separator?: string; /** Element that scrolls. Defaults to the window. */ scrollContainerRef?: RefObject; className?: string; } // ponytail: fixed repeat count; very short text in a very wide box could show a gap. Measure and add copies if that matters. const COPIES = 8; export function ScrollVelocity({ texts, baseVelocity = 60, velocityFactor = 0.4, skew = true, outlineAlternate = true, separator = "✦", scrollContainerRef, className, }: ScrollVelocityProps) { const root = useRef(null); useEffect(() => { const el = root.current; if (!el || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const tracks = Array.from(el.querySelectorAll("[data-track]")); const scroller = scrollContainerRef?.current ?? null; const getScroll = () => (scroller ? scroller.scrollTop : window.scrollY); const x = tracks.map(() => 0); let raf = 0; let last = 0; let lastScroll = getScroll(); let v = 0; // smoothed scroll velocity, px/s let dir = 1; // flips with scroll direction const tick = (now: number) => { raf = requestAnimationFrame(tick); const dt = last ? Math.min((now - last) / 1000, 0.05) : 0; last = now; if (!dt) return; const s = getScroll(); v += ((s - lastScroll) / dt - v) * (1 - Math.exp(-dt * 8)); lastScroll = s; if (Math.abs(v) > 20) dir = Math.sign(v); tracks.forEach((t, i) => { const w = (t.firstElementChild as HTMLElement | null)?.offsetWidth ?? 0; if (!w) return; const rowDir = i % 2 ? -1 : 1; const speed = rowDir * (baseVelocity * dir + v * velocityFactor); x[i] = (((x[i] + speed * dt) % w) + w) % w; const lean = skew ? Math.max(-12, Math.min(12, -speed * 0.012)) : 0; t.style.transform = `translate3d(${-x[i]}px,0,0) skewX(${lean.toFixed(2)}deg)`; }); }; const io = new IntersectionObserver(([entry]) => { cancelAnimationFrame(raf); last = 0; lastScroll = getScroll(); if (entry.isIntersecting) raf = requestAnimationFrame(tick); }); io.observe(el); return () => { io.disconnect(); cancelAnimationFrame(raf); }; }, [baseVelocity, velocityFactor, skew, scrollContainerRef, texts.length]); return (

{texts.join(". ")} {texts.map((text, i) => (

{Array.from({ length: COPIES }, (_, k) => ( {text} {separator && ( {separator} )} {!separator && } ))}

))}

); } 51:["$","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,["$","$L52",null,{"namespace":"@glint-ui","registryDependencies":["utils"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/ui/scroll-velocity.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]