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:T18d8,"use client" import * as React from "react" import { ArrowUpRight } from "lucide-react" import { PreviewLinkCard, PreviewLinkCardImage, } from "@/components/animate-ui/components/radix/preview-link-card" import { Carousel, CarouselContent, CarouselItem, } from "./carousel" import { Badge } from "@/components/ui/badge" import { Card, CardContent, CardHeader, CardTitle, } from "@/components/ui/card" import { cn } from "@/lib/utils" export type ProjectCardCarouselItem = { title: string description: string href: string label?: string stack?: string[] previewImage?: string preview?: React.ReactNode | string } export type ProjectCardCarouselProps = { projects: ProjectCardCarouselItem[] title?: string description?: React.ReactNode contactEmail?: string fallbackPreviewHref?: string previewWidth?: number previewHeight?: number previewDeviceScaleFactor?: number className?: string cardClassName?: string } function resolveProjectHref( project: ProjectCardCarouselItem, contactEmail?: string ) { if (project.href !== "#contact") { return project.href } if (!contactEmail) { return project.href } return `mailto:${contactEmail}?subject=${encodeURIComponent( `Project enquiry: ${project.title}` )}` } function ProjectPreview({ project, href, fallbackPreviewHref, previewWidth, previewHeight, previewDeviceScaleFactor, }: { project: ProjectCardCarouselItem href: string fallbackPreviewHref: string previewWidth: number previewHeight: number previewDeviceScaleFactor: number }) { if (project.preview && typeof project.preview !== "string") { return (

{project.preview}

) } const screenshotHref = href.startsWith("mailto:") ? fallbackPreviewHref : href return (

) } export function ProjectCardCarousel({ projects, title = "Projects", description, contactEmail, fallbackPreviewHref = "https://corr.sh", previewWidth = 420, previewHeight = 236, previewDeviceScaleFactor = 1, className, cardClassName, }: ProjectCardCarouselProps) { return (

{title} {description ? (

{description}

) : null}

{projects.map((project) => { const href = resolveProjectHref(project, contactEmail) const isExternal = href.startsWith("http") return ( {project.label ? ( {project.label} ) : null} {project.title}

{project.description}

{project.stack?.length ? ( {project.stack.map((item) => ( {item} ))} ) : null} ) })} ) } 53:T831,import { PreviewLinkCard as PreviewLinkCardPrimitive, PreviewLinkCardTrigger as PreviewLinkCardTriggerPrimitive, PreviewLinkCardPortal as PreviewLinkCardPortalPrimitive, PreviewLinkCardContent as PreviewLinkCardContentPrimitive, PreviewLinkCardImage as PreviewLinkCardImagePrimitive, type PreviewLinkCardProps as PreviewLinkCardPrimitiveProps, type PreviewLinkCardTriggerProps as PreviewLinkCardTriggerPrimitiveProps, type PreviewLinkCardContentProps as PreviewLinkCardContentPrimitiveProps, type PreviewLinkCardImageProps as PreviewLinkCardImagePrimitiveProps, } from '@/components/animate-ui/primitives/radix/preview-link-card'; import { cn } from '@/lib/utils'; type PreviewLinkCardProps = PreviewLinkCardPrimitiveProps; function PreviewLinkCard(props: PreviewLinkCardProps) { return ; } type PreviewLinkCardTriggerProps = PreviewLinkCardTriggerPrimitiveProps; function PreviewLinkCardTrigger(props: PreviewLinkCardTriggerProps) { return ; } type PreviewLinkCardContentProps = PreviewLinkCardContentPrimitiveProps; function PreviewLinkCardContent({ className, align = 'center', sideOffset = 4, ...props }: PreviewLinkCardContentProps) { return ( ); } type PreviewLinkCardImageProps = PreviewLinkCardImagePrimitiveProps; function PreviewLinkCardImage(props: PreviewLinkCardImageProps) { return ; } export { PreviewLinkCard, PreviewLinkCardTrigger, PreviewLinkCardContent, PreviewLinkCardImage, type PreviewLinkCardProps, type PreviewLinkCardTriggerProps, type PreviewLinkCardContentProps, type PreviewLinkCardImageProps, }; 54:T1675,'use client'; import * as React from 'react'; import { HoverCard as HoverCardPrimitive, HoverCardTrigger as HoverCardTriggerPrimitive, HoverCardContent as HoverCardContentPrimitive, HoverCardPortal as HoverCardPortalPrimitive, HoverCardArrow as HoverCardArrowPrimitive, type HoverCardProps as HoverCardPropsPrimitive, type HoverCardTriggerProps as HoverCardTriggerPropsPrimitive, type HoverCardContentProps as HoverCardContentPropsPrimitive, type HoverCardPortalProps as HoverCardPortalPropsPrimitive, type HoverCardArrowProps as HoverCardArrowPropsPrimitive, } from '@/components/animate-ui/primitives/radix/hover-card'; import { getStrictContext } from '@/lib/get-strict-context'; type PreviewLinkCardContextType = { href: string; src?: string; width?: number; height?: number; }; const [PreviewLinkCardProvider, usePreviewLinkCard] = getStrictContext('PreviewLinkCardContext'); type PreviewLinkCardProps = HoverCardPropsPrimitive & { href: string; src?: string; width?: number; height?: number; viewportWidth?: number; viewportHeight?: number; viewportIsMobile?: boolean; deviceScaleFactor?: number; colorScheme?: 'light' | 'dark'; forceRefresh?: boolean; }; function PreviewLinkCard({ href, src, width = 240, height = 135, viewportWidth, viewportHeight, viewportIsMobile = false, deviceScaleFactor = 1, colorScheme = 'light', forceRefresh = false, ...props }: PreviewLinkCardProps) { const imageSrc = src ?? `https://api.microlink.io/?${buildQueryString({ url: href, screenshot: true, meta: false, embed: 'screenshot.url', colorScheme, force: forceRefresh, 'viewport.isMobile': viewportIsMobile ? true : undefined, 'viewport.deviceScaleFactor': deviceScaleFactor, 'viewport.width': viewportWidth ?? width * 3, 'viewport.height': viewportHeight ?? height * 3, })}`; React.useEffect(() => { const link = document.createElement('link'); link.rel = 'preload'; link.as = 'image'; link.href = imageSrc; document.head.appendChild(link); return () => { document.head.removeChild(link); }; }, [imageSrc]); return ( ); } type PreviewLinkCardTriggerProps = HoverCardTriggerPropsPrimitive & React.ComponentProps<'a'>; function PreviewLinkCardTrigger({ asChild, children, href: hrefProp, ...props }: PreviewLinkCardTriggerProps) { const { href } = usePreviewLinkCard(); return ( {asChild ? children : {children}} ); } type PreviewLinkCardPortalProps = HoverCardPortalPropsPrimitive; function PreviewLinkCardPortal(props: PreviewLinkCardPortalProps) { return ( ); } function buildQueryString( params: Record, ) { const sp = new URLSearchParams(); for (const [k, v] of Object.entries(params)) { if (v === undefined || v === null) continue; sp.append(k, String(v)); } return sp.toString(); } type PreviewLinkCardContentProps = HoverCardContentPropsPrimitive & React.ComponentProps<'a'>; function PreviewLinkCardContent({ side = 'top', sideOffset = 10, align = 'center', alignOffset, avoidCollisions, collisionBoundary, collisionPadding, arrowPadding, sticky, hideWhenDetached, transition = { type: 'spring', stiffness: 300, damping: 25 }, asChild, children, href: hrefProp, style, ...props }: PreviewLinkCardContentProps) { const { href } = usePreviewLinkCard(); return ( {asChild ? ( children ) : ( {children} )} ); } type PreviewLinkCardImageProps = Omit< React.ComponentProps<'img'>, 'src' | 'width' | 'height' >; function PreviewLinkCardImage({ alt = 'preview image', ...props }: PreviewLinkCardImageProps) { const { src, width, height } = usePreviewLinkCard(); return {alt}

; } type PreviewLinkCardArrowProps = HoverCardArrowPropsPrimitive; function PreviewLinkCardArrow(props: PreviewLinkCardArrowProps) { return ( ); } export { PreviewLinkCard, PreviewLinkCardTrigger, PreviewLinkCardPortal, PreviewLinkCardContent, PreviewLinkCardImage, PreviewLinkCardArrow, usePreviewLinkCard, type PreviewLinkCardProps, type PreviewLinkCardTriggerProps, type PreviewLinkCardPortalProps, type PreviewLinkCardContentProps, type PreviewLinkCardImageProps, type PreviewLinkCardArrowProps, type PreviewLinkCardContextType, }; 55:T1415,'use client'; import * as React from 'react'; import { HoverCard as HoverCardPrimitive } from 'radix-ui'; import { AnimatePresence, motion, useMotionValue, useSpring, type MotionValue, type HTMLMotionProps, type SpringOptions, } from 'motion/react'; import { getStrictContext } from '@/lib/get-strict-context'; import { useControlledState } from '@/hooks/use-controlled-state'; type HoverCardContextType = { isOpen: boolean; setIsOpen: (isOpen: boolean) => void; x: MotionValue; y: MotionValue; followCursor?: boolean | 'x' | 'y'; followCursorSpringOptions?: SpringOptions; }; const [HoverCardProvider, useHoverCard] = getStrictContext('HoverCardContext'); type HoverCardProps = React.ComponentProps & { followCursor?: boolean | 'x' | 'y'; followCursorSpringOptions?: SpringOptions; }; function HoverCard({ followCursor = false, followCursorSpringOptions = { stiffness: 200, damping: 17 }, ...props }: HoverCardProps) { const [isOpen, setIsOpen] = useControlledState({ value: props?.open, defaultValue: props?.defaultOpen, onChange: props?.onOpenChange, }); const x = useMotionValue(0); const y = useMotionValue(0); return ( ); } type HoverCardTriggerProps = React.ComponentProps< typeof HoverCardPrimitive.Trigger >; function HoverCardTrigger({ onMouseMove, ...props }: HoverCardTriggerProps) { const { x, y, followCursor } = useHoverCard(); const handleMouseMove = (event: React.MouseEvent) => { onMouseMove?.(event); const target = event.currentTarget.getBoundingClientRect(); if (followCursor === 'x' || followCursor === true) { const eventOffsetX = event.clientX - target.left; const offsetXFromCenter = (eventOffsetX - target.width / 2) / 2; x.set(offsetXFromCenter); } if (followCursor === 'y' || followCursor === true) { const eventOffsetY = event.clientY - target.top; const offsetYFromCenter = (eventOffsetY - target.height / 2) / 2; y.set(offsetYFromCenter); } }; return ( ); } type HoverCardPortalProps = Omit< React.ComponentProps, 'forceMount' >; function HoverCardPortal(props: HoverCardPortalProps) { const { isOpen } = useHoverCard(); return ( {isOpen && ( )} ); } type HoverCardContentProps = React.ComponentProps< typeof HoverCardPrimitive.Content > & HTMLMotionProps<'div'>; function HoverCardContent({ align, alignOffset, side, sideOffset, avoidCollisions, collisionBoundary, collisionPadding, arrowPadding, sticky, hideWhenDetached, style, transition = { type: 'spring', stiffness: 300, damping: 25 }, ...props }: HoverCardContentProps) { const { x, y, followCursor, followCursorSpringOptions } = useHoverCard(); const translateX = useSpring(x, followCursorSpringOptions); const translateY = useSpring(y, followCursorSpringOptions); return ( ); } type HoverCardArrowProps = React.ComponentProps< typeof HoverCardPrimitive.Arrow >; function HoverCardArrow(props: HoverCardArrowProps) { return ; } export { HoverCard, HoverCardTrigger, HoverCardPortal, HoverCardContent, HoverCardArrow, useHoverCard, type HoverCardProps, type HoverCardTriggerProps, type HoverCardPortalProps, type HoverCardContentProps, type HoverCardArrowProps, type HoverCardContextType, }; 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}],["$","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"}]]}]}],["$","li","radix-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","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":"radix-ui"}]]}]}]]}],["$","$L50",null,{"namespace":"@corr","registryDependencies":["badge","button","card","https://ui.corr.sh/r/carousel.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/corr/components/project-card-carousel.tsx","content":"$52","type":"registry:block"},{"path":"src/components/animate-ui/components/radix/preview-link-card.tsx","content":"$53","type":"registry:component"},{"path":"src/components/animate-ui/primitives/radix/preview-link-card.tsx","content":"$54","type":"registry:component"},{"path":"src/components/animate-ui/primitives/radix/hover-card.tsx","content":"$55","type":"registry:component"},{"path":"src/lib/get-strict-context.tsx","content":"import * as React from 'react';\n\nfunction getStrictContext(\n name?: string,\n): readonly [\n ({\n value,\n children,\n }: {\n value: T;\n children?: React.ReactNode;\n }) => React.JSX.Element,\n () => T,\n] {\n const Context = React.createContext(undefined);\n\n const Provider = ({\n value,\n children,\n }: {\n value: T;\n children?: React.ReactNode;\n }) => {children};\n\n const useSafeContext = () => {\n const ctx = React.useContext(Context);\n if (ctx === undefined) {\n throw new Error(`useContext must be used within ${name ?? 'a Provider'}`);\n }\n return ctx;\n };\n\n return [Provider, useSafeContext] as const;\n}\n\nexport { getStrictContext };\n","type":"registry:lib"},{"path":"src/hooks/use-controlled-state.tsx","content":"import * as React from 'react';\n\ninterface CommonControlledStateProps {\n value?: T;\n defaultValue?: T;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useControlledState(\n props: CommonControlledStateProps & {\n onChange?: (value: T, ...args: Rest) => void;\n },\n): readonly [T, (next: T, ...args: Rest) => void] {\n const { value, defaultValue, onChange } = props;\n\n const [state, setInternalState] = React.useState(\n value !== undefined ? value : (defaultValue as T),\n );\n\n React.useEffect(() => {\n if (value !== undefined) setInternalState(value);\n }, [value]);\n\n const setState = React.useCallback(\n (next: T, ...args: Rest) => {\n setInternalState(next);\n onChange?.(next, ...args);\n },\n [onChange],\n );\n\n return [state, setState] as const;\n}\n","type":"registry:lib"}],"className":"h-[70svh] min-h-80"}]]}]