astro 5.7.5 → 5.7.6

package/components/image.css

@@ -1,17 +1,10 @@
-[data-astro-image] {
-	width: 100%;
-	height: auto;
+:where([data-astro-image]) {
 	object-fit: var(--fit);
 	object-position: var(--pos);
-	aspect-ratio: var(--w) / var(--h);
 }
-/* Styles for responsive layout */
-[data-astro-image='responsive'] {
-	max-width: calc(var(--w) * 1px);
-	max-height: calc(var(--h) * 1px);
+:where([data-astro-image='full-width']) {
+	width: 100%;
 }
-/* Styles for fixed layout */
-[data-astro-image='fixed'] {
-	width: calc(var(--w) * 1px);
-	height: calc(var(--h) * 1px);
+:where([data-astro-image='constrained']) {
+	max-width: 100%;
 }

package/dist/assets/fonts/config.d.ts

@@ -43,7 +43,7 @@ export declare const localFontFamilySchema: z.ZodObject<z.objectUtil.extendShape
 
      * If the last font in the `fallbacks` array is a [generic family name](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#generic-name), an [optimized fallback](https://developer.chrome.com/blog/font-fallbacks) using font metrics will be generated. To disable this optimization, set `optimizedFallbacks` to false.
      */
-    fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+    fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     /**
      * @default `true`
      *
@@ -173,7 +173,7 @@ export declare const localFontFamilySchema: z.ZodObject<z.objectUtil.extendShape
         featureSettings?: string | undefined;
         variationSettings?: string | undefined;
     }[]];
-    fallbacks?: [string, ...string[]] | undefined;
+    fallbacks?: string[] | undefined;
     optimizedFallbacks?: boolean | undefined;
 }, {
     name: string;
@@ -210,7 +210,7 @@ export declare const localFontFamilySchema: z.ZodObject<z.objectUtil.extendShape
         featureSettings?: string | undefined;
         variationSettings?: string | undefined;
     }[]];
-    fallbacks?: [string, ...string[]] | undefined;
+    fallbacks?: string[] | undefined;
     optimizedFallbacks?: boolean | undefined;
 }>;
 export declare const remoteFontFamilySchema: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
@@ -276,7 +276,7 @@ export declare const remoteFontFamilySchema: z.ZodObject<z.objectUtil.extendShap
 
      * If the last font in the `fallbacks` array is a [generic family name](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#generic-name), an [optimized fallback](https://developer.chrome.com/blog/font-fallbacks) using font metrics will be generated. To disable this optimization, set `optimizedFallbacks` to false.
      */
-    fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+    fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     /**
      * @default `true`
      *
@@ -332,7 +332,7 @@ export declare const remoteFontFamilySchema: z.ZodObject<z.objectUtil.extendShap
         entrypoint: string | URL;
         config?: Record<string, any> | undefined;
     };
-    fallbacks?: [string, ...string[]] | undefined;
+    fallbacks?: string[] | undefined;
     optimizedFallbacks?: boolean | undefined;
     display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
     unicodeRange?: [string, ...string[]] | undefined;
@@ -349,7 +349,7 @@ export declare const remoteFontFamilySchema: z.ZodObject<z.objectUtil.extendShap
         entrypoint: string | URL;
         config?: Record<string, any> | undefined;
     };
-    fallbacks?: [string, ...string[]] | undefined;
+    fallbacks?: string[] | undefined;
     optimizedFallbacks?: boolean | undefined;
     display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
     unicodeRange?: [string, ...string[]] | undefined;

package/dist/assets/fonts/config.js

@@ -57,7 +57,7 @@ const fallbacksSchema = z.object({
   
   	 * If the last font in the `fallbacks` array is a [generic family name](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#generic-name), an [optimized fallback](https://developer.chrome.com/blog/font-fallbacks) using font metrics will be generated. To disable this optimization, set `optimizedFallbacks` to false.
   	 */
-  fallbacks: z.array(z.string()).nonempty().optional(),
+  fallbacks: z.array(z.string()).optional(),
   /**
    * @default `true`
    *

package/dist/assets/fonts/constants.d.ts

@@ -3,7 +3,7 @@ export declare const DEFAULTS: {
     weights: string[];
     styles: ["normal", "italic"];
     subsets: [string, string, string, string, string, string, string];
-    fallbacks: [string];
+    fallbacks: string[];
     optimizedFallbacks: true;
 };
 export declare const VIRTUAL_MODULE_ID = "virtual:astro:assets/fonts/internal";

package/dist/assets/fonts/utils.d.ts

@@ -76,9 +76,10 @@ export declare function generateFallbacksCSS({ family, fallbacks: _fallbacks, fo
  * one of the built-in providers and resolve it. The most important part is that if a
  * provider is not provided but `src` is, then it's inferred as the local provider.
  */
-export declare function resolveFontFamily({ family, generateNameWithHash, root, resolveMod, }: Omit<ResolveProviderOptions, 'provider'> & {
+export declare function resolveFontFamily({ family, generateNameWithHash, root, resolveMod, resolveLocalEntrypoint, }: Omit<ResolveProviderOptions, 'provider'> & {
     family: FontFamily;
     generateNameWithHash: (family: FontFamily) => string;
+    resolveLocalEntrypoint: (url: string) => string;
 }): Promise<ResolvedFontFamily>;
 export declare function sortObjectByKey<T extends Record<string, any>>(unordered: T): T;
 /**

package/dist/assets/fonts/utils.js

@@ -1,6 +1,6 @@
 import { createRequire } from "node:module";
 import { extname } from "node:path";
-import { fileURLToPath, pathToFileURL } from "node:url";
+import { pathToFileURL } from "node:url";
 import { AstroError, AstroErrorData } from "../../core/errors/index.js";
 import { DEFAULT_FALLBACKS, FONT_TYPES, LOCAL_PROVIDER_NAME, SYSTEM_METRICS } from "./constants.js";
 import { resolveProvider } from "./providers/utils.js";
@@ -137,7 +137,7 @@ function dedupe(arr) {
 }
 function resolveVariants({
   variants,
-  root
+  resolveEntrypoint: _resolveEntrypoint
 }) {
   return variants.map((variant) => ({
     ...variant,
@@ -147,7 +147,7 @@ function resolveVariants({
       const url = (isValue ? value : value.url).toString();
       const tech = isValue ? void 0 : value.tech;
       return {
-        url: fileURLToPath(resolveEntrypoint(root, url)),
+        url: _resolveEntrypoint(url),
         tech
       };
     })
@@ -157,14 +157,18 @@ async function resolveFontFamily({
   family,
   generateNameWithHash,
   root,
-  resolveMod
+  resolveMod,
+  resolveLocalEntrypoint
 }) {
   const nameWithHash = generateNameWithHash(family);
   if (family.provider === LOCAL_PROVIDER_NAME) {
     return {
       ...family,
       nameWithHash,
-      variants: resolveVariants({ variants: family.variants, root }),
+      variants: resolveVariants({
+        variants: family.variants,
+        resolveEntrypoint: resolveLocalEntrypoint
+      }),
       fallbacks: family.fallbacks ? dedupe(family.fallbacks) : void 0
     };
   }

package/dist/assets/fonts/vite-plugin-fonts.js

@@ -21,6 +21,7 @@ import { generateFallbackFontFace, readMetrics } from "./metrics.js";
 import {
   cache,
   extractFontType,
+  resolveEntrypoint,
   resolveFontFamily,
   sortObjectByKey,
   withoutQuotes
@@ -84,16 +85,31 @@ function fontsPlugin({ settings, sync, logger }) {
     hashToUrlMap = /* @__PURE__ */ new Map();
     resolvedMap = /* @__PURE__ */ new Map();
     const families = [];
+    const root = settings.config.root;
+    const pathsToWarn = /* @__PURE__ */ new Set();
     for (const family of settings.config.experimental.fonts) {
       families.push(
         await resolveFontFamily({
           family,
-          root: settings.config.root,
+          root,
           resolveMod,
-          generateNameWithHash: (_family) => `${withoutQuotes(_family.name)}-${h64ToString(JSON.stringify(sortObjectByKey(_family)))}`
+          generateNameWithHash: (_family) => `${withoutQuotes(_family.name)}-${h64ToString(JSON.stringify(sortObjectByKey(_family)))}`,
+          resolveLocalEntrypoint: (url) => {
+            const resolvedPath = fileURLToPath(resolveEntrypoint(root, url));
+            if (resolvedPath.startsWith(fileURLToPath(settings.config.publicDir))) {
+              pathsToWarn.add(resolvedPath);
+            }
+            return resolvedPath;
+          }
         })
       );
     }
+    for (const path of [...pathsToWarn]) {
+      logger.warn(
+        "assets",
+        `Found a local font file ${JSON.stringify(path)} in the \`public/\` folder. To avoid duplicated files in the build output, move this file into \`src/\``
+      );
+    }
     await loadFonts({
       base: baseUrl,
       families,

package/dist/assets/internal.js

@@ -112,8 +112,6 @@ async function getImage(options, imageConfig) {
     if (layout !== "none") {
       resolvedOptions.style = addCSSVarsToStyle(
         {
-          w: String(resolvedOptions.width),
-          h: String(resolvedOptions.height),
           fit: cssFitValues.includes(resolvedOptions.fit ?? "") && resolvedOptions.fit,
           pos: resolvedOptions.position
         },

package/dist/assets/layout.js

@@ -66,7 +66,7 @@ const getWidths = ({
   if (layout === "fixed") {
     return originalWidth && width > originalWidth ? [originalWidth] : [width, maxSize];
   }
-  if (layout === "responsive") {
+  if (layout === "constrained") {
     return [
       // Always include the image at 1x and 2x the specified width
       width,
@@ -86,13 +86,13 @@ const getSizesAttribute = ({
   switch (layout) {
     // If screen is wider than the max size then image width is the max size,
     // otherwise it's the width of the screen
-    case `responsive`:
+    case "constrained":
       return `(min-width: ${width}px) ${width}px, 100vw`;
     // Image is always the same width, whatever the size of the screen
-    case `fixed`:
+    case "fixed":
       return `${width}px`;
     // Image is always the width of the screen
-    case `full-width`:
+    case "full-width":
       return `100vw`;
     case "none":
     default:

package/dist/assets/types.d.ts

@@ -5,7 +5,7 @@ export type ImageQualityPreset = 'low' | 'mid' | 'high' | 'max' | (string & {});
 export type ImageQuality = ImageQualityPreset | number;
 export type ImageInputFormat = (typeof VALID_INPUT_FORMATS)[number];
 export type ImageOutputFormat = (typeof VALID_OUTPUT_FORMATS)[number] | (string & {});
-export type ImageLayout = 'responsive' | 'fixed' | 'full-width' | 'none';
+export type ImageLayout = 'constrained' | 'fixed' | 'full-width' | 'none';
 export type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | (string & {});
 export type AssetsGlobalStaticImagesList = Map<string, {
     originalSrcPath: string | undefined;
@@ -140,15 +140,15 @@ type ImageSharedProps<T> = T & {
     /**
      * The layout type for responsive images. Requires the `experimental.responsiveImages` flag to be enabled in the Astro config.
      *
-     * Allowed values are `responsive`, `fixed`, `full-width` or `none`. Defaults to value of `image.experimentalLayout`.
+     * Allowed values are `constrained`, `fixed`, `full-width` or `none`. Defaults to value of `image.experimentalLayout`.
      *
-     * - `responsive` - The image will scale to fit the container, maintaining its aspect ratio, but will not exceed the specified dimensions.
+     * - `constrained` - The image will scale to fit the container, maintaining its aspect ratio, but will not exceed the specified dimensions.
      * - `fixed` - The image will maintain its original dimensions.
      * - `full-width` - The image will scale to fit the container, maintaining its aspect ratio, even if that means the image will exceed its original dimensions.
      *
      * **Example**:
      * ```astro
-     * <Image src={...} layout="responsive" alt="..." />
+     * <Image src={...} layout="constrained" alt="..." />
      * ```
      */
     layout?: ImageLayout;

package/dist/content/content-layer.js

@@ -153,7 +153,7 @@ ${contentConfig.error.message}`);
       logger.info("Content config changed");
       shouldClear = true;
     }
-    if (previousAstroVersion && previousAstroVersion !== "5.7.5") {
+    if (previousAstroVersion && previousAstroVersion !== "5.7.6") {
       logger.info("Astro version changed");
       shouldClear = true;
     }
@@ -161,8 +161,8 @@ ${contentConfig.error.message}`);
       logger.info("Clearing content store");
       this.#store.clearAll();
     }
-    if ("5.7.5") {
-      await this.#store.metaStore().set("astro-version", "5.7.5");
+    if ("5.7.6") {
+      await this.#store.metaStore().set("astro-version", "5.7.6");
     }
     if (currentConfigDigest) {
       await this.#store.metaStore().set("content-config-digest", currentConfigDigest);

package/dist/core/config/schemas/base.d.ts

@@ -240,7 +240,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             hostname?: string | undefined;
             pathname?: string | undefined;
         }>, "many">>;
-        experimentalLayout: z.ZodOptional<z.ZodEnum<["responsive", "fixed", "full-width", "none"]>>;
+        experimentalLayout: z.ZodOptional<z.ZodEnum<["constrained", "fixed", "full-width", "none"]>>;
         experimentalObjectFit: z.ZodOptional<z.ZodString>;
         experimentalObjectPosition: z.ZodOptional<z.ZodString>;
         experimentalBreakpoints: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
@@ -260,7 +260,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[];
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -280,7 +280,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[] | undefined;
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -728,7 +728,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             name: z.ZodString;
             cssVariable: z.ZodString;
         }, {
-            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
             optimizedFallbacks: z.ZodOptional<z.ZodBoolean>;
         }>, {
             provider: z.ZodLiteral<"local">;
@@ -817,7 +817,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         }, {
             name: string;
@@ -854,7 +854,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             name: z.ZodString;
@@ -868,7 +868,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             featureSettings: z.ZodOptional<z.ZodString>;
             variationSettings: z.ZodOptional<z.ZodString>;
         }, "style" | "weight">>, {
-            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
             optimizedFallbacks: z.ZodOptional<z.ZodBoolean>;
         }>, {
             provider: z.ZodObject<{
@@ -891,7 +891,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -908,7 +908,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -960,7 +960,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -969,7 +969,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1021,7 +1021,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1030,7 +1030,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1106,7 +1106,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[];
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1221,7 +1221,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1230,7 +1230,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1338,7 +1338,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[] | undefined;
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1480,7 +1480,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1489,7 +1489,7 @@ export declare const AstroConfigSchema: z.ZodObject<{
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;

package/dist/core/config/schemas/base.js

@@ -146,7 +146,7 @@ const AstroConfigSchema = z.object({
         pathname: z.string().optional()
       })
     ).default([]),
-    experimentalLayout: z.enum(["responsive", "fixed", "full-width", "none"]).optional(),
+    experimentalLayout: z.enum(["constrained", "fixed", "full-width", "none"]).optional(),
     experimentalObjectFit: z.string().optional(),
     experimentalObjectPosition: z.string().optional(),
     experimentalBreakpoints: z.array(z.number()).optional()

package/dist/core/config/schemas/relative.d.ts

@@ -165,7 +165,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }>, "many">>;
-        experimentalLayout: z.ZodOptional<z.ZodEnum<["responsive", "fixed", "full-width", "none"]>>;
+        experimentalLayout: z.ZodOptional<z.ZodEnum<["constrained", "fixed", "full-width", "none"]>>;
         experimentalObjectFit: z.ZodOptional<z.ZodString>;
         experimentalObjectPosition: z.ZodOptional<z.ZodString>;
         experimentalBreakpoints: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
@@ -185,7 +185,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[];
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -205,7 +205,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[] | undefined;
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -653,7 +653,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             name: z.ZodString;
             cssVariable: z.ZodString;
         }, {
-            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
             optimizedFallbacks: z.ZodOptional<z.ZodBoolean>;
         }>, {
             provider: z.ZodLiteral<"local">;
@@ -742,7 +742,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         }, {
             name: string;
@@ -779,7 +779,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         }>, z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<z.objectUtil.extendShape<{
             name: z.ZodString;
@@ -793,7 +793,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             featureSettings: z.ZodOptional<z.ZodString>;
             variationSettings: z.ZodOptional<z.ZodString>;
         }, "style" | "weight">>, {
-            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "atleastone">>;
+            fallbacks: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
             optimizedFallbacks: z.ZodOptional<z.ZodBoolean>;
         }>, {
             provider: z.ZodObject<{
@@ -816,7 +816,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -833,7 +833,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -885,7 +885,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -894,7 +894,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -946,7 +946,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -955,7 +955,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1109,7 +1109,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[];
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1224,7 +1224,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1233,7 +1233,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1341,7 +1341,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[] | undefined;
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1483,7 +1483,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1492,7 +1492,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1565,7 +1565,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[];
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1680,7 +1680,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1689,7 +1689,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;
@@ -1797,7 +1797,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
             hostname?: string | undefined;
             pathname?: string | undefined;
         }[] | undefined;
-        experimentalLayout?: "none" | "fixed" | "responsive" | "full-width" | undefined;
+        experimentalLayout?: "none" | "fixed" | "constrained" | "full-width" | undefined;
         experimentalObjectFit?: string | undefined;
         experimentalObjectPosition?: string | undefined;
         experimentalBreakpoints?: number[] | undefined;
@@ -1939,7 +1939,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 featureSettings?: string | undefined;
                 variationSettings?: string | undefined;
             }[]];
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
         } | {
             name: string;
@@ -1948,7 +1948,7 @@ export declare function createRelativeSchema(cmd: string, fileProtocolRoot: stri
                 entrypoint: string | URL;
                 config?: Record<string, any> | undefined;
             };
-            fallbacks?: [string, ...string[]] | undefined;
+            fallbacks?: string[] | undefined;
             optimizedFallbacks?: boolean | undefined;
             display?: "fallback" | "auto" | "optional" | "block" | "swap" | undefined;
             unicodeRange?: [string, ...string[]] | undefined;

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "5.7.5";
+const ASTRO_VERSION = "5.7.6";
 const REROUTE_DIRECTIVE_HEADER = "X-Astro-Reroute";
 const REWRITE_DIRECTIVE_HEADER_KEY = "X-Astro-Rewrite";
 const REWRITE_DIRECTIVE_HEADER_VALUE = "yes";

package/dist/core/dev/dev.js

@@ -22,7 +22,7 @@ async function dev(inlineConfig) {
   await telemetry.record([]);
   const restart = await createContainerWithAutomaticRestart({ inlineConfig, fs });
   const logger = restart.container.logger;
-  const currentVersion = "5.7.5";
+  const currentVersion = "5.7.6";
   const isPrerelease = currentVersion.includes("-");
   if (!isPrerelease) {
     try {

package/dist/core/errors/errors-data.d.ts

@@ -874,7 +874,8 @@ export declare const RedirectWithNoLocation: {
 export declare const UnsupportedExternalRedirect: {
     name: string;
     title: string;
-    message: string;
+    message: (from: string, to: string) => string;
+    hint: string;
 };
 /**
  * @docs

package/dist/core/errors/errors-data.js

@@ -305,7 +305,8 @@ const RedirectWithNoLocation = {
 const UnsupportedExternalRedirect = {
   name: "UnsupportedExternalRedirect",
   title: "Unsupported or malformed URL.",
-  message: "An external redirect must start with http or https, and must be a valid URL."
+  message: (from, to) => `The destination URL in the external redirect from "${from}" to "${to}" is unsupported.`,
+  hint: "An external redirect must start with http or https, and must be a valid URL."
 };
 const InvalidDynamicRoute = {
   name: "InvalidDynamicRoute",

package/dist/core/messages.js

@@ -37,7 +37,7 @@ function serverStart({
   host,
   base
 }) {
-  const version = "5.7.5";
+  const version = "5.7.6";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
   const emptyPrefix = " ".repeat(11);
@@ -274,7 +274,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"5.7.5"}`
+        `v${"5.7.6"}`
       )} ${headline}`
     );
   }

package/dist/core/routing/manifest/create.js

@@ -237,7 +237,10 @@ function createRedirectRoutes({ settings }, routeMap) {
       destination = to.destination;
     }
     if (URL.canParse(destination) && !/^https?:\/\//.test(destination)) {
-      throw new AstroError(UnsupportedExternalRedirect);
+      throw new AstroError({
+        ...UnsupportedExternalRedirect,
+        message: UnsupportedExternalRedirect.message(from, destination)
+      });
     }
     routes.push({
       type: "redirect",

package/dist/types/public/config.d.ts

@@ -1246,7 +1246,7 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
          * @description
          * The default layout type for responsive images. Can be overridden by the `layout` prop on the image component.
          * Requires the `experimental.responsiveImages` flag to be enabled.
-         * - `responsive` - The image will scale to fit the container, maintaining its aspect ratio, but will not exceed the specified dimensions.
+         * - `constrained` - The image will scale to fit the container, maintaining its aspect ratio, but will not exceed the specified dimensions.
          * - `fixed` - The image will maintain its original dimensions.
          * - `full-width` - The image will scale to fit the container, maintaining its aspect ratio.
          */
@@ -1982,14 +1982,14 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
          * }
          * ```
          *
-         * When enabled, you can pass a `layout` props to any `<Image />` or `<Picture />` component to create a responsive image. When a layout is set, images have automatically generated `srcset` and `sizes` attributes based on the image's dimensions and the layout type. Images with `responsive` and `full-width` layouts will have styles applied to ensure they resize according to their container.
+         * When enabled, you can pass a `layout` props to any `<Image />` or `<Picture />` component to create a responsive image. When a layout is set, images have automatically generated `srcset` and `sizes` attributes based on the image's dimensions and the layout type. Images with `constrained` and `full-width` layouts will have styles applied to ensure they resize according to their container.
          *
          * ```astro title=MyComponent.astro
          * ---
          * import { Image, Picture } from 'astro:assets';
          * import myImage from '../assets/my_image.png';
          * ---
-         * <Image src={myImage} alt="A description of my image." layout='responsive' width={800} height={600} />
+         * <Image src={myImage} alt="A description of my image." layout='constrained' width={800} height={600} />
          * <Picture src={myImage} alt="A description of my image." layout='full-width' formats={['avif', 'webp', 'jpeg']} />
          * ```
          * This `<Image />` component will generate the following HTML output:
@@ -2011,31 +2011,28 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
          *		fetchpriority="auto"
          *		width="800"
          *		height="600"
-         *		style="--w: 800; --h: 600; --fit: cover; --pos: center;"
-         *		data-astro-image="responsive"
+         *		style="--fit: cover; --pos: center;"
+         *		data-astro-image="constrained"
          *  >
          * ```
          *
          * The following styles are applied to ensure the images resize correctly:
          *
          * ```css title="Responsive Image Styles"
-         * [data-astro-image] {
-         * 		width: 100%;
-         * 		height: auto;
-         * 		object-fit: var(--fit);
-         * 		object-position: var(--pos);
-         * 		aspect-ratio: var(--w) / var(--h)
+         *
+         * :where([data-astro-image]) {
+         *   object-fit: var(--fit);
+         *   object-position: var(--pos);
          * }
          *
-         * [data-astro-image=responsive] {
-         * 		max-width: calc(var(--w) * 1px);
-         * 		max-height: calc(var(--h) * 1px)
+         * :where([data-astro-image='full-width']) {
+         *   width: 100%;
          * }
          *
-         * [data-astro-image=fixed] {
-         * 		width: calc(var(--w) * 1px);
-         * 		height: calc(var(--h) * 1px)
+         * :where([data-astro-image='constrained']) {
+         *   max-width: 100%;
          * }
+         *
          * ```
          * You can enable responsive images for all `<Image />` and `<Picture />` components by setting `image.experimentalLayout` with a default value. This can be overridden by the `layout` prop on each component.
          *
@@ -2044,7 +2041,7 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
          * {
          * 		image: {
          * 			// Used for all `<Image />` and `<Picture />` components unless overridden
-         * 			experimentalLayout: 'responsive',
+         * 			experimentalLayout: 'constrained',
          * 		},
          * 		experimental: {
          * 			responsiveImages: true,
@@ -2069,12 +2066,12 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
          *
          * These are additional properties available to the `<Image />` and `<Picture />` components when responsive images are enabled:
          *
-         * - `layout`: The layout type for the image. Can be `responsive`, `fixed`, `full-width` or `none`. Defaults to value of `image.experimentalLayout`.
+         * - `layout`: The layout type for the image. Can be `constrained`, `fixed`, `full-width` or `none`. Defaults to value of `image.experimentalLayout`.
          * - `fit`: Defines how the image should be cropped if the aspect ratio is changed. Values match those of CSS `object-fit`. Defaults to `cover`, or the value of `image.experimentalObjectFit` if set.
          * - `position`: Defines the position of the image crop if the aspect ratio is changed. Values match those of CSS `object-position`. Defaults to `center`, or the value of `image.experimentalObjectPosition` if set.
          * - `priority`: If set, eagerly loads the image. Otherwise images will be lazy-loaded. Use this for your largest above-the-fold image. Defaults to `false`.
          *
-         * The `widths` and `sizes` attributes are automatically generated based on the image's dimensions and the layout type, and in most cases should not be set manually. The generated `sizes` attribute for `responsive` and `full-width` images
+         * The `widths` and `sizes` attributes are automatically generated based on the image's dimensions and the layout type, and in most cases should not be set manually. The generated `sizes` attribute for `constrained` and `full-width` images
          * is based on the assumption that the image is displayed at close to the full width of the screen when the viewport is smaller than the image's width. If it is significantly different (e.g. if it's in a multi-column layout on small screens) you may need to adjust the `sizes` attribute manually for best results.
          *
          * The `densities` attribute is not compatible with responsive images and will be ignored if set.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "5.7.5",
+  "version": "5.7.6",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",