astro 6.0.0-beta.10 → 6.0.0-beta.12

package/client.d.ts

@@ -84,6 +84,11 @@ declare module 'astro:assets' {
 	}: AstroAssets;
 }
 
+declare module 'virtual:astro:image-styles.css' {
+	const styles: string;
+	export default styles;
+}
+
 type ImageMetadata = import('./dist/assets/types.js').ImageMetadata;
 
 declare module '*.gif' {

package/components/ResponsiveImage.astro

@@ -5,8 +5,6 @@ import Image from './Image.astro';
 type Props = LocalImageProps | RemoteImageProps;
 
 const { class: className, ...props } = Astro.props;
-
-import './image.css';
 ---
 
 {/* Applying class outside of the spread prevents it from applying unnecessary astro-* classes */}

package/components/ResponsivePicture.astro

@@ -4,7 +4,6 @@ import { default as Picture, type Props as PictureProps } from './Picture.astro'
 type Props = PictureProps;
 
 const { class: className, ...props } = Astro.props;
-import './image.css';
 ---
 
 {/* Applying class outside of the spread prevents it from applying unnecessary astro-* classes */}

package/dist/assets/consts.d.ts

@@ -1,6 +1,8 @@
 export declare const VIRTUAL_MODULE_ID = "astro:assets";
 export declare const RESOLVED_VIRTUAL_MODULE_ID: string;
 export declare const VIRTUAL_SERVICE_ID = "virtual:image-service";
+export declare const VIRTUAL_IMAGE_STYLES_ID = "virtual:astro:image-styles.css";
+export declare const RESOLVED_VIRTUAL_IMAGE_STYLES_ID: string;
 export declare const VALID_INPUT_FORMATS: readonly ["jpeg", "jpg", "png", "tiff", "webp", "gif", "svg", "avif"];
 /**
  * Valid formats that our base services support.

package/dist/assets/consts.js

@@ -1,6 +1,8 @@
 const VIRTUAL_MODULE_ID = "astro:assets";
 const RESOLVED_VIRTUAL_MODULE_ID = "\0" + VIRTUAL_MODULE_ID;
 const VIRTUAL_SERVICE_ID = "virtual:image-service";
+const VIRTUAL_IMAGE_STYLES_ID = "virtual:astro:image-styles.css";
+const RESOLVED_VIRTUAL_IMAGE_STYLES_ID = "\0" + VIRTUAL_IMAGE_STYLES_ID;
 const VALID_INPUT_FORMATS = [
   "jpeg",
   "jpg",
@@ -36,10 +38,12 @@ const DEFAULT_HASH_PROPS = [
 export {
   DEFAULT_HASH_PROPS,
   DEFAULT_OUTPUT_FORMAT,
+  RESOLVED_VIRTUAL_IMAGE_STYLES_ID,
   RESOLVED_VIRTUAL_MODULE_ID,
   VALID_INPUT_FORMATS,
   VALID_OUTPUT_FORMATS,
   VALID_SUPPORTED_FORMATS,
+  VIRTUAL_IMAGE_STYLES_ID,
   VIRTUAL_MODULE_ID,
   VIRTUAL_SERVICE_ID
 };

package/dist/assets/internal.d.ts

@@ -2,5 +2,6 @@ import type { AstroConfig } from '../types/public/config.js';
 import type { AstroAdapterClientConfig } from '../types/public/integrations.js';
 import { type ImageService } from './services/service.js';
 import { type GetImageResult, type UnresolvedImageTransform } from './types.js';
+export declare const cssFitValues: string[];
 export declare function getConfiguredImageService(): Promise<ImageService>;
 export declare function getImage(options: UnresolvedImageTransform, imageConfig: AstroConfig['image'] & AstroAdapterClientConfig): Promise<GetImageResult>;

package/dist/assets/internal.js

@@ -11,10 +11,10 @@ import { isLocalService } from "./services/service.js";
 import {
   isImageMetadata
 } from "./types.js";
-import { addCSSVarsToStyle, cssFitValues } from "./utils/imageAttributes.js";
 import { isESMImportedImage, isRemoteImage, resolveSrc } from "./utils/imageKind.js";
 import { inferRemoteSize } from "./utils/remoteProbe.js";
 import { createPlaceholderURL, stringifyPlaceholderURL } from "./utils/url.js";
+const cssFitValues = ["fill", "contain", "cover", "scale-down"];
 async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
@@ -110,14 +110,13 @@ async function getImage(options, imageConfig) {
     });
     resolvedOptions.sizes ||= getSizesAttribute({ width: resolvedOptions.width, layout });
     delete resolvedOptions.densities;
-    resolvedOptions.style = addCSSVarsToStyle(
-      {
-        fit: cssFitValues.includes(resolvedOptions.fit ?? "") && resolvedOptions.fit,
-        pos: resolvedOptions.position
-      },
-      resolvedOptions.style
-    );
     resolvedOptions["data-astro-image"] = layout;
+    if (resolvedOptions.fit && cssFitValues.includes(resolvedOptions.fit)) {
+      resolvedOptions["data-astro-image-fit"] = resolvedOptions.fit;
+    }
+    if (resolvedOptions.position) {
+      resolvedOptions["data-astro-image-pos"] = resolvedOptions.position.replace(/\s+/g, "-");
+    }
   }
   const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
   const srcSetTransforms = service.getSrcSet ? await service.getSrcSet(validatedOptions, imageConfig) : [];
@@ -182,6 +181,7 @@ async function getImage(options, imageConfig) {
   };
 }
 export {
+  cssFitValues,
   getConfiguredImageService,
   getImage
 };

package/dist/assets/services/service.js

@@ -64,7 +64,7 @@ function verifyOptions(options) {
     if (options.widths && options.densities) {
       throw new AstroError(AstroErrorData.IncompatibleDescriptorOptions);
     }
-    if (options.src.format === "svg" && options.format !== "svg" || options.src.format !== "svg" && options.format === "svg") {
+    if (options.src.format !== "svg" && options.format === "svg") {
       throw new AstroError(AstroErrorData.UnsupportedImageConversion);
     }
   }
@@ -72,12 +72,13 @@ function verifyOptions(options) {
 const baseService = {
   propertiesToHash: DEFAULT_HASH_PROPS,
   validateOptions(options) {
-    if (isESMImportedImage(options.src) && options.src.format === "svg") {
-      options.format = "svg";
-    }
     verifyOptions(options);
     if (!options.format) {
-      options.format = DEFAULT_OUTPUT_FORMAT;
+      if (isESMImportedImage(options.src) && options.src.format === "svg") {
+        options.format = "svg";
+      } else {
+        options.format = DEFAULT_OUTPUT_FORMAT;
+      }
     }
     if (options.width) options.width = Math.round(options.width);
     if (options.height) options.height = Math.round(options.height);

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

@@ -0,0 +1 @@
+export declare function generateImageStylesCSS(defaultObjectFit?: string, defaultObjectPosition?: string): string;

package/dist/assets/utils/generateImageStylesCSS.js

@@ -0,0 +1,38 @@
+import { cssFitValues } from "../internal.js";
+function generateImageStylesCSS(defaultObjectFit, defaultObjectPosition) {
+  const fitStyles = cssFitValues.map(
+    (fit) => `
+[data-astro-image-fit="${fit}"] {
+  object-fit: ${fit};
+}`
+  ).join("\n");
+  const defaultFitStyle = defaultObjectFit && cssFitValues.includes(defaultObjectFit) ? `
+:where([data-astro-image]:not([data-astro-image-fit])) {
+  object-fit: ${defaultObjectFit};
+}` : "";
+  const positionStyle = defaultObjectPosition ? `
+[data-astro-image-pos="${defaultObjectPosition.replace(/\s+/g, "-")}"] {
+  object-position: ${defaultObjectPosition};
+}
+
+:where([data-astro-image]:not([data-astro-image-pos])) {
+  object-position: ${defaultObjectPosition};
+}` : "";
+  return `
+:where([data-astro-image]) {
+  height: auto;
+}
+:where([data-astro-image="full-width"]) {
+  width: 100%;
+}
+:where([data-astro-image="constrained"]) {
+  max-width: 100%;
+}
+${fitStyles}
+${defaultFitStyle}
+${positionStyle}
+`.trim();
+}
+export {
+  generateImageStylesCSS
+};

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

@@ -11,8 +11,10 @@ import {
 import { normalizePath } from "../core/viteUtils.js";
 import { isAstroServerEnvironment } from "../environments.js";
 import {
+  RESOLVED_VIRTUAL_IMAGE_STYLES_ID,
   RESOLVED_VIRTUAL_MODULE_ID,
   VALID_INPUT_FORMATS,
+  VIRTUAL_IMAGE_STYLES_ID,
   VIRTUAL_MODULE_ID,
   VIRTUAL_SERVICE_ID
 } from "./consts.js";
@@ -114,46 +116,46 @@ function assets({ fs, settings, sync, logger }) {
         handler() {
           return {
             code: `
-							import { getConfiguredImageService as _getConfiguredImageService } from "astro/assets";
-							export { isLocalService } from "astro/assets";
-							import { getImage as getImageInternal } from "astro/assets";
-							export { default as Image } from "astro/components/${imageComponentPrefix}Image.astro";
-							export { default as Picture } from "astro/components/${imageComponentPrefix}Picture.astro";
-							import { inferRemoteSize as inferRemoteSizeInternal } from "astro/assets/utils/inferRemoteSize.js";
+						import { getConfiguredImageService as _getConfiguredImageService } from "astro/assets";
+						export { isLocalService } from "astro/assets";
+						import { getImage as getImageInternal } from "astro/assets";
+						${settings.config.image.responsiveStyles ? `import "${VIRTUAL_IMAGE_STYLES_ID}";` : ""}
+						export { default as Image } from "astro/components/${imageComponentPrefix}Image.astro";
+						export { default as Picture } from "astro/components/${imageComponentPrefix}Picture.astro";
+						import { inferRemoteSize as inferRemoteSizeInternal } from "astro/assets/utils/inferRemoteSize.js";
 
-							export { default as Font } from "astro/components/Font.astro";
-							export * from "${RUNTIME_VIRTUAL_MODULE_ID}";
-							
-							export const getConfiguredImageService = _getConfiguredImageService;
+						export { default as Font } from "astro/components/Font.astro";
+						export * from "${RUNTIME_VIRTUAL_MODULE_ID}";
+						
+						export const getConfiguredImageService = _getConfiguredImageService;
 
 							export const viteFSConfig = ${JSON.stringify(resolvedConfig.server.fs ?? {})};
 
-							export const safeModulePaths = new Set(${JSON.stringify(
+						export const safeModulePaths = new Set(${JSON.stringify(
               // @ts-expect-error safeModulePaths is internal to Vite
               Array.from(resolvedConfig.safeModulePaths ?? [])
             )});
 
-							const assetQueryParams = ${settings.adapter?.client?.assetQueryParams ? `new URLSearchParams(${JSON.stringify(
+						const assetQueryParams = ${settings.adapter?.client?.assetQueryParams ? `new URLSearchParams(${JSON.stringify(
               Array.from(settings.adapter.client.assetQueryParams.entries())
             )})` : "undefined"};
-							export const imageConfig = ${JSON.stringify(settings.config.image)};
-							Object.defineProperty(imageConfig, 'assetQueryParams', {
-								value: assetQueryParams,
-								enumerable: false,
-								configurable: true,
-							});
-              export const inferRemoteSize = async (url) => {
+						export const imageConfig = ${JSON.stringify(settings.config.image)};
+						Object.defineProperty(imageConfig, 'assetQueryParams', {
+							value: assetQueryParams,
+							enumerable: false,
+							configurable: true,
+						});
+export const inferRemoteSize = async (url) => {
                 const service = await _getConfiguredImageService()
 
                 return service.getRemoteSize?.(url, imageConfig) ?? inferRemoteSizeInternal(url)
-              }
-							// This is used by the @astrojs/node integration to locate images.
-							// It's unused on other platforms, but on some platforms like Netlify (and presumably also Vercel)
-							// new URL("dist/...") is interpreted by the bundler as a signal to include that directory
-							// in the Lambda bundle, which would bloat the bundle with images.
-							// To prevent this, we mark the URL construction as pure,
-							// so that it's tree-shaken away for all platforms that don't need it.
-							export const outDir = /* #__PURE__ */ new URL(${JSON.stringify(
+              }						// This is used by the @astrojs/node integration to locate images.
+						// It's unused on other platforms, but on some platforms like Netlify (and presumably also Vercel)
+						// new URL("dist/...") is interpreted by the bundler as a signal to include that directory
+						// in the Lambda bundle, which would bloat the bundle with images.
+						// To prevent this, we mark the URL construction as pure,
+						// so that it's tree-shaken away for all platforms that don't need it.
+						export const outDir = /* #__PURE__ */ new URL(${JSON.stringify(
               new URL(
                 settings.buildOutput === "server" ? settings.config.build.client : settings.config.outDir
               )
@@ -161,8 +163,8 @@ function assets({ fs, settings, sync, logger }) {
               export const serverDir = /* #__PURE__ */ new URL(${JSON.stringify(
               new URL(settings.config.build.server)
             )});
-							export const getImage = async (options) => await getImageInternal(options, imageConfig);
-						`
+						export const getImage = async (options) => await getImageInternal(options, imageConfig);
+					`
           };
         }
       },
@@ -251,7 +253,35 @@ function assets({ fs, settings, sync, logger }) {
         }
       }
     },
-    fontsPlugin({ settings, sync, logger })
+    fontsPlugin({ settings, sync, logger }),
+    {
+      name: "astro:image-styles",
+      resolveId: {
+        filter: {
+          id: new RegExp(`^${VIRTUAL_IMAGE_STYLES_ID}$`)
+        },
+        handler(id) {
+          if (id === VIRTUAL_IMAGE_STYLES_ID) {
+            return RESOLVED_VIRTUAL_IMAGE_STYLES_ID;
+          }
+        }
+      },
+      load: {
+        filter: {
+          id: new RegExp(`^${RESOLVED_VIRTUAL_IMAGE_STYLES_ID}$`)
+        },
+        async handler(id) {
+          if (id === RESOLVED_VIRTUAL_IMAGE_STYLES_ID) {
+            const { generateImageStylesCSS } = await import("./utils/generateImageStylesCSS.js");
+            const css = generateImageStylesCSS(
+              settings.config.image.objectFit,
+              settings.config.image.objectPosition
+            );
+            return { code: css };
+          }
+        }
+      }
+    }
   ];
 }
 export {

package/dist/cli/add/index.js

@@ -2,16 +2,14 @@ import fsMod, { existsSync, promises as fs } from "node:fs";
 import { createRequire } from "node:module";
 import path from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
+import * as clack from "@clack/prompts";
 import { assertValidPackageName } from "@astrojs/internal-helpers/cli";
-import boxen from "boxen";
 import { diffWords } from "diff";
 import { builders, generateCode, loadFile } from "magicast";
 import { getDefaultExportOptions } from "magicast/helpers";
 import { detect, resolveCommand } from "package-manager-detector";
 import colors from "piccolore";
-import prompts from "prompts";
 import maxSatisfying from "semver/ranges/max-satisfying.js";
-import yoctoSpinner from "yocto-spinner";
 import {
   loadTSConfig,
   resolveConfig,
@@ -435,19 +433,21 @@ ${list}`
         )
       );
       if (integrations.find((integration) => integration.integrationName === "tailwind")) {
-        const code = boxen(getDiffContent("---\n---", "---\nimport '../styles/global.css'\n---"), {
-          margin: 0.5,
-          padding: 0.5,
-          borderStyle: "round",
-          title: "src/layouts/Layout.astro"
-        });
         logger.warn(
           "SKIP_FORMAT",
           msg.actionRequired(
             "You must import your Tailwind stylesheet, e.g. in a shared layout:\n"
           )
         );
-        logger.info("SKIP_FORMAT", code + "\n");
+        clack.box(
+          getDiffContent("---\n---", "---\nimport '../styles/global.css'\n---"),
+          "src/layouts/Layout.astro",
+          {
+            rounded: true,
+            withGuide: false,
+            width: "auto"
+          }
+        );
       }
     }
   }
@@ -571,20 +571,16 @@ async function updateAstroConfig({
   if (!diff) {
     return 0 /* none */;
   }
-  const message = `
-${boxen(diff, {
-    margin: 0.5,
-    padding: 0.5,
-    borderStyle: "round",
-    title: configURL.pathname.split("/").pop()
-  })}
-`;
   logger.info(
     "SKIP_FORMAT",
     `
-  ${magenta("Astro will make the following changes to your config file:")}
-${message}`
+  ${magenta("Astro will make the following changes to your config file:")}`
   );
+  clack.box(diff, configURL.pathname.split("/").pop(), {
+    rounded: true,
+    withGuide: false,
+    width: "auto"
+  });
   if (logAdapterInstructions) {
     logger.info(
       "SKIP_FORMAT",
@@ -635,20 +631,16 @@ async function updatePackageJsonScripts({
   if (!diff) {
     return 0 /* none */;
   }
-  const message = `
-${boxen(diff, {
-    margin: 0.5,
-    padding: 0.5,
-    borderStyle: "round",
-    title: "package.json"
-  })}
-`;
   logger.info(
     "SKIP_FORMAT",
     `
-  ${magenta("Astro will add the following scripts to your package.json:")}
-${message}`
+  ${magenta("Astro will add the following scripts to your package.json:")}`
   );
+  clack.box(diff, "package.json", {
+    rounded: true,
+    withGuide: false,
+    width: "auto"
+  });
   if (await askToContinue({ flags, logger })) {
     await fs.writeFile(pkgPath, output, { encoding: "utf-8" });
     logger.debug("add", "Updated package.json scripts");
@@ -712,24 +704,22 @@ async function tryToInstallIntegrations({
     (specifiers) => installCommand.command === "deno" ? specifiers.map((specifier) => `npm:${specifier}`) : specifiers
   );
   const coloredOutput = `${bold(installCommand.command)} ${installCommand.args.join(" ")} ${cyan(installSpecifiers.join(" "))}`;
-  const message = `
-${boxen(coloredOutput, {
-    margin: 0.5,
-    padding: 0.5,
-    borderStyle: "round"
-  })}
-`;
   logger.info(
     "SKIP_FORMAT",
     `
   ${magenta("Astro will run the following command:")}
   ${dim(
       "If you skip this step, you can always run it yourself later"
-    )}
-${message}`
+    )}`
   );
+  clack.box(coloredOutput, void 0, {
+    rounded: true,
+    withGuide: false,
+    width: "auto"
+  });
   if (await askToContinue({ flags, logger })) {
-    const spinner = yoctoSpinner({ text: "Installing dependencies..." }).start();
+    const spinner = clack.spinner({ withGuide: false });
+    spinner.start("Installing dependencies...");
     try {
       await exec(installCommand.command, [...installCommand.args, ...installSpecifiers], {
         nodeOptions: {
@@ -738,10 +728,10 @@ ${message}`
           env: { NODE_ENV: void 0 }
         }
       });
-      spinner.success();
+      spinner.stop("Dependencies installed.");
       return 1 /* updated */;
     } catch (err) {
-      spinner.error();
+      spinner.error("Error installing dependencies.");
       logger.debug("add", "Error installing dependencies", err);
       console.error("\n", err.stdout || err.message, "\n");
       return 3 /* failure */;
@@ -754,7 +744,8 @@ async function validateIntegrations(integrations, flags, logger) {
   for (const integration of integrations) {
     assertValidPackageName(integration);
   }
-  const spinner = yoctoSpinner({ text: "Resolving packages..." }).start();
+  const spinner = clack.spinner({ withGuide: false });
+  spinner.start("Resolving packages...");
   try {
     const integrationEntries = await Promise.all(
       integrations.map(async (integration) => {
@@ -771,9 +762,9 @@ async function validateIntegrations(integrations, flags, logger) {
           const firstPartyPkgCheck = await fetchPackageJson("@astrojs", name, tag);
           if (firstPartyPkgCheck instanceof Error) {
             if (firstPartyPkgCheck.message) {
-              spinner.warning(yellow(firstPartyPkgCheck.message));
+              spinner.message(yellow(firstPartyPkgCheck.message));
             }
-            spinner.warning(yellow(`${bold(integration)} is not an official Astro package.`));
+            spinner.message(yellow(`${bold(integration)} is not an official Astro package.`));
             if (!await askToContinue({ flags, logger })) {
               throw new Error(
                 `No problem! Find our official integrations at ${cyan(
@@ -781,7 +772,7 @@ async function validateIntegrations(integrations, flags, logger) {
                 )}`
               );
             }
-            spinner.start("Resolving with third party packages...");
+            spinner.message("Resolving with third party packages...");
             pkgType = "third-party";
           } else {
             pkgType = "first-party";
@@ -792,7 +783,7 @@ async function validateIntegrations(integrations, flags, logger) {
           const thirdPartyPkgCheck = await fetchPackageJson(scope, name, tag);
           if (thirdPartyPkgCheck instanceof Error) {
             if (thirdPartyPkgCheck.message) {
-              spinner.warning(yellow(thirdPartyPkgCheck.message));
+              spinner.message(yellow(thirdPartyPkgCheck.message));
             }
             throw new Error(`Unable to fetch ${bold(integration)}. Does the package exist?`);
           } else {
@@ -846,7 +837,7 @@ async function validateIntegrations(integrations, flags, logger) {
         };
       })
     );
-    spinner.success();
+    spinner.stop("Resolved packages.");
     return integrationEntries;
   } catch (e) {
     if (e instanceof Error) {
@@ -895,19 +886,10 @@ async function updateTSConfig(cwd = process.cwd(), logger, integrationsInfo, fla
   if (!diff) {
     return 0 /* none */;
   }
-  const message = `
-${boxen(diff, {
-    margin: 0.5,
-    padding: 0.5,
-    borderStyle: "round",
-    title: configFileName
-  })}
-`;
   logger.info(
     "SKIP_FORMAT",
     `
-  ${magenta(`Astro will make the following changes to your ${configFileName}:`)}
-${message}`
+  ${magenta(`Astro will make the following changes to your ${configFileName}:`)}`
   );
   if (firstIntegrationWithTSSettings) {
     const conflictingIntegrations = Array.from(presets.keys()).filter(
@@ -964,13 +946,12 @@ async function askToContinue({
     hasHintedAboutYesFlag = true;
     logger.info("SKIP_FORMAT", dim("  To run this command without prompts, pass the --yes flag\n"));
   }
-  const response = await prompts({
-    type: "confirm",
-    name: "askToContinue",
-    message: "Continue?",
-    initial: true
+  const response = await clack.confirm({
+    message: colors.bold("Continue?"),
+    initialValue: true,
+    withGuide: false
   });
-  return Boolean(response.askToContinue);
+  return response === true;
 }
 function getDiffContent(input, output) {
   let changes = [];

package/dist/cli/index.js

@@ -74,7 +74,7 @@ async function runCommand(cmd, flags) {
         { TinyexecCommandExecutor },
         { getPackageManager },
         { StyledDebugInfoFormatter },
-        { PromptsPrompt },
+        { ClackPrompt },
         { CliClipboard },
         { PassthroughTextStyler },
         { infoCommand }
@@ -87,7 +87,7 @@ async function runCommand(cmd, flags) {
         import("./infra/tinyexec-command-executor.js"),
         import("./info/core/get-package-manager.js"),
         import("./info/infra/styled-debug-info-formatter.js"),
-        import("./info/infra/prompts-prompt.js"),
+        import("./info/infra/clack-prompt.js"),
         import("./info/infra/cli-clipboard.js"),
         import("./infra/passthrough-text-styler.js"),
         import("./info/core/info.js")
@@ -107,7 +107,7 @@ async function runCommand(cmd, flags) {
         }),
         nodeVersionProvider
       });
-      const prompt = new PromptsPrompt({ force: flags.copy });
+      const prompt = new ClackPrompt({ force: flags.copy });
       const clipboard = new CliClipboard({
         commandExecutor,
         logger,

package/dist/cli/info/infra/{prompts-prompt.d.ts → clack-prompt.d.ts}

@@ -1,5 +1,5 @@
 import type { Prompt } from '../definitions.js';
-export declare class PromptsPrompt implements Prompt {
+export declare class ClackPrompt implements Prompt {
     #private;
     constructor({ force }: {
         force: boolean;

package/dist/cli/info/infra/{prompts-prompt.js → clack-prompt.js}

@@ -1,5 +1,5 @@
-import prompts from "prompts";
-class PromptsPrompt {
+import { confirm } from "@clack/prompts";
+class ClackPrompt {
   #force;
   constructor({ force }) {
     this.#force = force;
@@ -11,15 +11,14 @@ class PromptsPrompt {
     if (this.#force) {
       return true;
     }
-    const { value } = await prompts({
-      type: "confirm",
-      name: "value",
+    const response = await confirm({
       message,
-      initial: defaultValue
+      initialValue: defaultValue,
+      withGuide: false
     });
-    return value;
+    return response === true;
   }
 }
 export {
-  PromptsPrompt
+  ClackPrompt
 };

package/dist/cli/infra/build-time-astro-version-provider.js

@@ -1,6 +1,6 @@
 class BuildTimeAstroVersionProvider {
   // Injected during the build through esbuild define
-  version = "6.0.0-beta.10";
+  version = "6.0.0-beta.12";
 }
 export {
   BuildTimeAstroVersionProvider