53: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"] 54: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"] 55:T1554,'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; deviceScaleFactor?: number; colorScheme?: 'light' | 'dark'; }; function PreviewLinkCard({ href, src, width = 240, height = 135, deviceScaleFactor = 1, colorScheme = 'light', ...props }: PreviewLinkCardProps) { const imageSrc = src ?? `https://api.microlink.io/?${buildQueryString({ url: href, screenshot: true, meta: false, embed: 'screenshot.url', colorScheme, 'viewport.isMobile': true, 'viewport.deviceScaleFactor': deviceScaleFactor, 'viewport.width': width * 3, 'viewport.height': 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, }; 52:["$","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","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"}]]}]}]]}],["$","$L53",null,{"namespace":"@animate-ui","registryDependencies":["@animate-ui/primitives-radix-hover-card","@animate-ui/lib-get-strict-context"]}]]}],null]}],["$","$L54",null,{"files":[{"path":"registry/primitives/radix/preview-link-card/index.tsx","content":"$55","type":"registry:ui","target":"components/animate-ui/primitives/radix/preview-link-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]