4e: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"] 4f: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"] 50:T16c3,import * as React from "react" import { motion, useReducedMotion } from "motion/react" import { cn } from "@/lib/utils" type ScrollBlurAxis = "vertical" | "horizontal" | "both" type ScrollSnap = "none" | "x" | "y" | "both" type ScrollSnapAlign = "start" | "center" | "end" export interface ScrollBlurProps extends React.HTMLAttributes { axis?: ScrollBlurAxis edgeSize?: number snap?: ScrollSnap viewportClassName?: string contentClassName?: string children: React.ReactNode } export function ScrollBlur({ axis = "vertical", edgeSize = 40, snap = "none", className, viewportClassName, contentClassName, children, ...props }: ScrollBlurProps) { const viewportRef = React.useRef(null) const reduceMotion = useReducedMotion() const [edges, setEdges] = React.useState({ top: false, bottom: false, left: false, right: false, }) const isVertical = axis === "vertical" || axis === "both" const isHorizontal = axis === "horizontal" || axis === "both" const updateEdges = React.useCallback(() => { const viewport = viewportRef.current if (!viewport) return const maxTop = viewport.scrollHeight - viewport.clientHeight const maxLeft = viewport.scrollWidth - viewport.clientWidth setEdges({ top: isVertical && viewport.scrollTop > 2, bottom: isVertical && viewport.scrollTop < maxTop - 2, left: isHorizontal && viewport.scrollLeft > 2, right: isHorizontal && viewport.scrollLeft < maxLeft - 2, }) }, [isHorizontal, isVertical]) React.useEffect(() => { const viewport = viewportRef.current if (!viewport) return updateEdges() const resizeObserver = new ResizeObserver(updateEdges) resizeObserver.observe(viewport) if (viewport.firstElementChild) { resizeObserver.observe(viewport.firstElementChild) } viewport.addEventListener("scroll", updateEdges, { passive: true }) window.addEventListener("resize", updateEdges) return () => { resizeObserver.disconnect() viewport.removeEventListener("scroll", updateEdges) window.removeEventListener("resize", updateEdges) } }, [updateEdges]) return (

{children}

{isVertical ? ( <> ) : null} {isHorizontal ? ( <> ) : null}

) } export function ScrollSnapItem({ align = "start", className, ...props }: React.HTMLAttributes & { align?: ScrollSnapAlign }) { return (

) } function ScrollBlurEdge({ visible, side, size, reduceMotion, }: { visible: boolean side: "top" | "bottom" | "left" | "right" size: number reduceMotion: boolean | null }) { const isVertical = side === "top" || side === "bottom" const gradient = side === "top" ? "bg-linear-to-b" : side === "bottom" ? "bg-linear-to-t" : side === "left" ? "bg-linear-to-r" : "bg-linear-to-l" const mask = side === "top" ? "[mask-image:linear-gradient(to_bottom,black_0%,black_45%,transparent_100%)]" : side === "bottom" ? "[mask-image:linear-gradient(to_top,black_0%,black_45%,transparent_100%)]" : side === "left" ? "[mask-image:linear-gradient(to_right,black_0%,black_45%,transparent_100%)]" : "[mask-image:linear-gradient(to_left,black_0%,black_45%,transparent_100%)]" return (

) } 4d:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@corr","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/corr/components/scroll-blur.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]