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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 50:T1602,'use client' import * as React from 'react' import { PreviewCard as PreviewCardPrimitive, PreviewCardTrigger as PreviewCardTriggerPrimitive, PreviewCardPortal as PreviewCardPortalPrimitive, PreviewCardArrow as PreviewCardArrowPrimitive, PreviewCardPositioner as PreviewCardPositionerPrimitive, PreviewCardPopup as PreviewCardPopupPrimitive, PreviewCardBackdrop as PreviewCardBackdropPrimitive, type PreviewCardProps as PreviewCardPropsPrimitive, type PreviewCardTriggerProps as PreviewCardTriggerPropsPrimitive, type PreviewCardPortalProps as PreviewCardPortalPropsPrimitive, type PreviewCardPositionerProps as PreviewCardPositionerPropsPrimitive, type PreviewCardPopupProps as PreviewCardPopupPropsPrimitive, type PreviewCardArrowProps as PreviewCardArrowPropsPrimitive, type PreviewCardBackdropProps as PreviewCardBackdropPropsPrimitive, } from '@/components/ui/preview-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 = PreviewCardPropsPrimitive & { 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 = PreviewCardTriggerPropsPrimitive & React.ComponentProps<'a'> function PreviewLinkCardTrigger({ children, href: hrefProp, render, ...props }: PreviewLinkCardTriggerProps) { const { href } = usePreviewLinkCard() return ( {children}} {...props} /> ) } type PreviewLinkCardPortalProps = PreviewCardPortalPropsPrimitive function PreviewLinkCardPortal(props: PreviewLinkCardPortalProps) { return } type PreviewLinkCardPositionerProps = PreviewCardPositionerPropsPrimitive function PreviewLinkCardPositioner({ side = 'top', sideOffset = 10, align = 'center', ...props }: PreviewLinkCardPositionerProps) { 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 PreviewLinkCardPopupProps = PreviewCardPopupPropsPrimitive & React.ComponentProps<'a'> function PreviewLinkCardPopup({ href: hrefProp, style, children, ...props }: PreviewLinkCardPopupProps) { const { href } = usePreviewLinkCard() return ( {children} ) } type PreviewLinkCardImageProps = Omit, 'src' | 'width' | 'height'> function PreviewLinkCardImage({ alt = 'preview image', ...props }: PreviewLinkCardImageProps) { const { src, width, height } = usePreviewLinkCard() return {alt}

} type PreviewLinkCardBackdropProps = PreviewCardBackdropPropsPrimitive function PreviewLinkCardBackdrop(props: PreviewLinkCardBackdropProps) { return } type PreviewLinkCardArrowProps = PreviewCardArrowPropsPrimitive function PreviewLinkCardArrow(props: PreviewLinkCardArrowProps) { return } export { PreviewLinkCard, PreviewLinkCardTrigger, PreviewLinkCardPortal, PreviewLinkCardPositioner, PreviewLinkCardPopup, PreviewLinkCardImage, PreviewLinkCardBackdrop, PreviewLinkCardArrow, usePreviewLinkCard, type PreviewLinkCardProps, type PreviewLinkCardTriggerProps, type PreviewLinkCardPortalProps, type PreviewLinkCardPositionerProps, type PreviewLinkCardPopupProps, type PreviewLinkCardImageProps, type PreviewLinkCardBackdropProps, type PreviewLinkCardArrowProps, type PreviewLinkCardContextType, } 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","@space-ui-components/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40space-ui-components%2Freact","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":"@space-ui-components/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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@spaceui","registryDependencies":["https://www.spaceui.one/r/lib-get-strict-context.json","https://www.spaceui.one/r/primitives-preview-card.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/primitives/preview-link-card/index.tsx","content":"$50","type":"registry:ui","target":"components/ui/preview-link-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]