vinext 0.0.30 → 0.0.31

package/dist/shims/image.js

@@ -1,341 +1,316 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * next/image shim
- *
- * Translates Next.js Image props to @unpic/react Image component.
- * @unpic/react auto-detects CDN from URL and uses native transforms.
- * For local images (relative paths), routes through `/_vinext/image`
- * for server-side optimization (resize, format negotiation, quality).
- *
- * Remote images are validated against `images.remotePatterns` and
- * `images.domains` from next.config.js. Unmatched URLs are blocked
- * in production and warn in development, matching Next.js behavior.
- */
-import { forwardRef } from "react";
-import { Image as UnpicImage } from "@unpic/react";
 import { hasRemoteMatch } from "./image-config.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Image as Image$1 } from "@unpic/react";
+//#region src/shims/image.tsx
+/**
+* next/image shim
+*
+* Translates Next.js Image props to @unpic/react Image component.
+* @unpic/react auto-detects CDN from URL and uses native transforms.
+* For local images (relative paths), routes through `/_vinext/image`
+* for server-side optimization (resize, format negotiation, quality).
+*
+* Remote images are validated against `images.remotePatterns` and
+* `images.domains` from next.config.js. Unmatched URLs are blocked
+* in production and warn in development, matching Next.js behavior.
+*/
 /**
- * Image config injected at build time via Vite define.
- * Serialized as JSON — parsed once at module level.
- */
+* Image config injected at build time via Vite define.
+* Serialized as JSON — parsed once at module level.
+*/
 const __imageRemotePatterns = (() => {
-    try {
-        return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? "[]");
-    }
-    catch {
-        return [];
-    }
+	try {
+		return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? "[]");
+	} catch {
+		return [];
+	}
 })();
 const __imageDomains = (() => {
-    try {
-        return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? "[]");
-    }
-    catch {
-        return [];
-    }
+	try {
+		return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? "[]");
+	} catch {
+		return [];
+	}
 })();
 const __hasImageConfig = __imageRemotePatterns.length > 0 || __imageDomains.length > 0;
 const __isDev = process.env.NODE_ENV !== "production";
 const __imageDeviceSizes = (() => {
-    try {
-        return JSON.parse(process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? "[640,750,828,1080,1200,1920,2048,3840]");
-    }
-    catch {
-        return [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
-    }
+	try {
+		return JSON.parse(process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? "[640,750,828,1080,1200,1920,2048,3840]");
+	} catch {
+		return [
+			640,
+			750,
+			828,
+			1080,
+			1200,
+			1920,
+			2048,
+			3840
+		];
+	}
 })();
 /**
- * Whether dangerouslyAllowSVG is enabled in next.config.js.
- * When false (default), .svg sources auto-skip the optimization endpoint
- * and are served directly, matching Next.js behavior.
- * When true, .svg sources are routed through the optimizer (served as-is
- * with security headers).
- */
+* Whether dangerouslyAllowSVG is enabled in next.config.js.
+* When false (default), .svg sources auto-skip the optimization endpoint
+* and are served directly, matching Next.js behavior.
+* When true, .svg sources are routed through the optimizer (served as-is
+* with security headers).
+*/
 const __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === "true";
 /**
- * Validate that a remote URL is allowed by the configured remote patterns.
- * Returns true if the URL is allowed, false otherwise.
- *
- * When no remotePatterns/domains are configured, all remote URLs are allowed
- * (backwards-compatible — user hasn't opted into restriction).
- *
- * 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).
- */
+* Validate that a remote URL is allowed by the configured remote patterns.
+* Returns true if the URL is allowed, false otherwise.
+*
+* When no remotePatterns/domains are configured, all remote URLs are allowed
+* (backwards-compatible — user hasn't opted into restriction).
+*
+* 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).
+*/
 function validateRemoteUrl(src) {
-    if (!__hasImageConfig) {
-        // No image config — allow everything (backwards-compatible)
-        return { allowed: true };
-    }
-    let url;
-    try {
-        url = new URL(src, "http://n");
-    }
-    catch {
-        return { allowed: false, reason: `Invalid URL: ${src}` };
-    }
-    if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) {
-        return { allowed: true };
-    }
-    return {
-        allowed: false,
-        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`,
-    };
+	if (!__hasImageConfig) return { allowed: true };
+	let url;
+	try {
+		url = new URL(src, "http://n");
+	} catch {
+		return {
+			allowed: false,
+			reason: `Invalid URL: ${src}`
+		};
+	}
+	if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) return { allowed: true };
+	return {
+		allowed: false,
+		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`
+	};
 }
 /**
- * Sanitize a blurDataURL to prevent CSS injection.
- *
- * A crafted data URL containing `)` can break out of the `url()` CSS function,
- * allowing injection of arbitrary CSS properties or rules. Characters like `{`,
- * `}`, and `\` can also assist in crafting injection payloads.
- *
- * This validates the URL starts with `data:image/` and rejects characters that
- * could escape the `url()` context. Semicolons are allowed since they're part
- * of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.
- *
- * Returns undefined for invalid URLs, which causes the blur placeholder to be
- * skipped gracefully.
- */
+* Sanitize a blurDataURL to prevent CSS injection.
+*
+* A crafted data URL containing `)` can break out of the `url()` CSS function,
+* allowing injection of arbitrary CSS properties or rules. Characters like `{`,
+* `}`, and `\` can also assist in crafting injection payloads.
+*
+* This validates the URL starts with `data:image/` and rejects characters that
+* could escape the `url()` context. Semicolons are allowed since they're part
+* of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.
+*
+* Returns undefined for invalid URLs, which causes the blur placeholder to be
+* skipped gracefully.
+*/
 function sanitizeBlurDataURL(url) {
-    // Must be a data: image URL
-    if (!url.startsWith("data:image/"))
-        return undefined;
-    // Reject characters that can break out of CSS url():
-    //   ) - closes url()
-    //   ( - could open nested functions
-    //   { } - CSS rule boundaries
-    //   \ - CSS escape sequences
-    //   newlines - break CSS parsing
-    if (/[)(}{\\'"\n\r]/.test(url))
-        return undefined;
-    return url;
+	if (!url.startsWith("data:image/")) return void 0;
+	if (/[)(}{\\'"\n\r]/.test(url)) return void 0;
+	return url;
 }
 /**
- * Determine if a src is a remote URL (CDN-optimizable) or local.
- */
+* Determine if a src is a remote URL (CDN-optimizable) or local.
+*/
 function isRemoteUrl(src) {
-    return src.startsWith("http://") || src.startsWith("https://") || src.startsWith("//");
+	return src.startsWith("http://") || src.startsWith("https://") || src.startsWith("//");
 }
 /**
- * Responsive image widths matching Next.js's device sizes config.
- * These are the breakpoints used for srcSet generation.
- * Configurable via `images.deviceSizes` in next.config.js.
- */
+* Responsive image widths matching Next.js's device sizes config.
+* These are the breakpoints used for srcSet generation.
+* Configurable via `images.deviceSizes` in next.config.js.
+*/
 const RESPONSIVE_WIDTHS = __imageDeviceSizes;
 /**
- * Build a `/_vinext/image` optimization URL.
- *
- * In production (Cloudflare Workers), the worker intercepts this path and uses
- * the Images binding to resize/transcode on the fly. In dev, the Vite dev
- * server handles it as a passthrough (serves the original file).
- */
-export function imageOptimizationUrl(src, width, quality = 75) {
-    return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+* Build a `/_vinext/image` optimization URL.
+*
+* In production (Cloudflare Workers), the worker intercepts this path and uses
+* the Images binding to resize/transcode on the fly. In dev, the Vite dev
+* server handles it as a passthrough (serves the original file).
+*/
+function imageOptimizationUrl(src, width, quality = 75) {
+	return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
 }
 /**
- * Generate a srcSet string for responsive images.
- *
- * Each width points to the `/_vinext/image` optimization endpoint so the
- * server can resize and transcode the image. Only includes widths that are
- * <= 2x the original image width to avoid pointless upscaling.
- */
+* Generate a srcSet string for responsive images.
+*
+* Each width points to the `/_vinext/image` optimization endpoint so the
+* server can resize and transcode the image. Only includes widths that are
+* <= 2x the original image width to avoid pointless upscaling.
+*/
 function generateSrcSet(src, originalWidth, quality = 75) {
-    const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);
-    if (widths.length === 0)
-        return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;
-    return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(", ");
+	const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);
+	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, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest }, ref) {
-    // Wire onLoadingComplete (deprecated) into onLoad — matches Next.js behavior.
-    // onLoad fires first, then onLoadingComplete receives the HTMLImageElement.
-    const handleLoad = onLoadingComplete
-        ? (e) => {
-            onLoad?.(e);
-            onLoadingComplete(e.currentTarget);
-        }
-        : onLoad;
-    // Handle StaticImageData (import result)
-    const src = typeof srcProp === "string" ? srcProp : srcProp.src;
-    const imgWidth = width ?? (typeof srcProp === "object" ? srcProp.width : undefined);
-    const imgHeight = height ?? (typeof srcProp === "object" ? srcProp.height : undefined);
-    const imgBlurDataURL = blurDataURL ?? (typeof srcProp === "object" ? srcProp.blurDataURL : undefined);
-    // If a custom loader is provided, use basic img with loader URL
-    if (loader) {
-        const resolvedSrc = loader({ src, width: imgWidth ?? 0, quality: quality ?? 75 });
-        return (_jsx("img", { ref: ref, src: resolvedSrc, alt: alt, width: fill ? undefined : imgWidth, height: fill ? undefined : imgHeight, loading: priority ? "eager" : (loading ?? "lazy"), decoding: "async", sizes: sizes, className: className, onLoad: handleLoad, style: fill
-                ? {
-                    position: "absolute",
-                    inset: 0,
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "cover",
-                    ...style,
-                }
-                : style, ...rest }));
-    }
-    // For remote URLs, validate against remotePatterns then use @unpic/react
-    if (isRemoteUrl(src)) {
-        const validation = validateRemoteUrl(src);
-        if (!validation.allowed) {
-            if (__isDev) {
-                console.warn(`[next/image] ${validation.reason}`);
-                // In dev, render the image but with a warning — matches Next.js dev behavior
-            }
-            else {
-                // In production, block the image entirely
-                console.error(`[next/image] ${validation.reason}`);
-                return null;
-            }
-        }
-        const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;
-        const bg = placeholder === "blur" && sanitizedBlur ? `url(${sanitizedBlur})` : undefined;
-        if (fill) {
-            return (_jsx(UnpicImage, { src: src, alt: alt, layout: "fullWidth", priority: priority, sizes: sizes, className: className, background: bg, onLoad: handleLoad }));
-        }
-        // constrained layout requires width+height or aspectRatio
-        if (imgWidth && imgHeight) {
-            return (_jsx(UnpicImage, { src: src, alt: alt, width: imgWidth, height: imgHeight, layout: "constrained", priority: priority, sizes: sizes, className: className, background: bg, onLoad: handleLoad }));
-        }
-        // Fall through to basic <img> if dimensions not provided
-        // (unpic requires them for constrained layout)
-    }
-    // Route local images through the /_vinext/image optimization endpoint.
-    // In production on Cloudflare Workers, this resizes and transcodes via
-    // the Images binding. In dev, it serves the original file as a passthrough.
-    // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).
-    // SVG sources auto-skip unless dangerouslyAllowSVG is enabled, matching
-    // Next.js behavior where .svg triggers unoptimized=true by default.
-    const imgQuality = quality ?? 75;
-    const isSvg = src.endsWith(".svg");
-    const skipOptimization = _unoptimized === true || (isSvg && !__dangerouslyAllowSVG);
-    // Build srcSet for responsive local images (common breakpoints).
-    // Each entry points to /_vinext/image with the appropriate width.
-    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`
-            : undefined;
-    // The main `src` also goes through the optimization endpoint. Use the
-    // declared width (or the first responsive width as fallback).
-    const optimizedSrc = skipOptimization
-        ? src
-        : imgWidth
-            ? imageOptimizationUrl(src, imgWidth, imgQuality)
-            : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);
-    // Blur placeholder: show a low-quality background while the image loads.
-    // Sanitize blurDataURL to prevent CSS injection via crafted data URLs.
-    const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;
-    const blurStyle = placeholder === "blur" && sanitizedLocalBlur
-        ? {
-            backgroundImage: `url(${sanitizedLocalBlur})`,
-            backgroundSize: "cover",
-            backgroundRepeat: "no-repeat",
-            backgroundPosition: "center",
-        }
-        : undefined;
-    // For local images, render a standard <img> tag with srcSet and blur support.
-    // The src and srcSet point to the /_vinext/image optimization endpoint.
-    return (_jsx("img", { ref: ref, src: optimizedSrc, alt: alt, width: fill ? undefined : imgWidth, height: fill ? undefined : imgHeight, loading: priority ? "eager" : (loading ?? "lazy"), fetchPriority: priority ? "high" : undefined, decoding: "async", srcSet: srcSet, sizes: sizes ?? (fill ? "100vw" : undefined), className: className, "data-nimg": fill ? "fill" : "1", onLoad: handleLoad, style: fill
-            ? {
-                position: "absolute",
-                inset: 0,
-                width: "100%",
-                height: "100%",
-                objectFit: "cover",
-                ...blurStyle,
-                ...style,
-            }
-            : { ...blurStyle, ...style }, ...rest }));
+	const handleLoad = onLoadingComplete ? (e) => {
+		onLoad?.(e);
+		onLoadingComplete(e.currentTarget);
+	} : onLoad;
+	const src = typeof srcProp === "string" ? srcProp : srcProp.src;
+	const imgWidth = width ?? (typeof srcProp === "object" ? srcProp.width : void 0);
+	const imgHeight = height ?? (typeof srcProp === "object" ? srcProp.height : void 0);
+	const imgBlurDataURL = blurDataURL ?? (typeof srcProp === "object" ? srcProp.blurDataURL : void 0);
+	if (loader) return /* @__PURE__ */ jsx("img", {
+		ref,
+		src: 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,
+		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",
+			priority,
+			sizes,
+			className,
+			background: bg,
+			onLoad: handleLoad
+		});
+		if (imgWidth && imgHeight) return /* @__PURE__ */ jsx(Image$1, {
+			src,
+			alt,
+			width: imgWidth,
+			height: imgHeight,
+			layout: "constrained",
+			priority,
+			sizes,
+			className,
+			background: bg,
+			onLoad: handleLoad
+		});
+	}
+	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 ? {
+		backgroundImage: `url(${sanitizedLocalBlur})`,
+		backgroundSize: "cover",
+		backgroundRepeat: "no-repeat",
+		backgroundPosition: "center"
+	} : void 0;
+	return /* @__PURE__ */ jsx("img", {
+		ref,
+		src: optimizedSrc,
+		alt,
+		width: fill ? void 0 : imgWidth,
+		height: fill ? void 0 : imgHeight,
+		loading: priority ? "eager" : loading ?? "lazy",
+		fetchPriority: priority ? "high" : void 0,
+		decoding: "async",
+		srcSet,
+		sizes: sizes ?? (fill ? "100vw" : void 0),
+		className,
+		"data-nimg": fill ? "fill" : "1",
+		onLoad: handleLoad,
+		style: fill ? {
+			position: "absolute",
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			objectFit: "cover",
+			...blurStyle,
+			...style
+		} : {
+			...blurStyle,
+			...style
+		},
+		...rest
+	});
 });
 /**
- * getImageProps — for advanced use cases (picture elements, background images).
- * Returns the props that would be passed to the underlying <img> element.
- */
-export 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 = typeof srcProp === "string" ? srcProp : srcProp.src;
-    const imgWidth = width ?? (typeof srcProp === "object" ? srcProp.width : undefined);
-    const imgHeight = height ?? (typeof srcProp === "object" ? srcProp.height : undefined);
-    const imgBlurDataURL = blurDataURLProp ?? (typeof srcProp === "object" ? srcProp.blurDataURL : undefined);
-    // Validate remote URLs against configured patterns
-    let blockedInProd = false;
-    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}`);
-                blockedInProd = true;
-            }
-        }
-    }
-    // Resolve src through custom loader if provided
-    const imgQuality = _quality ?? 75;
-    const resolvedSrc = blockedInProd
-        ? ""
-        : loader
-            ? loader({ src, width: imgWidth ?? 0, quality: imgQuality })
-            : src;
-    // For local images (no loader, not remote), route through optimization endpoint.
-    // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).
-    // SVG sources auto-skip unless dangerouslyAllowSVG is enabled.
-    const isSvg = resolvedSrc.endsWith(".svg");
-    const skipOpt = _unoptimized === true ||
-        (isSvg && !__dangerouslyAllowSVG) ||
-        blockedInProd ||
-        !!loader ||
-        isRemoteUrl(resolvedSrc);
-    const optimizedSrc = skipOpt
-        ? resolvedSrc
-        : imgWidth
-            ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality)
-            : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);
-    // Build srcSet for local images — each width points to /_vinext/image
-    const srcSet = imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt
-        ? generateSrcSet(resolvedSrc, imgWidth, imgQuality)
-        : undefined;
-    // Blur placeholder styles — sanitize to prevent CSS injection
-    const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;
-    const blurStyle = placeholder === "blur" && sanitizedBlurURL
-        ? {
-            backgroundImage: `url(${sanitizedBlurURL})`,
-            backgroundSize: "cover",
-            backgroundRepeat: "no-repeat",
-            backgroundPosition: "center",
-        }
-        : undefined;
-    return {
-        props: {
-            src: optimizedSrc,
-            alt,
-            width: fill ? undefined : imgWidth,
-            height: fill ? undefined : imgHeight,
-            loading: priority ? "eager" : (loading ?? "lazy"),
-            fetchPriority: priority ? "high" : undefined,
-            decoding: "async",
-            srcSet,
-            sizes: sizes ?? (fill ? "100vw" : undefined),
-            className,
-            "data-nimg": fill ? "fill" : "1",
-            style: fill
-                ? {
-                    position: "absolute",
-                    inset: 0,
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "cover",
-                    ...blurStyle,
-                    ...style,
-                }
-                : { ...blurStyle, ...style },
-            ...rest,
-        },
-    };
+* getImageProps — for advanced use cases (picture elements, background images).
+* 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 = typeof srcProp === "string" ? srcProp : srcProp.src;
+	const imgWidth = width ?? (typeof srcProp === "object" ? srcProp.width : void 0);
+	const imgHeight = height ?? (typeof srcProp === "object" ? srcProp.height : void 0);
+	const imgBlurDataURL = blurDataURLProp ?? (typeof srcProp === "object" ? srcProp.blurDataURL : void 0);
+	let blockedInProd = false;
+	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}`);
+			blockedInProd = true;
+		}
+	}
+	const imgQuality = _quality ?? 75;
+	const resolvedSrc = blockedInProd ? "" : loader ? loader({
+		src,
+		width: imgWidth ?? 0,
+		quality: imgQuality
+	}) : src;
+	const isSvg = resolvedSrc.endsWith(".svg");
+	const skipOpt = _unoptimized === true || isSvg && !__dangerouslyAllowSVG || blockedInProd || !!loader || isRemoteUrl(resolvedSrc);
+	const optimizedSrc = skipOpt ? resolvedSrc : imgWidth ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality) : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);
+	const srcSet = imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt ? generateSrcSet(resolvedSrc, imgWidth, imgQuality) : void 0;
+	const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : void 0;
+	const blurStyle = placeholder === "blur" && sanitizedBlurURL ? {
+		backgroundImage: `url(${sanitizedBlurURL})`,
+		backgroundSize: "cover",
+		backgroundRepeat: "no-repeat",
+		backgroundPosition: "center"
+	} : void 0;
+	return { props: {
+		src: optimizedSrc,
+		alt,
+		width: fill ? void 0 : imgWidth,
+		height: fill ? void 0 : imgHeight,
+		loading: priority ? "eager" : 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
+		} : {
+			...blurStyle,
+			...style
+		},
+		...rest
+	} };
 }
-export default Image;
+//#endregion
+export { Image as default, getImageProps, imageOptimizationUrl };
+
 //# sourceMappingURL=image.js.map