vinext 0.0.49 → 0.0.51

package/dist/shims/image.js

@@ -1,8 +1,9 @@
 "use client";
-import { hasRemoteMatch } from "./image-config.js";
+import { hasRemoteMatch, isPrivateIp } from "./image-config.js";
 import { useMergedRef } from "./use-merged-ref.js";
-import { forwardRef, useEffect, useLayoutEffect, useRef } from "react";
+import { forwardRef, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import * as ReactDOM from "react-dom";
 import { Image as Image$1 } from "@unpic/react";
 //#region src/shims/image.tsx
 /**
@@ -62,6 +63,12 @@ const __imageDeviceSizes = (() => {
 */
 const __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === "true";
 /**
+* Whether dangerouslyAllowLocalIP is enabled in next.config.js.
+* When false (default), remote image URLs with literal private-IP hostnames
+* are blocked to mitigate SSRF risk.
+*/
+const __dangerouslyAllowLocalIP = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_LOCAL_IP === "true";
+/**
 * Validate that a remote URL is allowed by the configured remote patterns.
 * Returns true if the URL is allowed, false otherwise.
 *
@@ -71,9 +78,11 @@ const __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG =
 * When patterns ARE configured, only matching URLs are allowed.
 * In development, non-matching URLs produce a console warning.
 * In production, non-matching URLs are blocked (src replaced with empty string).
+*
+* Private-IP hostnames are additionally rejected unless dangerouslyAllowLocalIP
+* is set, mirroring Next.js's fetchExternalImage guard.
 */
 function validateRemoteUrl(src) {
-	if (!__hasImageConfig) return { allowed: true };
 	let url;
 	try {
 		url = new URL(src, "http://n");
@@ -83,6 +92,11 @@ function validateRemoteUrl(src) {
 			reason: `Invalid URL: ${src}`
 		};
 	}
+	if (!__dangerouslyAllowLocalIP && isPrivateIp(url.hostname)) return {
+		allowed: false,
+		reason: `Image URL "${src}" resolved to private IP. If this is expected and you understand SSRF risk, use images.dangerouslyAllowLocalIP = true to continue.`
+	};
+	if (!__hasImageConfig) return { allowed: true };
 	if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) return { allowed: true };
 	return {
 		allowed: false,
@@ -161,6 +175,17 @@ function sanitizeBlurDataURL(url) {
 function isRemoteUrl(src) {
 	return src.startsWith("http://") || src.startsWith("https://") || src.startsWith("//");
 }
+function getFillStyle(style, backgroundStyle) {
+	return {
+		position: "absolute",
+		inset: 0,
+		width: "100%",
+		height: "100%",
+		objectFit: "cover",
+		...backgroundStyle,
+		...style
+	};
+}
 /**
 * Resolve src, width, height, blurDataURL from Image props (string or StaticImageData).
 * Shared by the Image component and getImageProps to keep behavior in sync.
@@ -189,6 +214,16 @@ const RESPONSIVE_WIDTHS = __imageDeviceSizes;
 function imageOptimizationUrl(src, width, quality = 75) {
 	return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
 }
+function preloadImageResource(input) {
+	if (!input.shouldPreload) return;
+	if (typeof ReactDOM.preload !== "function") return;
+	ReactDOM.preload(input.src, {
+		as: "image",
+		imageSrcSet: input.srcSet,
+		imageSizes: input.sizes,
+		fetchPriority: input.fetchPriority
+	});
+}
 /**
 * Generate a srcSet string for responsive images.
 *
@@ -201,7 +236,7 @@ function generateSrcSet(src, originalWidth, quality = 75) {
 	if (widths.length === 0) return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;
 	return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(", ");
 }
-const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill, priority, quality, placeholder, blurDataURL, loader, sizes, className, style, onLoad, onLoadingComplete, onError, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest }, ref) {
+const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill, preload, priority, quality, placeholder, blurDataURL, loader, sizes, className, style, onLoad, onLoadingComplete, onError, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest }, ref) {
 	const lastLoadedSrcRef = useRef(void 0);
 	const lastErrorSrcRef = useRef(void 0);
 	const didInsertRef = useRef(false);
@@ -225,11 +260,21 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 		height,
 		blurDataURL
 	});
+	const shouldPreload = preload === true || priority === true;
+	const priorityFetchPriority = priority ? "high" : void 0;
+	const imageLoading = priority ? "eager" : shouldPreload ? loading : loading ?? "lazy";
+	const [completedBlurSrc, setCompletedBlurSrc] = useState(void 0);
+	const blurComplete = completedBlurSrc === src;
+	const markBlurComplete = () => {
+		if (placeholder !== "blur") return;
+		setCompletedBlurSrc((current) => current === src ? current : src);
+	};
 	useNonWarningLayoutEffect(() => {
 		if (!didInsertRef.current && imgElementRef.current !== null) {
 			const img = imgElementRef.current;
 			if (onErrorRef.current) img.src = img.src;
 			if (img.complete && img.naturalWidth > 0) {
+				markBlurComplete();
 				const currentOnLoad = onLoadRef.current;
 				const currentOnLoadingComplete = onLoadingCompleteRef.current;
 				if (currentOnLoad || currentOnLoadingComplete) {
@@ -251,118 +296,159 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 	const handleLoad = onLoadingComplete ? (e) => {
 		if (lastLoadedSrcRef.current === src) return;
 		lastLoadedSrcRef.current = src;
+		markBlurComplete();
 		onLoad?.(e);
 		onLoadingComplete(e.currentTarget);
 	} : onLoad ? (e) => {
 		if (lastLoadedSrcRef.current === src) return;
 		lastLoadedSrcRef.current = src;
+		markBlurComplete();
 		onLoad(e);
+	} : placeholder === "blur" ? () => {
+		if (lastLoadedSrcRef.current === src) return;
+		lastLoadedSrcRef.current = src;
+		markBlurComplete();
 	} : void 0;
 	const handleError = onError ? (e) => {
 		if (lastErrorSrcRef.current === src) return;
 		lastErrorSrcRef.current = src;
+		markBlurComplete();
 		onError(e);
+	} : placeholder === "blur" ? () => {
+		if (lastErrorSrcRef.current === src) return;
+		lastErrorSrcRef.current = src;
+		markBlurComplete();
 	} : void 0;
-	if (loader) return /* @__PURE__ */ jsx("img", {
-		ref: mergedRef,
-		src: loader({
+	if (loader) {
+		const resolvedSrc = loader({
 			src,
 			width: imgWidth ?? 0,
 			quality: quality ?? 75
-		}),
-		alt,
-		width: fill ? void 0 : imgWidth,
-		height: fill ? void 0 : imgHeight,
-		loading: priority ? "eager" : loading ?? "lazy",
-		decoding: "async",
-		sizes,
-		className,
-		onLoad: handleLoad,
-		onError: handleError,
-		style: fill ? {
-			position: "absolute",
-			inset: 0,
-			width: "100%",
-			height: "100%",
-			objectFit: "cover",
-			...style
-		} : style,
-		...rest
-	});
-	if (isRemoteUrl(src)) {
-		const validation = validateRemoteUrl(src);
-		if (!validation.allowed) if (__isDev) console.warn(`[next/image] ${validation.reason}`);
-		else {
-			console.error(`[next/image] ${validation.reason}`);
-			return null;
-		}
-		const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : void 0;
-		const bg = placeholder === "blur" && sanitizedBlur ? `url(${sanitizedBlur})` : void 0;
-		if (fill) return /* @__PURE__ */ jsx(Image$1, {
-			src,
-			alt,
-			layout: "fullWidth",
-			loading: priority ? "eager" : loading ?? "lazy",
-			fetchPriority: priority ? "high" : void 0,
+		});
+		preloadImageResource({
+			shouldPreload,
+			src: resolvedSrc,
 			sizes,
-			className,
-			background: bg,
-			onLoad: handleLoad,
-			onError: handleError,
-			ref: mergedRef
+			fetchPriority: priorityFetchPriority
 		});
-		if (imgWidth && imgHeight) return /* @__PURE__ */ jsx(Image$1, {
-			src,
+		return /* @__PURE__ */ jsx("img", {
+			ref: mergedRef,
+			src: resolvedSrc,
 			alt,
-			width: imgWidth,
-			height: imgHeight,
-			layout: "constrained",
-			loading: priority ? "eager" : loading ?? "lazy",
-			fetchPriority: priority ? "high" : void 0,
+			width: fill ? void 0 : imgWidth,
+			height: fill ? void 0 : imgHeight,
+			loading: imageLoading,
+			decoding: "async",
 			sizes,
 			className,
-			background: bg,
 			onLoad: handleLoad,
 			onError: handleError,
-			ref: mergedRef
+			style: fill ? getFillStyle(style) : style,
+			...rest
 		});
 	}
+	if (isRemoteUrl(src)) {
+		const validation = validateRemoteUrl(src);
+		if (!validation.allowed) if (__isDev) console.warn(`[next/image] ${validation.reason}`);
+		else {
+			console.error(`[next/image] ${validation.reason}`);
+			return null;
+		}
+		const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : void 0;
+		const showBlur = !blurComplete && placeholder === "blur" && sanitizedBlur;
+		const blurStyle = showBlur ? {
+			backgroundImage: `url(${sanitizedBlur})`,
+			backgroundSize: "cover",
+			backgroundRepeat: "no-repeat",
+			backgroundPosition: "center"
+		} : void 0;
+		const bg = showBlur ? `url(${sanitizedBlur})` : void 0;
+		if (fill) {
+			const fillSizes = sizes ?? "100vw";
+			preloadImageResource({
+				shouldPreload,
+				src,
+				sizes: fillSizes,
+				fetchPriority: priorityFetchPriority
+			});
+			return /* @__PURE__ */ jsx("img", {
+				ref: mergedRef,
+				src,
+				alt,
+				loading: imageLoading,
+				fetchPriority: priorityFetchPriority,
+				decoding: "async",
+				sizes: fillSizes,
+				className,
+				"data-nimg": "fill",
+				onLoad: handleLoad,
+				onError: handleError,
+				style: getFillStyle(style, blurStyle),
+				...rest
+			});
+		}
+		if (imgWidth && imgHeight) {
+			const unpicRuntimeStyleProps = { style };
+			preloadImageResource({
+				shouldPreload,
+				src,
+				sizes,
+				fetchPriority: priorityFetchPriority
+			});
+			return /* @__PURE__ */ jsx(Image$1, {
+				src,
+				alt,
+				width: imgWidth,
+				height: imgHeight,
+				layout: "constrained",
+				loading: imageLoading,
+				fetchPriority: priorityFetchPriority,
+				sizes,
+				className,
+				...unpicRuntimeStyleProps,
+				background: bg,
+				onLoad: handleLoad,
+				onError: handleError,
+				ref: mergedRef
+			});
+		}
+	}
 	const imgQuality = quality ?? 75;
 	const isSvg = src.endsWith(".svg");
 	const skipOptimization = _unoptimized === true || isSvg && !__dangerouslyAllowSVG;
 	const srcSet = imgWidth && !fill && !skipOptimization ? generateSrcSet(src, imgWidth, imgQuality) : imgWidth && !fill ? RESPONSIVE_WIDTHS.filter((w) => w <= imgWidth * 2).map((w) => `${src} ${w}w`).join(", ") || `${src} ${imgWidth}w` : void 0;
 	const optimizedSrc = skipOptimization ? src : imgWidth ? imageOptimizationUrl(src, imgWidth, imgQuality) : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);
 	const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : void 0;
-	const blurStyle = placeholder === "blur" && sanitizedLocalBlur ? {
+	const blurStyle = !blurComplete && placeholder === "blur" && sanitizedLocalBlur ? {
 		backgroundImage: `url(${sanitizedLocalBlur})`,
 		backgroundSize: "cover",
 		backgroundRepeat: "no-repeat",
 		backgroundPosition: "center"
 	} : void 0;
+	const imageSizes = sizes ?? (fill ? "100vw" : void 0);
+	preloadImageResource({
+		shouldPreload,
+		src: optimizedSrc,
+		srcSet,
+		sizes: imageSizes,
+		fetchPriority: priorityFetchPriority
+	});
 	return /* @__PURE__ */ jsx("img", {
 		ref: mergedRef,
 		src: optimizedSrc,
 		alt,
 		width: fill ? void 0 : imgWidth,
 		height: fill ? void 0 : imgHeight,
-		loading: priority ? "eager" : loading ?? "lazy",
-		fetchPriority: priority ? "high" : void 0,
+		loading: imageLoading,
+		fetchPriority: priorityFetchPriority,
 		decoding: "async",
 		srcSet,
-		sizes: sizes ?? (fill ? "100vw" : void 0),
+		sizes: imageSizes,
 		className,
 		"data-nimg": fill ? "fill" : "1",
 		onLoad: handleLoad,
 		onError: handleError,
-		style: fill ? {
-			position: "absolute",
-			inset: 0,
-			width: "100%",
-			height: "100%",
-			objectFit: "cover",
-			...blurStyle,
-			...style
-		} : {
+		style: fill ? getFillStyle(style, blurStyle) : {
 			...blurStyle,
 			...style
 		},
@@ -374,13 +460,14 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 * Returns the props that would be passed to the underlying <img> element.
 */
 function getImageProps(props) {
-	const { src: srcProp, alt, width, height, fill, priority, quality: _quality, placeholder, blurDataURL: blurDataURLProp, loader, sizes, className, style, onLoad: _onLoad, onLoadingComplete: _onLoadingComplete, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest } = props;
+	const { src: srcProp, alt, width, height, fill, preload: _preload, priority, quality: _quality, placeholder, blurDataURL: blurDataURLProp, loader, sizes, className, style, onLoad: _onLoad, onLoadingComplete: _onLoadingComplete, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest } = props;
 	const { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL } = resolveImageSource({
 		src: srcProp,
 		width,
 		height,
 		blurDataURL: blurDataURLProp
 	});
+	const shouldPreload = _preload === true || priority === true;
 	let blockedInProd = false;
 	if (isRemoteUrl(src)) {
 		const validation = validateRemoteUrl(src);
@@ -412,22 +499,14 @@ function getImageProps(props) {
 		alt,
 		width: fill ? void 0 : imgWidth,
 		height: fill ? void 0 : imgHeight,
-		loading: priority ? "eager" : loading ?? "lazy",
+		loading: priority ? "eager" : shouldPreload ? loading : loading ?? "lazy",
 		fetchPriority: priority ? "high" : void 0,
 		decoding: "async",
 		srcSet,
 		sizes: sizes ?? (fill ? "100vw" : void 0),
 		className,
 		"data-nimg": fill ? "fill" : "1",
-		style: fill ? {
-			position: "absolute",
-			inset: 0,
-			width: "100%",
-			height: "100%",
-			objectFit: "cover",
-			...blurStyle,
-			...style
-		} : {
+		style: fill ? getFillStyle(style, blurStyle) : {
 			...blurStyle,
 			...style
 		},

package/dist/shims/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":["UnpicImage"],"sources":["../../src/shims/image.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * next/image shim\n *\n * Translates Next.js Image props to @unpic/react Image component.\n * @unpic/react auto-detects CDN from URL and uses native transforms.\n * For local images (relative paths), routes through `/_vinext/image`\n * for server-side optimization (resize, format negotiation, quality).\n *\n * Remote images are validated against `images.remotePatterns` and\n * `images.domains` from next.config.js. Unmatched URLs are blocked\n * in production and warn in development, matching Next.js behavior.\n */\nimport React, { forwardRef, useEffect, useLayoutEffect, useRef } from \"react\";\nimport { Image as UnpicImage } from \"@unpic/react\";\nimport { hasRemoteMatch, type RemotePattern } from \"./image-config.js\";\nimport { useMergedRef } from \"./use-merged-ref.js\";\n\nexport type StaticImageData = {\n  src: string;\n  height: number;\n  width: number;\n  blurDataURL?: string;\n};\n\n/**\n * Image config injected at build time via Vite define.\n * Serialized as JSON — parsed once at module level.\n */\nconst __imageRemotePatterns: RemotePattern[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __imageDomains: string[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __hasImageConfig = __imageRemotePatterns.length > 0 || __imageDomains.length > 0;\nconst __isDev = process.env.NODE_ENV !== \"production\";\nconst __imageDeviceSizes: number[] = (() => {\n  try {\n    return JSON.parse(\n      process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? \"[640,750,828,1080,1200,1920,2048,3840]\",\n    );\n  } catch {\n    return [640, 750, 828, 1080, 1200, 1920, 2048, 3840];\n  }\n})();\n/**\n * Whether dangerouslyAllowSVG is enabled in next.config.js.\n * When false (default), .svg sources auto-skip the optimization endpoint\n * and are served directly, matching Next.js behavior.\n * When true, .svg sources are routed through the optimizer (served as-is\n * with security headers).\n */\nconst __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === \"true\";\n/**\n * Validate that a remote URL is allowed by the configured remote patterns.\n * Returns true if the URL is allowed, false otherwise.\n *\n * When no remotePatterns/domains are configured, all remote URLs are allowed\n * (backwards-compatible — user hasn't opted into restriction).\n *\n * When patterns ARE configured, only matching URLs are allowed.\n * In development, non-matching URLs produce a console warning.\n * In production, non-matching URLs are blocked (src replaced with empty string).\n */\nfunction validateRemoteUrl(src: string): { allowed: boolean; reason?: string } {\n  if (!__hasImageConfig) {\n    // No image config — allow everything (backwards-compatible)\n    return { allowed: true };\n  }\n\n  let url: URL;\n  try {\n    url = new URL(src, \"http://n\");\n  } catch {\n    return { allowed: false, reason: `Invalid URL: ${src}` };\n  }\n\n  if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) {\n    return { allowed: true };\n  }\n\n  return {\n    allowed: false,\n    reason: `Image URL \"${src}\" is not configured in images.remotePatterns or images.domains in next.config.js. See: https://nextjs.org/docs/messages/next-image-unconfigured-host`,\n  };\n}\n\n/**\n * A version of useLayoutEffect that doesn't warn during SSR.\n * Do not rename this to \"isomorphic layout effect\". There is no such thing as\n * an isomorphic Layout Effect since there is no Layout on the server.\n * Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n */\nconst useNonWarningLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * Create a synthetic React load event for replaying onLoad/onLoadingComplete\n * during hydration when the image already completed loading.\n *\n * This function creates a native Event(\"load\") via the DOM Event constructor\n * and must only be called in a browser context (client-side layout effect).\n * It mirrors the pattern used in Next.js `handleLoading`.\n */\nfunction createSyntheticLoadEvent(img: HTMLImageElement): React.SyntheticEvent<HTMLImageElement> {\n  const nativeEvent = new Event(\"load\");\n  Object.defineProperty(nativeEvent, \"target\", { writable: false, value: img });\n  let prevented = false;\n  let stopped = false;\n  return {\n    bubbles: nativeEvent.bubbles,\n    cancelable: nativeEvent.cancelable,\n    currentTarget: img,\n    defaultPrevented: false,\n    eventPhase: nativeEvent.eventPhase,\n    isTrusted: false,\n    nativeEvent,\n    target: img,\n    timeStamp: nativeEvent.timeStamp,\n    type: \"load\",\n    isDefaultPrevented: () => prevented,\n    isPropagationStopped: () => stopped,\n    persist: () => {},\n    preventDefault: () => {\n      prevented = true;\n      nativeEvent.preventDefault();\n    },\n    stopPropagation: () => {\n      stopped = true;\n      nativeEvent.stopPropagation();\n    },\n  };\n}\n\ntype ImageProps = {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number;\n  height?: number;\n  fill?: boolean;\n  priority?: boolean;\n  quality?: number;\n  placeholder?: \"blur\" | \"empty\";\n  blurDataURL?: string;\n  loader?: (params: { src: string; width: number; quality?: number }) => string;\n  sizes?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onLoad?: React.ReactEventHandler<HTMLImageElement>;\n  /** @deprecated Use onLoad instead. Still supported for migration compat. */\n  onLoadingComplete?: (img: HTMLImageElement) => void;\n  onError?: React.ReactEventHandler<HTMLImageElement>;\n  onClick?: React.MouseEventHandler<HTMLImageElement>;\n  id?: string;\n  // Accept and ignore Next.js-specific props that don't apply\n  unoptimized?: boolean;\n  overrideSrc?: string;\n  loading?: \"lazy\" | \"eager\";\n};\n\n/**\n * Sanitize a blurDataURL to prevent CSS injection.\n *\n * A crafted data URL containing `)` can break out of the `url()` CSS function,\n * allowing injection of arbitrary CSS properties or rules. Characters like `{`,\n * `}`, and `\\` can also assist in crafting injection payloads.\n *\n * This validates the URL starts with `data:image/` and rejects characters that\n * could escape the `url()` context. Semicolons are allowed since they're part\n * of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.\n *\n * Returns undefined for invalid URLs, which causes the blur placeholder to be\n * skipped gracefully.\n */\nfunction sanitizeBlurDataURL(url: string): string | undefined {\n  // Must be a data: image URL\n  if (!url.startsWith(\"data:image/\")) return undefined;\n  // Reject characters that can break out of CSS url():\n  //   ) - closes url()\n  //   ( - could open nested functions\n  //   { } - CSS rule boundaries\n  //   \\ - CSS escape sequences\n  //   newlines - break CSS parsing\n  if (/[)(}{\\\\'\"\\n\\r]/.test(url)) return undefined;\n  return url;\n}\n\n/**\n * Determine if a src is a remote URL (CDN-optimizable) or local.\n */\nfunction isRemoteUrl(src: string): boolean {\n  return src.startsWith(\"http://\") || src.startsWith(\"https://\") || src.startsWith(\"//\");\n}\n\n/**\n * Resolve src, width, height, blurDataURL from Image props (string or StaticImageData).\n * Shared by the Image component and getImageProps to keep behavior in sync.\n */\nfunction resolveImageSource(v: {\n  src: string | StaticImageData;\n  width?: number;\n  height?: number;\n  blurDataURL?: string;\n}): { src: string; width?: number; height?: number; blurDataURL?: string } {\n  const src = typeof v.src === \"string\" ? v.src : v.src.src;\n  const imgWidth = v.width ?? (typeof v.src === \"object\" ? v.src.width : undefined);\n  const imgHeight = v.height ?? (typeof v.src === \"object\" ? v.src.height : undefined);\n  const imgBlurDataURL =\n    v.blurDataURL ?? (typeof v.src === \"object\" ? v.src.blurDataURL : undefined);\n  return { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL };\n}\n\n/**\n * Responsive image widths matching Next.js's device sizes config.\n * These are the breakpoints used for srcSet generation.\n * Configurable via `images.deviceSizes` in next.config.js.\n */\nconst RESPONSIVE_WIDTHS = __imageDeviceSizes;\n\n/**\n * Build a `/_vinext/image` optimization URL.\n *\n * In production (Cloudflare Workers), the worker intercepts this path and uses\n * the Images binding to resize/transcode on the fly. In dev, the Vite dev\n * server handles it as a passthrough (serves the original file).\n */\nexport function imageOptimizationUrl(src: string, width: number, quality: number = 75): string {\n  return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\n\n/**\n * Generate a srcSet string for responsive images.\n *\n * Each width points to the `/_vinext/image` optimization endpoint so the\n * server can resize and transcode the image. Only includes widths that are\n * <= 2x the original image width to avoid pointless upscaling.\n */\nfunction generateSrcSet(src: string, originalWidth: number, quality: number = 75): string {\n  const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);\n  if (widths.length === 0)\n    return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;\n  return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(\", \");\n}\n\nconst Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality,\n    placeholder,\n    blurDataURL,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad,\n    onLoadingComplete,\n    onError,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  },\n  ref,\n) {\n  // Dedup refs: ensure onLoad and onError fire at most once per src per mount.\n  // Matches Next.js behavior — prevents double-firing from React re-renders,\n  // strict-mode double-invocation, or state updates inside the handler itself.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  const lastLoadedSrcRef = useRef<string | undefined>(undefined);\n  const lastErrorSrcRef = useRef<string | undefined>(undefined);\n\n  // Hydration-level onError replay: when an image fails to load during SSR\n  // streaming or initial HTML parse (before React hydrates), the native browser\n  // error event is lost. Re-trigger it via `img.src = img.src` in a layout\n  // effect once hydration completes, mirroring the upstream Next.js fix.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  const didInsertRef = useRef(false);\n  const imgElementRef = useRef<HTMLImageElement | null>(null);\n\n  // Merge forwarded ref with internal img ref for layout effect access.\n  const mergedRef = useMergedRef(ref, imgElementRef);\n\n  // Stable refs for onLoad / onError / onLoadingComplete so the layout effect\n  // does not re-run (and re-assign img.src) when handler identity changes.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  //\n  // IMPORTANT: The useRef+useEffect sync pattern has a subtle timing gap:\n  // during the first render, onLoadRef.current holds the initial value from\n  // useRef(onLoad), and the useEffect to sync it runs AFTER the layout effect.\n  // This means on first mount the layout effect reads the correct initial\n  // value (passed to useRef). If someone changes useRef(onLoad) to\n  // useRef(undefined), the layout effect would read undefined on first mount.\n  const onLoadRef = useRef(onLoad);\n  useEffect(() => {\n    onLoadRef.current = onLoad;\n  }, [onLoad]);\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n  const onLoadingCompleteRef = useRef(onLoadingComplete);\n  useEffect(() => {\n    onLoadingCompleteRef.current = onLoadingComplete;\n  }, [onLoadingComplete]);\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL });\n\n  useNonWarningLayoutEffect(() => {\n    if (!didInsertRef.current && imgElementRef.current !== null) {\n      const img = imgElementRef.current;\n      // Replay error events lost during SSR/hydration.\n      if (onErrorRef.current) {\n        // eslint-disable-next-line no-self-assign\n        img.src = img.src;\n      }\n      // Replay onLoad for images that completed loading before React hydrated\n      // (e.g. SSR streaming where the image arrives and renders before hydration\n      // finishes). Without this, onLoad never fires for those images.\n      //\n      // img.complete is true for both successfully-loaded and errored images\n      // (the HTML spec defines complete as true when the browser finished\n      // fetching, regardless of outcome). We must check naturalWidth > 0 to\n      // distinguish success from error — a failed image has naturalWidth === 0.\n      // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n      if (img.complete && img.naturalWidth > 0) {\n        const currentOnLoad = onLoadRef.current;\n        const currentOnLoadingComplete = onLoadingCompleteRef.current;\n        if (currentOnLoad || currentOnLoadingComplete) {\n          // Dedup — fire at most once per src per mount, matching onLoad dedup\n          if (lastLoadedSrcRef.current !== src) {\n            lastLoadedSrcRef.current = src;\n            // Create a synthetic React event with the expected shape.\n            // next/image uses a similar pattern in `handleLoading`.\n            const syntheticEvent = createSyntheticLoadEvent(img);\n            currentOnLoad?.(syntheticEvent);\n            currentOnLoadingComplete?.(img);\n          }\n        }\n      }\n      didInsertRef.current = true;\n    }\n  }, [placeholder, sizes, _unoptimized]);\n\n  // Wire onLoadingComplete (deprecated) into onLoad — matches Next.js behavior.\n  // onLoad fires first, then onLoadingComplete receives the HTMLImageElement.\n  const handleLoad = onLoadingComplete\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastLoadedSrcRef.current === src) return;\n        lastLoadedSrcRef.current = src;\n        onLoad?.(e);\n        onLoadingComplete(e.currentTarget);\n      }\n    : onLoad\n      ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n          if (lastLoadedSrcRef.current === src) return;\n          lastLoadedSrcRef.current = src;\n          onLoad(e);\n        }\n      : undefined;\n\n  const handleError = onError\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastErrorSrcRef.current === src) return;\n        lastErrorSrcRef.current = src;\n        onError(e);\n      }\n    : undefined;\n\n  // If a custom loader is provided, use basic img with loader URL\n  if (loader) {\n    const resolvedSrc = loader({ src, width: imgWidth ?? 0, quality: quality ?? 75 });\n    return (\n      <img\n        ref={mergedRef}\n        src={resolvedSrc}\n        alt={alt}\n        width={fill ? undefined : imgWidth}\n        height={fill ? undefined : imgHeight}\n        loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n        decoding=\"async\"\n        sizes={sizes}\n        className={className}\n        onLoad={handleLoad}\n        onError={handleError}\n        style={\n          fill\n            ? {\n                position: \"absolute\",\n                inset: 0,\n                width: \"100%\",\n                height: \"100%\",\n                objectFit: \"cover\",\n                ...style,\n              }\n            : style\n        }\n        {...rest}\n      />\n    );\n  }\n\n  // For remote URLs, validate against remotePatterns then use @unpic/react\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n        // In dev, render the image but with a warning — matches Next.js dev behavior\n      } else {\n        // In production, block the image entirely\n        console.error(`[next/image] ${validation.reason}`);\n        return null;\n      }\n    }\n\n    const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n    const bg = placeholder === \"blur\" && sanitizedBlur ? `url(${sanitizedBlur})` : undefined;\n\n    if (fill) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          layout=\"fullWidth\"\n          // `priority` is a Next.js concept — translate it to HTML attributes so\n          // it is never forwarded to the DOM as a non-boolean attribute, which\n          // would trigger React's \"Received `true` for a non-boolean attribute\"\n          // warning.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n          onError={handleError}\n          ref={mergedRef}\n        />\n      );\n    }\n    // constrained layout requires width+height or aspectRatio\n    if (imgWidth && imgHeight) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          width={imgWidth}\n          height={imgHeight}\n          layout=\"constrained\"\n          // Same translation as above — never pass `priority` to the DOM.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n          onError={handleError}\n          ref={mergedRef}\n        />\n      );\n    }\n    // Fall through to basic <img> if dimensions not provided\n    // (unpic requires them for constrained layout)\n  }\n\n  // Route local images through the /_vinext/image optimization endpoint.\n  // In production on Cloudflare Workers, this resizes and transcodes via\n  // the Images binding. In dev, it serves the original file as a passthrough.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled, matching\n  // Next.js behavior where .svg triggers unoptimized=true by default.\n  const imgQuality = quality ?? 75;\n  const isSvg = src.endsWith(\".svg\");\n  const skipOptimization = _unoptimized === true || (isSvg && !__dangerouslyAllowSVG);\n\n  // Build srcSet for responsive local images (common breakpoints).\n  // Each entry points to /_vinext/image with the appropriate width.\n  const srcSet =\n    imgWidth && !fill && !skipOptimization\n      ? generateSrcSet(src, imgWidth, imgQuality)\n      : imgWidth && !fill\n        ? RESPONSIVE_WIDTHS.filter((w) => w <= imgWidth * 2)\n            .map((w) => `${src} ${w}w`)\n            .join(\", \") || `${src} ${imgWidth}w`\n        : undefined;\n\n  // The main `src` also goes through the optimization endpoint. Use the\n  // declared width (or the first responsive width as fallback).\n  const optimizedSrc = skipOptimization\n    ? src\n    : imgWidth\n      ? imageOptimizationUrl(src, imgWidth, imgQuality)\n      : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Blur placeholder: show a low-quality background while the image loads.\n  // Sanitize blurDataURL to prevent CSS injection via crafted data URLs.\n  const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedLocalBlur\n      ? {\n          backgroundImage: `url(${sanitizedLocalBlur})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n        }\n      : undefined;\n\n  // For local images, render a standard <img> tag with srcSet and blur support.\n  // The src and srcSet point to the /_vinext/image optimization endpoint.\n  return (\n    <img\n      ref={mergedRef}\n      src={optimizedSrc}\n      alt={alt}\n      width={fill ? undefined : imgWidth}\n      height={fill ? undefined : imgHeight}\n      loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n      fetchPriority={priority ? \"high\" : undefined}\n      decoding=\"async\"\n      srcSet={srcSet}\n      sizes={sizes ?? (fill ? \"100vw\" : undefined)}\n      className={className}\n      data-nimg={fill ? \"fill\" : \"1\"}\n      onLoad={handleLoad}\n      onError={handleError}\n      style={\n        fill\n          ? {\n              position: \"absolute\",\n              inset: 0,\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"cover\",\n              ...blurStyle,\n              ...style,\n            }\n          : { ...blurStyle, ...style }\n      }\n      {...rest}\n    />\n  );\n});\n\n/**\n * getImageProps — for advanced use cases (picture elements, background images).\n * Returns the props that would be passed to the underlying <img> element.\n */\nexport function getImageProps(props: ImageProps): {\n  props: React.ImgHTMLAttributes<HTMLImageElement>;\n} {\n  const {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality: _quality,\n    placeholder,\n    blurDataURL: blurDataURLProp,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad: _onLoad,\n    onLoadingComplete: _onLoadingComplete,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  } = props;\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL: blurDataURLProp });\n\n  // Validate remote URLs against configured patterns\n  let blockedInProd = false;\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n      } else {\n        console.error(`[next/image] ${validation.reason}`);\n        blockedInProd = true;\n      }\n    }\n  }\n\n  // Resolve src through custom loader if provided\n  const imgQuality = _quality ?? 75;\n  const resolvedSrc = blockedInProd\n    ? \"\"\n    : loader\n      ? loader({ src, width: imgWidth ?? 0, quality: imgQuality })\n      : src;\n\n  // For local images (no loader, not remote), route through optimization endpoint.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled.\n  const isSvg = resolvedSrc.endsWith(\".svg\");\n  const skipOpt =\n    _unoptimized === true ||\n    (isSvg && !__dangerouslyAllowSVG) ||\n    blockedInProd ||\n    !!loader ||\n    isRemoteUrl(resolvedSrc);\n  const optimizedSrc = skipOpt\n    ? resolvedSrc\n    : imgWidth\n      ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality)\n      : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Build srcSet for local images — each width points to /_vinext/image\n  const srcSet =\n    imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt\n      ? generateSrcSet(resolvedSrc, imgWidth, imgQuality)\n      : undefined;\n\n  // Blur placeholder styles — sanitize to prevent CSS injection\n  const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedBlurURL\n      ? {\n          backgroundImage: `url(${sanitizedBlurURL})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\" as const,\n          backgroundPosition: \"center\" as const,\n        }\n      : undefined;\n\n  return {\n    props: {\n      src: optimizedSrc,\n      alt,\n      width: fill ? undefined : imgWidth,\n      height: fill ? undefined : imgHeight,\n      loading: priority ? \"eager\" : (loading ?? \"lazy\"),\n      fetchPriority: priority ? (\"high\" as const) : undefined,\n      decoding: \"async\" as const,\n      srcSet,\n      sizes: sizes ?? (fill ? \"100vw\" : undefined),\n      className,\n      \"data-nimg\": fill ? \"fill\" : \"1\",\n      style: fill\n        ? {\n            position: \"absolute\" as const,\n            inset: 0,\n            width: \"100%\",\n            height: \"100%\",\n            objectFit: \"cover\" as const,\n            ...blurStyle,\n            ...style,\n          }\n        : { ...blurStyle, ...style },\n      ...rest,\n    } as React.ImgHTMLAttributes<HTMLImageElement>,\n  };\n}\n\nexport default Image;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,+BAAgD;AACpD,KAAI;AACF,SAAO,KAAK,MAAM,QAAQ,IAAI,kCAAkC,KAAK;SAC/D;AACN,SAAO,EAAE;;IAET;AACJ,MAAM,wBAAkC;AACtC,KAAI;AACF,SAAO,KAAK,MAAM,QAAQ,IAAI,0BAA0B,KAAK;SACvD;AACN,SAAO,EAAE;;IAET;AACJ,MAAM,mBAAmB,sBAAsB,SAAS,KAAK,eAAe,SAAS;AACrF,MAAM,UAAU,QAAQ,IAAI,aAAa;AACzC,MAAM,4BAAsC;AAC1C,KAAI;AACF,SAAO,KAAK,MACV,QAAQ,IAAI,+BAA+B,yCAC5C;SACK;AACN,SAAO;GAAC;GAAK;GAAK;GAAK;GAAM;GAAM;GAAM;GAAM;GAAK;;IAEpD;;;;;;;;AAQJ,MAAM,wBAAwB,QAAQ,IAAI,yCAAyC;;;;;;;;;;;;AAYnF,SAAS,kBAAkB,KAAoD;AAC7E,KAAI,CAAC,iBAEH,QAAO,EAAE,SAAS,MAAM;CAG1B,IAAI;AACJ,KAAI;AACF,QAAM,IAAI,IAAI,KAAK,WAAW;SACxB;AACN,SAAO;GAAE,SAAS;GAAO,QAAQ,gBAAgB;GAAO;;AAG1D,KAAI,eAAe,gBAAgB,uBAAuB,IAAI,CAC5D,QAAO,EAAE,SAAS,MAAM;AAG1B,QAAO;EACL,SAAS;EACT,QAAQ,cAAc,IAAI;EAC3B;;;;;;;;AASH,MAAM,4BAA4B,OAAO,WAAW,cAAc,YAAY;;;;;;;;;AAU9E,SAAS,yBAAyB,KAA+D;CAC/F,MAAM,cAAc,IAAI,MAAM,OAAO;AACrC,QAAO,eAAe,aAAa,UAAU;EAAE,UAAU;EAAO,OAAO;EAAK,CAAC;CAC7E,IAAI,YAAY;CAChB,IAAI,UAAU;AACd,QAAO;EACL,SAAS,YAAY;EACrB,YAAY,YAAY;EACxB,eAAe;EACf,kBAAkB;EAClB,YAAY,YAAY;EACxB,WAAW;EACX;EACA,QAAQ;EACR,WAAW,YAAY;EACvB,MAAM;EACN,0BAA0B;EAC1B,4BAA4B;EAC5B,eAAe;EACf,sBAAsB;AACpB,eAAY;AACZ,eAAY,gBAAgB;;EAE9B,uBAAuB;AACrB,aAAU;AACV,eAAY,iBAAiB;;EAEhC;;;;;;;;;;;;;;;;AA2CH,SAAS,oBAAoB,KAAiC;AAE5D,KAAI,CAAC,IAAI,WAAW,cAAc,CAAE,QAAO,KAAA;AAO3C,KAAI,iBAAiB,KAAK,IAAI,CAAE,QAAO,KAAA;AACvC,QAAO;;;;;AAMT,SAAS,YAAY,KAAsB;AACzC,QAAO,IAAI,WAAW,UAAU,IAAI,IAAI,WAAW,WAAW,IAAI,IAAI,WAAW,KAAK;;;;;;AAOxF,SAAS,mBAAmB,GAK+C;AAMzE,QAAO;EAAE,KALG,OAAO,EAAE,QAAQ,WAAW,EAAE,MAAM,EAAE,IAAI;EAKxC,OAJG,EAAE,UAAU,OAAO,EAAE,QAAQ,WAAW,EAAE,IAAI,QAAQ,KAAA;EAIxC,QAHb,EAAE,WAAW,OAAO,EAAE,QAAQ,WAAW,EAAE,IAAI,SAAS,KAAA;EAGxB,aADhD,EAAE,gBAAgB,OAAO,EAAE,QAAQ,WAAW,EAAE,IAAI,cAAc,KAAA;EACW;;;;;;;AAQjF,MAAM,oBAAoB;;;;;;;;AAS1B,SAAgB,qBAAqB,KAAa,OAAe,UAAkB,IAAY;AAC7F,QAAO,sBAAsB,mBAAmB,IAAI,CAAC,KAAK,MAAM,KAAK;;;;;;;;;AAUvE,SAAS,eAAe,KAAa,eAAuB,UAAkB,IAAY;CACxF,MAAM,SAAS,kBAAkB,QAAQ,MAAM,KAAK,gBAAgB,EAAE;AACtE,KAAI,OAAO,WAAW,EACpB,QAAO,GAAG,qBAAqB,KAAK,eAAe,QAAQ,CAAC,GAAG,cAAc;AAC/E,QAAO,OAAO,KAAK,MAAM,GAAG,qBAAqB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,KAAK;;AAGvF,MAAM,QAAQ,WAAyC,SAAS,MAC9D,EACE,KAAK,SACL,KACA,OACA,QACA,MACA,UACA,SACA,aACA,aACA,QACA,OACA,WACA,OACA,QACA,mBACA,SACA,aAAa,cACb,aAAa,cACb,SACA,GAAG,QAEL,KACA;CAKA,MAAM,mBAAmB,OAA2B,KAAA,EAAU;CAC9D,MAAM,kBAAkB,OAA2B,KAAA,EAAU;CAO7D,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,gBAAgB,OAAgC,KAAK;CAG3D,MAAM,YAAY,aAAa,KAAK,cAAc;CAYlD,MAAM,YAAY,OAAO,OAAO;AAChC,iBAAgB;AACd,YAAU,UAAU;IACnB,CAAC,OAAO,CAAC;CACZ,MAAM,aAAa,OAAO,QAAQ;AAClC,iBAAgB;AACd,aAAW,UAAU;IACpB,CAAC,QAAQ,CAAC;CACb,MAAM,uBAAuB,OAAO,kBAAkB;AACtD,iBAAgB;AACd,uBAAqB,UAAU;IAC9B,CAAC,kBAAkB,CAAC;CAEvB,MAAM,EACJ,KACA,OAAO,UACP,QAAQ,WACR,aAAa,mBACX,mBAAmB;EAAE,KAAK;EAAS;EAAO;EAAQ;EAAa,CAAC;AAEpE,iCAAgC;AAC9B,MAAI,CAAC,aAAa,WAAW,cAAc,YAAY,MAAM;GAC3D,MAAM,MAAM,cAAc;AAE1B,OAAI,WAAW,QAEb,KAAI,MAAM,IAAI;AAWhB,OAAI,IAAI,YAAY,IAAI,eAAe,GAAG;IACxC,MAAM,gBAAgB,UAAU;IAChC,MAAM,2BAA2B,qBAAqB;AACtD,QAAI,iBAAiB;SAEf,iBAAiB,YAAY,KAAK;AACpC,uBAAiB,UAAU;MAG3B,MAAM,iBAAiB,yBAAyB,IAAI;AACpD,sBAAgB,eAAe;AAC/B,iCAA2B,IAAI;;;;AAIrC,gBAAa,UAAU;;IAExB;EAAC;EAAa;EAAO;EAAa,CAAC;CAItC,MAAM,aAAa,qBACd,MAA8C;AAC7C,MAAI,iBAAiB,YAAY,IAAK;AACtC,mBAAiB,UAAU;AAC3B,WAAS,EAAE;AACX,oBAAkB,EAAE,cAAc;KAEpC,UACG,MAA8C;AAC7C,MAAI,iBAAiB,YAAY,IAAK;AACtC,mBAAiB,UAAU;AAC3B,SAAO,EAAE;KAEX,KAAA;CAEN,MAAM,cAAc,WACf,MAA8C;AAC7C,MAAI,gBAAgB,YAAY,IAAK;AACrC,kBAAgB,UAAU;AAC1B,UAAQ,EAAE;KAEZ,KAAA;AAGJ,KAAI,OAEF,QACE,oBAAC,OAAD;EACE,KAAK;EACL,KAJgB,OAAO;GAAE;GAAK,OAAO,YAAY;GAAG,SAAS,WAAW;GAAI,CAAC;EAKxE;EACL,OAAO,OAAO,KAAA,IAAY;EAC1B,QAAQ,OAAO,KAAA,IAAY;EAC3B,SAAS,WAAW,UAAW,WAAW;EAC1C,UAAS;EACF;EACI;EACX,QAAQ;EACR,SAAS;EACT,OACE,OACI;GACE,UAAU;GACV,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,GAAG;GACJ,GACD;EAEN,GAAI;EACJ,CAAA;AAKN,KAAI,YAAY,IAAI,EAAE;EACpB,MAAM,aAAa,kBAAkB,IAAI;AACzC,MAAI,CAAC,WAAW,QACd,KAAI,QACF,SAAQ,KAAK,gBAAgB,WAAW,SAAS;OAE5C;AAEL,WAAQ,MAAM,gBAAgB,WAAW,SAAS;AAClD,UAAO;;EAIX,MAAM,gBAAgB,iBAAiB,oBAAoB,eAAe,GAAG,KAAA;EAC7E,MAAM,KAAK,gBAAgB,UAAU,gBAAgB,OAAO,cAAc,KAAK,KAAA;AAE/E,MAAI,KACF,QACE,oBAACA,SAAD;GACO;GACA;GACL,QAAO;GAKP,SAAS,WAAW,UAAW,WAAW;GAC1C,eAAe,WAAW,SAAS,KAAA;GAC5B;GACI;GACX,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,CAAA;AAIN,MAAI,YAAY,UACd,QACE,oBAACA,SAAD;GACO;GACA;GACL,OAAO;GACP,QAAQ;GACR,QAAO;GAEP,SAAS,WAAW,UAAW,WAAW;GAC1C,eAAe,WAAW,SAAS,KAAA;GAC5B;GACI;GACX,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,CAAA;;CAaR,MAAM,aAAa,WAAW;CAC9B,MAAM,QAAQ,IAAI,SAAS,OAAO;CAClC,MAAM,mBAAmB,iBAAiB,QAAS,SAAS,CAAC;CAI7D,MAAM,SACJ,YAAY,CAAC,QAAQ,CAAC,mBAClB,eAAe,KAAK,UAAU,WAAW,GACzC,YAAY,CAAC,OACX,kBAAkB,QAAQ,MAAM,KAAK,WAAW,EAAE,CAC/C,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,GAAG,CAC1B,KAAK,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS,KACpC,KAAA;CAIR,MAAM,eAAe,mBACjB,MACA,WACE,qBAAqB,KAAK,UAAU,WAAW,GAC/C,qBAAqB,KAAK,kBAAkB,IAAI,WAAW;CAIjE,MAAM,qBAAqB,iBAAiB,oBAAoB,eAAe,GAAG,KAAA;CAClF,MAAM,YACJ,gBAAgB,UAAU,qBACtB;EACE,iBAAiB,OAAO,mBAAmB;EAC3C,gBAAgB;EAChB,kBAAkB;EAClB,oBAAoB;EACrB,GACD,KAAA;AAIN,QACE,oBAAC,OAAD;EACE,KAAK;EACL,KAAK;EACA;EACL,OAAO,OAAO,KAAA,IAAY;EAC1B,QAAQ,OAAO,KAAA,IAAY;EAC3B,SAAS,WAAW,UAAW,WAAW;EAC1C,eAAe,WAAW,SAAS,KAAA;EACnC,UAAS;EACD;EACR,OAAO,UAAU,OAAO,UAAU,KAAA;EACvB;EACX,aAAW,OAAO,SAAS;EAC3B,QAAQ;EACR,SAAS;EACT,OACE,OACI;GACE,UAAU;GACV,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,GAAG;GACH,GAAG;GACJ,GACD;GAAE,GAAG;GAAW,GAAG;GAAO;EAEhC,GAAI;EACJ,CAAA;EAEJ;;;;;AAMF,SAAgB,cAAc,OAE5B;CACA,MAAM,EACJ,KAAK,SACL,KACA,OACA,QACA,MACA,UACA,SAAS,UACT,aACA,aAAa,iBACb,QACA,OACA,WACA,OACA,QAAQ,SACR,mBAAmB,oBACnB,aAAa,cACb,aAAa,cACb,SACA,GAAG,SACD;CAEJ,MAAM,EACJ,KACA,OAAO,UACP,QAAQ,WACR,aAAa,mBACX,mBAAmB;EAAE,KAAK;EAAS;EAAO;EAAQ,aAAa;EAAiB,CAAC;CAGrF,IAAI,gBAAgB;AACpB,KAAI,YAAY,IAAI,EAAE;EACpB,MAAM,aAAa,kBAAkB,IAAI;AACzC,MAAI,CAAC,WAAW,QACd,KAAI,QACF,SAAQ,KAAK,gBAAgB,WAAW,SAAS;OAC5C;AACL,WAAQ,MAAM,gBAAgB,WAAW,SAAS;AAClD,mBAAgB;;;CAMtB,MAAM,aAAa,YAAY;CAC/B,MAAM,cAAc,gBAChB,KACA,SACE,OAAO;EAAE;EAAK,OAAO,YAAY;EAAG,SAAS;EAAY,CAAC,GAC1D;CAKN,MAAM,QAAQ,YAAY,SAAS,OAAO;CAC1C,MAAM,UACJ,iBAAiB,QAChB,SAAS,CAAC,yBACX,iBACA,CAAC,CAAC,UACF,YAAY,YAAY;CAC1B,MAAM,eAAe,UACjB,cACA,WACE,qBAAqB,aAAa,UAAU,WAAW,GACvD,qBAAqB,aAAa,kBAAkB,IAAI,WAAW;CAGzE,MAAM,SACJ,YAAY,CAAC,QAAQ,CAAC,YAAY,YAAY,IAAI,CAAC,UAAU,CAAC,UAC1D,eAAe,aAAa,UAAU,WAAW,GACjD,KAAA;CAGN,MAAM,mBAAmB,iBAAiB,oBAAoB,eAAe,GAAG,KAAA;CAChF,MAAM,YACJ,gBAAgB,UAAU,mBACtB;EACE,iBAAiB,OAAO,iBAAiB;EACzC,gBAAgB;EAChB,kBAAkB;EAClB,oBAAoB;EACrB,GACD,KAAA;AAEN,QAAO,EACL,OAAO;EACL,KAAK;EACL;EACA,OAAO,OAAO,KAAA,IAAY;EAC1B,QAAQ,OAAO,KAAA,IAAY;EAC3B,SAAS,WAAW,UAAW,WAAW;EAC1C,eAAe,WAAY,SAAmB,KAAA;EAC9C,UAAU;EACV;EACA,OAAO,UAAU,OAAO,UAAU,KAAA;EAClC;EACA,aAAa,OAAO,SAAS;EAC7B,OAAO,OACH;GACE,UAAU;GACV,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,GAAG;GACH,GAAG;GACJ,GACD;GAAE,GAAG;GAAW,GAAG;GAAO;EAC9B,GAAG;EACJ,EACF"}
+{"version":3,"file":"image.js","names":["UnpicImage"],"sources":["../../src/shims/image.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * next/image shim\n *\n * Translates Next.js Image props to @unpic/react Image component.\n * @unpic/react auto-detects CDN from URL and uses native transforms.\n * For local images (relative paths), routes through `/_vinext/image`\n * for server-side optimization (resize, format negotiation, quality).\n *\n * Remote images are validated against `images.remotePatterns` and\n * `images.domains` from next.config.js. Unmatched URLs are blocked\n * in production and warn in development, matching Next.js behavior.\n */\nimport React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Image as UnpicImage } from \"@unpic/react\";\nimport { hasRemoteMatch, isPrivateIp, type RemotePattern } from \"./image-config.js\";\nimport { useMergedRef } from \"./use-merged-ref.js\";\n\nexport type StaticImageData = {\n  src: string;\n  height: number;\n  width: number;\n  blurDataURL?: string;\n};\n\n/**\n * Image config injected at build time via Vite define.\n * Serialized as JSON — parsed once at module level.\n */\nconst __imageRemotePatterns: RemotePattern[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __imageDomains: string[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __hasImageConfig = __imageRemotePatterns.length > 0 || __imageDomains.length > 0;\nconst __isDev = process.env.NODE_ENV !== \"production\";\nconst __imageDeviceSizes: number[] = (() => {\n  try {\n    return JSON.parse(\n      process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? \"[640,750,828,1080,1200,1920,2048,3840]\",\n    );\n  } catch {\n    return [640, 750, 828, 1080, 1200, 1920, 2048, 3840];\n  }\n})();\n/**\n * Whether dangerouslyAllowSVG is enabled in next.config.js.\n * When false (default), .svg sources auto-skip the optimization endpoint\n * and are served directly, matching Next.js behavior.\n * When true, .svg sources are routed through the optimizer (served as-is\n * with security headers).\n */\nconst __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === \"true\";\n/**\n * Whether dangerouslyAllowLocalIP is enabled in next.config.js.\n * When false (default), remote image URLs with literal private-IP hostnames\n * are blocked to mitigate SSRF risk.\n */\nconst __dangerouslyAllowLocalIP = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_LOCAL_IP === \"true\";\n\n/**\n * Validate that a remote URL is allowed by the configured remote patterns.\n * Returns true if the URL is allowed, false otherwise.\n *\n * When no remotePatterns/domains are configured, all remote URLs are allowed\n * (backwards-compatible — user hasn't opted into restriction).\n *\n * When patterns ARE configured, only matching URLs are allowed.\n * In development, non-matching URLs produce a console warning.\n * In production, non-matching URLs are blocked (src replaced with empty string).\n *\n * Private-IP hostnames are additionally rejected unless dangerouslyAllowLocalIP\n * is set, mirroring Next.js's fetchExternalImage guard.\n */\nfunction validateRemoteUrl(src: string): { allowed: boolean; reason?: string } {\n  let url: URL;\n  try {\n    url = new URL(src, \"http://n\");\n  } catch {\n    return { allowed: false, reason: `Invalid URL: ${src}` };\n  }\n\n  if (!__dangerouslyAllowLocalIP && isPrivateIp(url.hostname)) {\n    // Best-effort guard for literal-IP hostnames only. Domain names resolving\n    // to private IPs cannot be caught without server-side DNS resolution.\n    // See: Next.js fetchExternalImage in packages/next/src/server/image-optimizer.ts\n    return {\n      allowed: false,\n      reason: `Image URL \"${src}\" resolved to private IP. If this is expected and you understand SSRF risk, use images.dangerouslyAllowLocalIP = true to continue.`,\n    };\n  }\n\n  if (!__hasImageConfig) {\n    // No image config — allow everything (backwards-compatible)\n    return { allowed: true };\n  }\n\n  if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) {\n    return { allowed: true };\n  }\n\n  return {\n    allowed: false,\n    reason: `Image URL \"${src}\" is not configured in images.remotePatterns or images.domains in next.config.js. See: https://nextjs.org/docs/messages/next-image-unconfigured-host`,\n  };\n}\n\n/**\n * A version of useLayoutEffect that doesn't warn during SSR.\n * Do not rename this to \"isomorphic layout effect\". There is no such thing as\n * an isomorphic Layout Effect since there is no Layout on the server.\n * Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n */\nconst useNonWarningLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * Create a synthetic React load event for replaying onLoad/onLoadingComplete\n * during hydration when the image already completed loading.\n *\n * This function creates a native Event(\"load\") via the DOM Event constructor\n * and must only be called in a browser context (client-side layout effect).\n * It mirrors the pattern used in Next.js `handleLoading`.\n */\nfunction createSyntheticLoadEvent(img: HTMLImageElement): React.SyntheticEvent<HTMLImageElement> {\n  const nativeEvent = new Event(\"load\");\n  Object.defineProperty(nativeEvent, \"target\", { writable: false, value: img });\n  let prevented = false;\n  let stopped = false;\n  return {\n    bubbles: nativeEvent.bubbles,\n    cancelable: nativeEvent.cancelable,\n    currentTarget: img,\n    defaultPrevented: false,\n    eventPhase: nativeEvent.eventPhase,\n    isTrusted: false,\n    nativeEvent,\n    target: img,\n    timeStamp: nativeEvent.timeStamp,\n    type: \"load\",\n    isDefaultPrevented: () => prevented,\n    isPropagationStopped: () => stopped,\n    persist: () => {},\n    preventDefault: () => {\n      prevented = true;\n      nativeEvent.preventDefault();\n    },\n    stopPropagation: () => {\n      stopped = true;\n      nativeEvent.stopPropagation();\n    },\n  };\n}\n\ntype ImageProps = {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number;\n  height?: number;\n  fill?: boolean;\n  preload?: boolean;\n  priority?: boolean;\n  quality?: number;\n  placeholder?: \"blur\" | \"empty\";\n  blurDataURL?: string;\n  loader?: (params: { src: string; width: number; quality?: number }) => string;\n  sizes?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onLoad?: React.ReactEventHandler<HTMLImageElement>;\n  /** @deprecated Use onLoad instead. Still supported for migration compat. */\n  onLoadingComplete?: (img: HTMLImageElement) => void;\n  onError?: React.ReactEventHandler<HTMLImageElement>;\n  onClick?: React.MouseEventHandler<HTMLImageElement>;\n  id?: string;\n  // Accept and ignore Next.js-specific props that don't apply\n  unoptimized?: boolean;\n  overrideSrc?: string;\n  loading?: \"lazy\" | \"eager\";\n};\n\n/**\n * Sanitize a blurDataURL to prevent CSS injection.\n *\n * A crafted data URL containing `)` can break out of the `url()` CSS function,\n * allowing injection of arbitrary CSS properties or rules. Characters like `{`,\n * `}`, and `\\` can also assist in crafting injection payloads.\n *\n * This validates the URL starts with `data:image/` and rejects characters that\n * could escape the `url()` context. Semicolons are allowed since they're part\n * of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.\n *\n * Returns undefined for invalid URLs, which causes the blur placeholder to be\n * skipped gracefully.\n */\nfunction sanitizeBlurDataURL(url: string): string | undefined {\n  // Must be a data: image URL\n  if (!url.startsWith(\"data:image/\")) return undefined;\n  // Reject characters that can break out of CSS url():\n  //   ) - closes url()\n  //   ( - could open nested functions\n  //   { } - CSS rule boundaries\n  //   \\ - CSS escape sequences\n  //   newlines - break CSS parsing\n  if (/[)(}{\\\\'\"\\n\\r]/.test(url)) return undefined;\n  return url;\n}\n\n/**\n * Determine if a src is a remote URL (CDN-optimizable) or local.\n */\nfunction isRemoteUrl(src: string): boolean {\n  return src.startsWith(\"http://\") || src.startsWith(\"https://\") || src.startsWith(\"//\");\n}\n\nfunction getFillStyle(\n  style?: React.CSSProperties,\n  backgroundStyle?: React.CSSProperties,\n): React.CSSProperties {\n  return {\n    position: \"absolute\",\n    inset: 0,\n    width: \"100%\",\n    height: \"100%\",\n    objectFit: \"cover\",\n    ...backgroundStyle,\n    ...style,\n  };\n}\n\n/**\n * Resolve src, width, height, blurDataURL from Image props (string or StaticImageData).\n * Shared by the Image component and getImageProps to keep behavior in sync.\n */\nfunction resolveImageSource(v: {\n  src: string | StaticImageData;\n  width?: number;\n  height?: number;\n  blurDataURL?: string;\n}): { src: string; width?: number; height?: number; blurDataURL?: string } {\n  const src = typeof v.src === \"string\" ? v.src : v.src.src;\n  const imgWidth = v.width ?? (typeof v.src === \"object\" ? v.src.width : undefined);\n  const imgHeight = v.height ?? (typeof v.src === \"object\" ? v.src.height : undefined);\n  const imgBlurDataURL =\n    v.blurDataURL ?? (typeof v.src === \"object\" ? v.src.blurDataURL : undefined);\n  return { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL };\n}\n\n/**\n * Responsive image widths matching Next.js's device sizes config.\n * These are the breakpoints used for srcSet generation.\n * Configurable via `images.deviceSizes` in next.config.js.\n */\nconst RESPONSIVE_WIDTHS = __imageDeviceSizes;\n\n/**\n * Build a `/_vinext/image` optimization URL.\n *\n * In production (Cloudflare Workers), the worker intercepts this path and uses\n * the Images binding to resize/transcode on the fly. In dev, the Vite dev\n * server handles it as a passthrough (serves the original file).\n */\nexport function imageOptimizationUrl(src: string, width: number, quality: number = 75): string {\n  return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\n\nfunction preloadImageResource(input: {\n  shouldPreload: boolean;\n  src: string;\n  srcSet?: string;\n  sizes?: string;\n  fetchPriority?: ReactDOM.PreloadOptions[\"fetchPriority\"];\n}): void {\n  if (!input.shouldPreload) return;\n  if (typeof ReactDOM.preload !== \"function\") return;\n  ReactDOM.preload(input.src, {\n    as: \"image\",\n    imageSrcSet: input.srcSet,\n    imageSizes: input.sizes,\n    fetchPriority: input.fetchPriority,\n  });\n}\n\n/**\n * Generate a srcSet string for responsive images.\n *\n * Each width points to the `/_vinext/image` optimization endpoint so the\n * server can resize and transcode the image. Only includes widths that are\n * <= 2x the original image width to avoid pointless upscaling.\n */\nfunction generateSrcSet(src: string, originalWidth: number, quality: number = 75): string {\n  const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);\n  if (widths.length === 0)\n    return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;\n  return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(\", \");\n}\n\nconst Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    preload,\n    priority,\n    quality,\n    placeholder,\n    blurDataURL,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad,\n    onLoadingComplete,\n    onError,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  },\n  ref,\n) {\n  // Dedup refs: ensure onLoad and onError fire at most once per src per mount.\n  // Matches Next.js behavior — prevents double-firing from React re-renders,\n  // strict-mode double-invocation, or state updates inside the handler itself.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  const lastLoadedSrcRef = useRef<string | undefined>(undefined);\n  const lastErrorSrcRef = useRef<string | undefined>(undefined);\n\n  // Hydration-level onError replay: when an image fails to load during SSR\n  // streaming or initial HTML parse (before React hydrates), the native browser\n  // error event is lost. Re-trigger it via `img.src = img.src` in a layout\n  // effect once hydration completes, mirroring the upstream Next.js fix.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  const didInsertRef = useRef(false);\n  const imgElementRef = useRef<HTMLImageElement | null>(null);\n\n  // Merge forwarded ref with internal img ref for layout effect access.\n  const mergedRef = useMergedRef(ref, imgElementRef);\n\n  // Stable refs for onLoad / onError / onLoadingComplete so the layout effect\n  // does not re-run (and re-assign img.src) when handler identity changes.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  //\n  // IMPORTANT: The useRef+useEffect sync pattern has a subtle timing gap:\n  // during the first render, onLoadRef.current holds the initial value from\n  // useRef(onLoad), and the useEffect to sync it runs AFTER the layout effect.\n  // This means on first mount the layout effect reads the correct initial\n  // value (passed to useRef). If someone changes useRef(onLoad) to\n  // useRef(undefined), the layout effect would read undefined on first mount.\n  const onLoadRef = useRef(onLoad);\n  useEffect(() => {\n    onLoadRef.current = onLoad;\n  }, [onLoad]);\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n  const onLoadingCompleteRef = useRef(onLoadingComplete);\n  useEffect(() => {\n    onLoadingCompleteRef.current = onLoadingComplete;\n  }, [onLoadingComplete]);\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL });\n  const shouldPreload = preload === true || priority === true;\n  const priorityFetchPriority = priority ? \"high\" : undefined;\n  const imageLoading = priority ? \"eager\" : shouldPreload ? loading : (loading ?? \"lazy\");\n\n  const [completedBlurSrc, setCompletedBlurSrc] = useState<string | undefined>(undefined);\n  const blurComplete = completedBlurSrc === src;\n\n  const markBlurComplete = () => {\n    if (placeholder !== \"blur\") return;\n    setCompletedBlurSrc((current) => (current === src ? current : src));\n  };\n\n  useNonWarningLayoutEffect(() => {\n    if (!didInsertRef.current && imgElementRef.current !== null) {\n      const img = imgElementRef.current;\n      // Replay error events lost during SSR/hydration.\n      if (onErrorRef.current) {\n        // eslint-disable-next-line no-self-assign\n        img.src = img.src;\n      }\n      // Replay onLoad for images that completed loading before React hydrated\n      // (e.g. SSR streaming where the image arrives and renders before hydration\n      // finishes). Without this, onLoad never fires for those images.\n      //\n      // img.complete is true for both successfully-loaded and errored images\n      // (the HTML spec defines complete as true when the browser finished\n      // fetching, regardless of outcome). We must check naturalWidth > 0 to\n      // distinguish success from error — a failed image has naturalWidth === 0.\n      // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n      if (img.complete && img.naturalWidth > 0) {\n        markBlurComplete();\n        const currentOnLoad = onLoadRef.current;\n        const currentOnLoadingComplete = onLoadingCompleteRef.current;\n        if (currentOnLoad || currentOnLoadingComplete) {\n          // Dedup — fire at most once per src per mount, matching onLoad dedup\n          if (lastLoadedSrcRef.current !== src) {\n            lastLoadedSrcRef.current = src;\n            // Create a synthetic React event with the expected shape.\n            // next/image uses a similar pattern in `handleLoading`.\n            const syntheticEvent = createSyntheticLoadEvent(img);\n            currentOnLoad?.(syntheticEvent);\n            currentOnLoadingComplete?.(img);\n          }\n        }\n      }\n      didInsertRef.current = true;\n    }\n  }, [placeholder, sizes, _unoptimized]);\n\n  // Wire onLoadingComplete (deprecated) into onLoad — matches Next.js behavior.\n  // onLoad fires first, then onLoadingComplete receives the HTMLImageElement.\n  const handleLoad = onLoadingComplete\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastLoadedSrcRef.current === src) return;\n        lastLoadedSrcRef.current = src;\n        markBlurComplete();\n        onLoad?.(e);\n        onLoadingComplete(e.currentTarget);\n      }\n    : onLoad\n      ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n          if (lastLoadedSrcRef.current === src) return;\n          lastLoadedSrcRef.current = src;\n          markBlurComplete();\n          onLoad(e);\n        }\n      : placeholder === \"blur\"\n        ? () => {\n            if (lastLoadedSrcRef.current === src) return;\n            lastLoadedSrcRef.current = src;\n            markBlurComplete();\n          }\n        : undefined;\n\n  const handleError = onError\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastErrorSrcRef.current === src) return;\n        lastErrorSrcRef.current = src;\n        markBlurComplete();\n        onError(e);\n      }\n    : placeholder === \"blur\"\n      ? () => {\n          if (lastErrorSrcRef.current === src) return;\n          lastErrorSrcRef.current = src;\n          markBlurComplete();\n        }\n      : undefined;\n\n  // If a custom loader is provided, use basic img with loader URL\n  if (loader) {\n    const resolvedSrc = loader({ src, width: imgWidth ?? 0, quality: quality ?? 75 });\n    preloadImageResource({\n      shouldPreload,\n      src: resolvedSrc,\n      sizes,\n      fetchPriority: priorityFetchPriority,\n    });\n    return (\n      <img\n        ref={mergedRef}\n        src={resolvedSrc}\n        alt={alt}\n        width={fill ? undefined : imgWidth}\n        height={fill ? undefined : imgHeight}\n        loading={imageLoading}\n        decoding=\"async\"\n        sizes={sizes}\n        className={className}\n        onLoad={handleLoad}\n        onError={handleError}\n        style={fill ? getFillStyle(style) : style}\n        {...rest}\n      />\n    );\n  }\n\n  // For remote URLs, validate against remotePatterns. Non-fill images use\n  // @unpic/react for CDN URL transforms; fill uses a plain img so the DOM\n  // element keeps Next.js's absolute-positioned fill contract.\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n        // In dev, render the image but with a warning — matches Next.js dev behavior\n      } else {\n        // In production, block the image entirely\n        console.error(`[next/image] ${validation.reason}`);\n        return null;\n      }\n    }\n\n    const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n    const showBlur = !blurComplete && placeholder === \"blur\" && sanitizedBlur;\n    const blurStyle = showBlur\n      ? {\n          backgroundImage: `url(${sanitizedBlur})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n        }\n      : undefined;\n    const bg = showBlur ? `url(${sanitizedBlur})` : undefined;\n\n    if (fill) {\n      const fillSizes = sizes ?? \"100vw\";\n      preloadImageResource({\n        shouldPreload,\n        src,\n        sizes: fillSizes,\n        fetchPriority: priorityFetchPriority,\n      });\n      return (\n        <img\n          ref={mergedRef}\n          src={src}\n          alt={alt}\n          // `priority` is a Next.js concept — translate it to HTML attributes so\n          // it is never forwarded to the DOM as a non-boolean attribute, which\n          // would trigger React's \"Received `true` for a non-boolean attribute\"\n          // warning.\n          loading={imageLoading}\n          fetchPriority={priorityFetchPriority}\n          decoding=\"async\"\n          sizes={fillSizes}\n          className={className}\n          data-nimg=\"fill\"\n          onLoad={handleLoad}\n          onError={handleError}\n          style={getFillStyle(style, blurStyle)}\n          {...rest}\n        />\n      );\n    }\n    // constrained layout requires width+height or aspectRatio\n    if (imgWidth && imgHeight) {\n      // @unpic/react forwards additional image props through transformProps and\n      // merges `style` with generated layout styles at runtime, but its public\n      // React type omits `style`.\n      const unpicRuntimeStyleProps: { style?: React.CSSProperties } = { style };\n      preloadImageResource({\n        shouldPreload,\n        src,\n        sizes,\n        fetchPriority: priorityFetchPriority,\n      });\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          width={imgWidth}\n          height={imgHeight}\n          layout=\"constrained\"\n          // Same translation as above — never pass `priority` to the DOM.\n          loading={imageLoading}\n          fetchPriority={priorityFetchPriority}\n          sizes={sizes}\n          className={className}\n          {...unpicRuntimeStyleProps}\n          background={bg}\n          onLoad={handleLoad}\n          onError={handleError}\n          ref={mergedRef}\n        />\n      );\n    }\n    // Fall through to basic <img> if dimensions not provided\n    // (unpic requires them for constrained layout)\n  }\n\n  // Route local images through the /_vinext/image optimization endpoint.\n  // In production on Cloudflare Workers, this resizes and transcodes via\n  // the Images binding. In dev, it serves the original file as a passthrough.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled, matching\n  // Next.js behavior where .svg triggers unoptimized=true by default.\n  const imgQuality = quality ?? 75;\n  const isSvg = src.endsWith(\".svg\");\n  const skipOptimization = _unoptimized === true || (isSvg && !__dangerouslyAllowSVG);\n\n  // Build srcSet for responsive local images (common breakpoints).\n  // Each entry points to /_vinext/image with the appropriate width.\n  const srcSet =\n    imgWidth && !fill && !skipOptimization\n      ? generateSrcSet(src, imgWidth, imgQuality)\n      : imgWidth && !fill\n        ? RESPONSIVE_WIDTHS.filter((w) => w <= imgWidth * 2)\n            .map((w) => `${src} ${w}w`)\n            .join(\", \") || `${src} ${imgWidth}w`\n        : undefined;\n\n  // The main `src` also goes through the optimization endpoint. Use the\n  // declared width (or the first responsive width as fallback).\n  const optimizedSrc = skipOptimization\n    ? src\n    : imgWidth\n      ? imageOptimizationUrl(src, imgWidth, imgQuality)\n      : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Blur placeholder: show a low-quality background while the image loads.\n  // Sanitize blurDataURL to prevent CSS injection via crafted data URLs.\n  const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    !blurComplete && placeholder === \"blur\" && sanitizedLocalBlur\n      ? {\n          backgroundImage: `url(${sanitizedLocalBlur})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n        }\n      : undefined;\n\n  const imageSizes = sizes ?? (fill ? \"100vw\" : undefined);\n  preloadImageResource({\n    shouldPreload,\n    src: optimizedSrc,\n    srcSet,\n    sizes: imageSizes,\n    fetchPriority: priorityFetchPriority,\n  });\n\n  // For local images, render a standard <img> tag with srcSet and blur support.\n  // The src and srcSet point to the /_vinext/image optimization endpoint.\n  return (\n    <img\n      ref={mergedRef}\n      src={optimizedSrc}\n      alt={alt}\n      width={fill ? undefined : imgWidth}\n      height={fill ? undefined : imgHeight}\n      loading={imageLoading}\n      fetchPriority={priorityFetchPriority}\n      decoding=\"async\"\n      srcSet={srcSet}\n      sizes={imageSizes}\n      className={className}\n      data-nimg={fill ? \"fill\" : \"1\"}\n      onLoad={handleLoad}\n      onError={handleError}\n      style={fill ? getFillStyle(style, blurStyle) : { ...blurStyle, ...style }}\n      {...rest}\n    />\n  );\n});\n\n/**\n * getImageProps — for advanced use cases (picture elements, background images).\n * Returns the props that would be passed to the underlying <img> element.\n */\nexport function getImageProps(props: ImageProps): {\n  props: React.ImgHTMLAttributes<HTMLImageElement>;\n} {\n  const {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    preload: _preload,\n    priority,\n    quality: _quality,\n    placeholder,\n    blurDataURL: blurDataURLProp,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad: _onLoad,\n    onLoadingComplete: _onLoadingComplete,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  } = props;\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL: blurDataURLProp });\n  const shouldPreload = _preload === true || priority === true;\n\n  // Validate remote URLs against configured patterns\n  let blockedInProd = false;\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n      } else {\n        console.error(`[next/image] ${validation.reason}`);\n        blockedInProd = true;\n      }\n    }\n  }\n\n  // Resolve src through custom loader if provided\n  const imgQuality = _quality ?? 75;\n  const resolvedSrc = blockedInProd\n    ? \"\"\n    : loader\n      ? loader({ src, width: imgWidth ?? 0, quality: imgQuality })\n      : src;\n\n  // For local images (no loader, not remote), route through optimization endpoint.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled.\n  const isSvg = resolvedSrc.endsWith(\".svg\");\n  const skipOpt =\n    _unoptimized === true ||\n    (isSvg && !__dangerouslyAllowSVG) ||\n    blockedInProd ||\n    !!loader ||\n    isRemoteUrl(resolvedSrc);\n  const optimizedSrc = skipOpt\n    ? resolvedSrc\n    : imgWidth\n      ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality)\n      : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Build srcSet for local images — each width points to /_vinext/image\n  const srcSet =\n    imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt\n      ? generateSrcSet(resolvedSrc, imgWidth, imgQuality)\n      : undefined;\n\n  // Blur placeholder styles — sanitize to prevent CSS injection\n  const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedBlurURL\n      ? {\n          backgroundImage: `url(${sanitizedBlurURL})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\" as const,\n          backgroundPosition: \"center\" as const,\n        }\n      : undefined;\n\n  return {\n    props: {\n      src: optimizedSrc,\n      alt,\n      width: fill ? undefined : imgWidth,\n      height: fill ? undefined : imgHeight,\n      loading: priority ? \"eager\" : shouldPreload ? loading : (loading ?? \"lazy\"),\n      fetchPriority: priority ? (\"high\" as const) : undefined,\n      decoding: \"async\" as const,\n      srcSet,\n      sizes: sizes ?? (fill ? \"100vw\" : undefined),\n      className,\n      \"data-nimg\": fill ? \"fill\" : \"1\",\n      style: fill ? getFillStyle(style, blurStyle) : { ...blurStyle, ...style },\n      ...rest,\n    } as React.ImgHTMLAttributes<HTMLImageElement>,\n  };\n}\n\nexport default Image;\n"],"mappings":"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"}

package/dist/shims/internal/als-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"als-registry.js","names":[],"sources":["../../../src/shims/internal/als-registry.ts"],"sourcesContent":["/**\n * Shared helper for registering AsyncLocalStorage instances on `globalThis`\n * via `Symbol.for(...)` so that they survive multiple module instances.\n *\n * Why this helper exists\n * ----------------------\n * Vite's multi-environment setup (RSC / SSR / client) and HMR can load a\n * single source module under several different specifiers, producing more\n * than one module instance at runtime. If each instance kept its own\n * module-local `new AsyncLocalStorage()`, request-scoped state would silently\n * fork across instances — `headers()` in one environment wouldn't see what\n * `connection()` registered in another, concurrent requests would stomp each\n * other, etc.\n *\n * The fix every shim was applying inline:\n *\n *   const _ALS_KEY = Symbol.for(\"vinext.foo.als\");\n *   const _g = globalThis as unknown as Record<PropertyKey, unknown>;\n *   const _als = (_g[_ALS_KEY] ??=\n *     new AsyncLocalStorage<T>()) as AsyncLocalStorage<T>;\n *\n * This helper packages that pattern.\n *\n * Cross-bundle singleton property — preserved\n * -------------------------------------------\n * - `Symbol.for(key)` consults the global symbol registry and returns the\n *   same symbol regardless of which module instance calls it.\n * - `globalThis[sym]` is a single slot shared by every module instance.\n * - `??=` only assigns when the slot is empty, so the first caller wins and\n *   every subsequent caller (in any module instance) reads the same ALS.\n *\n * The helper module itself never holds the ALS by reference — it always\n * round-trips through `globalThis`. So even if this helper file is itself\n * loaded under multiple module instances, every copy still hands back the\n * one true ALS for a given key.\n */\n\nimport { AsyncLocalStorage } from \"node:async_hooks\";\n\nconst _g = globalThis as unknown as Record<PropertyKey, unknown>;\n\n/**\n * Get (or lazily create) the AsyncLocalStorage registered on `globalThis`\n * under `Symbol.for(key)`. Multiple callers — including callers in different\n * module instances — that pass the same `key` receive the same ALS instance.\n *\n * @param key - String key fed to `Symbol.for(...)`. By convention vinext\n *   shims use a dotted namespace such as `\"vinext.cache.als\"`.\n */\nexport function getOrCreateAls<T>(key: string): AsyncLocalStorage<T> {\n  const sym = Symbol.for(key);\n  return (_g[sym] ??= new AsyncLocalStorage<T>()) as AsyncLocalStorage<T>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,KAAK;;;;;;;;;AAUX,SAAgB,eAAkB,KAAmC;CACnE,MAAM,MAAM,OAAO,IAAI,IAAI;AAC3B,QAAQ,GAAG,SAAS,IAAI,mBAAsB"}
+{"version":3,"file":"als-registry.js","names":[],"sources":["../../../src/shims/internal/als-registry.ts"],"sourcesContent":["/**\n * Shared helper for registering AsyncLocalStorage instances on `globalThis`\n * via `Symbol.for(...)` so that they survive multiple module instances.\n *\n * Why this helper exists\n * ----------------------\n * Vite's multi-environment setup (RSC / SSR / client) and HMR can load a\n * single source module under several different specifiers, producing more\n * than one module instance at runtime. If each instance kept its own\n * module-local `new AsyncLocalStorage()`, request-scoped state would silently\n * fork across instances — `headers()` in one environment wouldn't see what\n * `connection()` registered in another, concurrent requests would stomp each\n * other, etc.\n *\n * The fix every shim was applying inline:\n *\n *   const _ALS_KEY = Symbol.for(\"vinext.foo.als\");\n *   const _g = globalThis as unknown as Record<PropertyKey, unknown>;\n *   const _als = (_g[_ALS_KEY] ??=\n *     new AsyncLocalStorage<T>()) as AsyncLocalStorage<T>;\n *\n * This helper packages that pattern.\n *\n * Cross-bundle singleton property — preserved\n * -------------------------------------------\n * - `Symbol.for(key)` consults the global symbol registry and returns the\n *   same symbol regardless of which module instance calls it.\n * - `globalThis[sym]` is a single slot shared by every module instance.\n * - `??=` only assigns when the slot is empty, so the first caller wins and\n *   every subsequent caller (in any module instance) reads the same ALS.\n *\n * The helper module itself never holds the ALS by reference — it always\n * round-trips through `globalThis`. So even if this helper file is itself\n * loaded under multiple module instances, every copy still hands back the\n * one true ALS for a given key.\n */\n\nimport { AsyncLocalStorage } from \"node:async_hooks\";\n\nconst _g = globalThis as unknown as Record<PropertyKey, unknown>;\n\n/**\n * Get (or lazily create) the AsyncLocalStorage registered on `globalThis`\n * under `Symbol.for(key)`. Multiple callers — including callers in different\n * module instances — that pass the same `key` receive the same ALS instance.\n *\n * @param key - String key fed to `Symbol.for(...)`. By convention vinext\n *   shims use a dotted namespace such as `\"vinext.cache.als\"`.\n */\nexport function getOrCreateAls<T>(key: string): AsyncLocalStorage<T> {\n  const sym = Symbol.for(key);\n  return (_g[sym] ??= new AsyncLocalStorage<T>()) as AsyncLocalStorage<T>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,KAAK;;;;;;;;;AAUX,SAAgB,eAAkB,KAAmC;CACnE,MAAM,MAAM,OAAO,IAAI,IAAI;CAC3B,OAAQ,GAAG,SAAS,IAAI,mBAAsB"}

package/dist/shims/internal/app-router-context.d.ts

@@ -1,4 +1,4 @@
-import * as _$react from "react";
+import * as React$1 from "react";
 
 //#region src/shims/internal/app-router-context.d.ts
 type NavigateOptions = {
@@ -9,6 +9,7 @@ type PrefetchOptions = {
   onInvalidate?: () => void;
 };
 type AppRouterInstance = {
+  bfcacheId: string;
   back(): void;
   forward(): void;
   refresh(): void;
@@ -16,11 +17,11 @@ type AppRouterInstance = {
   replace(href: string, options?: NavigateOptions): void;
   prefetch(href: string, options?: PrefetchOptions): void;
 };
-declare const AppRouterContext: _$react.Context<AppRouterInstance | null>;
-declare const GlobalLayoutRouterContext: _$react.Context<unknown>;
-declare const LayoutRouterContext: _$react.Context<unknown>;
-declare const MissingSlotContext: _$react.Context<Set<string>>;
-declare const TemplateContext: _$react.Context<unknown>;
+declare const AppRouterContext: React$1.Context<AppRouterInstance | null> | null;
+declare const GlobalLayoutRouterContext: React$1.Context<unknown> | null;
+declare const LayoutRouterContext: React$1.Context<unknown> | null;
+declare const MissingSlotContext: React$1.Context<Set<string>> | null;
+declare const TemplateContext: React$1.Context<unknown> | null;
 //#endregion
 export { AppRouterContext, AppRouterInstance, GlobalLayoutRouterContext, LayoutRouterContext, MissingSlotContext, NavigateOptions, PrefetchOptions, TemplateContext };
 //# sourceMappingURL=app-router-context.d.ts.map

package/dist/shims/internal/app-router-context.js

@@ -1,4 +1,4 @@
-import { createContext } from "react";
+import * as React$1 from "react";
 //#region src/shims/internal/app-router-context.ts
 /**
 * Shim for next/dist/shared/lib/app-router-context.shared-runtime
@@ -8,11 +8,22 @@ import { createContext } from "react";
 *
 * We export the types and minimal context objects so these libraries resolve.
 */
-const AppRouterContext = createContext(null);
-const GlobalLayoutRouterContext = createContext(null);
-const LayoutRouterContext = createContext(null);
-const MissingSlotContext = createContext(/* @__PURE__ */ new Set());
-const TemplateContext = createContext(null);
+const APP_ROUTER_CONTEXT_KEY = Symbol.for("vinext.appRouterContext");
+const GLOBAL_LAYOUT_ROUTER_CONTEXT_KEY = Symbol.for("vinext.globalLayoutRouterContext");
+const LAYOUT_ROUTER_CONTEXT_KEY = Symbol.for("vinext.layoutRouterContext");
+const MISSING_SLOT_CONTEXT_KEY = Symbol.for("vinext.missingSlotContext");
+const TEMPLATE_CONTEXT_KEY = Symbol.for("vinext.templateContext");
+function getOrCreateContext(key, defaultValue) {
+	if (typeof React$1.createContext !== "function") return null;
+	const globalState = globalThis;
+	if (!globalState[key]) globalState[key] = React$1.createContext(defaultValue);
+	return globalState[key] ?? null;
+}
+const AppRouterContext = getOrCreateContext(APP_ROUTER_CONTEXT_KEY, null);
+const GlobalLayoutRouterContext = getOrCreateContext(GLOBAL_LAYOUT_ROUTER_CONTEXT_KEY, null);
+const LayoutRouterContext = getOrCreateContext(LAYOUT_ROUTER_CONTEXT_KEY, null);
+const MissingSlotContext = getOrCreateContext(MISSING_SLOT_CONTEXT_KEY, /* @__PURE__ */ new Set());
+const TemplateContext = getOrCreateContext(TEMPLATE_CONTEXT_KEY, null);
 //#endregion
 export { AppRouterContext, GlobalLayoutRouterContext, LayoutRouterContext, MissingSlotContext, TemplateContext };
 

package/dist/shims/internal/app-router-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-router-context.js","names":[],"sources":["../../../src/shims/internal/app-router-context.ts"],"sourcesContent":["/**\n * Shim for next/dist/shared/lib/app-router-context.shared-runtime\n *\n * Used by: @clerk/nextjs, next-intl, next-nprogress-bar, nextjs-toploader,\n * next-view-transitions. Mostly type-only imports in published .d.ts files.\n *\n * We export the types and minimal context objects so these libraries resolve.\n */\nimport { createContext } from \"react\";\n\nexport type NavigateOptions = {\n  scroll?: boolean;\n};\n\nexport type PrefetchOptions = {\n  kind?: unknown;\n  onInvalidate?: () => void;\n};\n\nexport type AppRouterInstance = {\n  back(): void;\n  forward(): void;\n  refresh(): void;\n  push(href: string, options?: NavigateOptions): void;\n  replace(href: string, options?: NavigateOptions): void;\n  prefetch(href: string, options?: PrefetchOptions): void;\n};\n\nexport const AppRouterContext = createContext<AppRouterInstance | null>(null);\nexport const GlobalLayoutRouterContext = createContext<unknown>(null);\nexport const LayoutRouterContext = createContext<unknown>(null);\nexport const MissingSlotContext = createContext<Set<string>>(new Set());\nexport const TemplateContext = createContext<unknown>(null);\n"],"mappings":";;;;;;;;;;AA4BA,MAAa,mBAAmB,cAAwC,KAAK;AAC7E,MAAa,4BAA4B,cAAuB,KAAK;AACrE,MAAa,sBAAsB,cAAuB,KAAK;AAC/D,MAAa,qBAAqB,8BAA2B,IAAI,KAAK,CAAC;AACvE,MAAa,kBAAkB,cAAuB,KAAK"}
+{"version":3,"file":"app-router-context.js","names":["React"],"sources":["../../../src/shims/internal/app-router-context.ts"],"sourcesContent":["/**\n * Shim for next/dist/shared/lib/app-router-context.shared-runtime\n *\n * Used by: @clerk/nextjs, next-intl, next-nprogress-bar, nextjs-toploader,\n * next-view-transitions. Mostly type-only imports in published .d.ts files.\n *\n * We export the types and minimal context objects so these libraries resolve.\n */\nimport * as React from \"react\";\n\nexport type NavigateOptions = {\n  scroll?: boolean;\n};\n\nexport type PrefetchOptions = {\n  kind?: unknown;\n  onInvalidate?: () => void;\n};\n\nexport type AppRouterInstance = {\n  bfcacheId: string;\n  back(): void;\n  forward(): void;\n  refresh(): void;\n  push(href: string, options?: NavigateOptions): void;\n  replace(href: string, options?: NavigateOptions): void;\n  prefetch(href: string, options?: PrefetchOptions): void;\n};\n\nconst APP_ROUTER_CONTEXT_KEY = Symbol.for(\"vinext.appRouterContext\");\nconst GLOBAL_LAYOUT_ROUTER_CONTEXT_KEY = Symbol.for(\"vinext.globalLayoutRouterContext\");\nconst LAYOUT_ROUTER_CONTEXT_KEY = Symbol.for(\"vinext.layoutRouterContext\");\nconst MISSING_SLOT_CONTEXT_KEY = Symbol.for(\"vinext.missingSlotContext\");\nconst TEMPLATE_CONTEXT_KEY = Symbol.for(\"vinext.templateContext\");\n\ntype AppRouterContextGlobal = typeof globalThis & {\n  [APP_ROUTER_CONTEXT_KEY]?: React.Context<AppRouterInstance | null> | null;\n  [GLOBAL_LAYOUT_ROUTER_CONTEXT_KEY]?: React.Context<unknown> | null;\n  [LAYOUT_ROUTER_CONTEXT_KEY]?: React.Context<unknown> | null;\n  [MISSING_SLOT_CONTEXT_KEY]?: React.Context<Set<string>> | null;\n  [TEMPLATE_CONTEXT_KEY]?: React.Context<unknown> | null;\n};\n\nfunction getOrCreateContext<T>(key: symbol, defaultValue: T): React.Context<T> | null {\n  if (typeof React.createContext !== \"function\") return null;\n\n  // Boundary assertion: symbol-keyed global storage preserves context identity\n  // across duplicate module instances while keeping the public exports typed.\n  const globalState = globalThis as AppRouterContextGlobal & {\n    [key]?: React.Context<T> | null;\n  };\n  if (!globalState[key]) {\n    globalState[key] = React.createContext(defaultValue);\n  }\n  return globalState[key] ?? null;\n}\n\nexport const AppRouterContext: React.Context<AppRouterInstance | null> | null =\n  getOrCreateContext<AppRouterInstance | null>(APP_ROUTER_CONTEXT_KEY, null);\nexport const GlobalLayoutRouterContext: React.Context<unknown> | null = getOrCreateContext<unknown>(\n  GLOBAL_LAYOUT_ROUTER_CONTEXT_KEY,\n  null,\n);\nexport const LayoutRouterContext: React.Context<unknown> | null = getOrCreateContext<unknown>(\n  LAYOUT_ROUTER_CONTEXT_KEY,\n  null,\n);\nexport const MissingSlotContext: React.Context<Set<string>> | null = getOrCreateContext(\n  MISSING_SLOT_CONTEXT_KEY,\n  new Set(),\n);\nexport const TemplateContext: React.Context<unknown> | null = getOrCreateContext<unknown>(\n  TEMPLATE_CONTEXT_KEY,\n  null,\n);\n"],"mappings":";;;;;;;;;;AA6BA,MAAM,yBAAyB,OAAO,IAAI,0BAA0B;AACpE,MAAM,mCAAmC,OAAO,IAAI,mCAAmC;AACvF,MAAM,4BAA4B,OAAO,IAAI,6BAA6B;AAC1E,MAAM,2BAA2B,OAAO,IAAI,4BAA4B;AACxE,MAAM,uBAAuB,OAAO,IAAI,yBAAyB;AAUjE,SAAS,mBAAsB,KAAa,cAA0C;CACpF,IAAI,OAAOA,QAAM,kBAAkB,YAAY,OAAO;CAItD,MAAM,cAAc;CAGpB,IAAI,CAAC,YAAY,MACf,YAAY,OAAOA,QAAM,cAAc,aAAa;CAEtD,OAAO,YAAY,QAAQ;;AAG7B,MAAa,mBACX,mBAA6C,wBAAwB,KAAK;AAC5E,MAAa,4BAA2D,mBACtE,kCACA,KACD;AACD,MAAa,sBAAqD,mBAChE,2BACA,KACD;AACD,MAAa,qBAAwD,mBACnE,0CACA,IAAI,KAAK,CACV;AACD,MAAa,kBAAiD,mBAC5D,sBACA,KACD"}