storybook 10.0.0-rc.2 → 10.0.0-rc.4

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -83,11 +83,11 @@ import {
   transformImportFiles,
   validateConfigurationFiles,
   validateFrameworkName
-} from "../_node-chunks/chunk-SF4YWMS2.js";
-import "../_node-chunks/chunk-XJRUDTSD.js";
+} from "../_node-chunks/chunk-NCKTVDON.js";
+import "../_node-chunks/chunk-JPPACTL4.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-JT5JXOKC.js";
+} from "../_node-chunks/chunk-AHFZBAQF.js";
 import {
   findFilesUp,
   getProjectRoot,
@@ -99,22 +99,22 @@ import {
   optionalEnvToBoolean,
   stringifyEnvs,
   stringifyProcessEnvs
-} from "../_node-chunks/chunk-J34Y4L4Q.js";
-import "../_node-chunks/chunk-FXGD2HHQ.js";
-import "../_node-chunks/chunk-X35XJZ7G.js";
+} from "../_node-chunks/chunk-YW2UKPPH.js";
+import "../_node-chunks/chunk-USMWLOGR.js";
+import "../_node-chunks/chunk-AA6WD3A7.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-6SGQF6CF.js";
-import "../_node-chunks/chunk-QD4TA2GK.js";
-import "../_node-chunks/chunk-AFW3U6QG.js";
-import "../_node-chunks/chunk-TR7IYGK4.js";
-import "../_node-chunks/chunk-FWBLOTP7.js";
-import "../_node-chunks/chunk-VHPYGR5X.js";
-import "../_node-chunks/chunk-DOCRBDQH.js";
-import "../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../_node-chunks/chunk-VWIHOMFU.js";
+import "../_node-chunks/chunk-OJSXOILA.js";
+import "../_node-chunks/chunk-SX2UZK74.js";
+import "../_node-chunks/chunk-PJCDP6ZD.js";
+import "../_node-chunks/chunk-ZW5XA6KG.js";
+import "../_node-chunks/chunk-BSVBH2ZA.js";
+import "../_node-chunks/chunk-4TLOQYBC.js";
+import "../_node-chunks/chunk-EJGHDAYE.js";
 export {
   COMMON_ENV_VARS,
   DEFAULT_FILES_PATTERN,

package/dist/core-server/index.js

@@ -1,26 +1,29 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
+import {
+  detectPnp
+} from "../_node-chunks/chunk-VBFCHLFV.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-VDCU2LFF.js";
+} from "../_node-chunks/chunk-AS5N7GY5.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-LUDM5RD2.js";
-import "../_node-chunks/chunk-BPYW7SFB.js";
+} from "../_node-chunks/chunk-BEHPCFQ2.js";
+import "../_node-chunks/chunk-OOXEC2LP.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-2IEV7XG2.js";
+} from "../_node-chunks/chunk-QK5IGJ3H.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -28,59 +31,59 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-SSK6CTPD.js";
-import "../_node-chunks/chunk-62KDMWXX.js";
+} from "../_node-chunks/chunk-MC6BOBJJ.js";
+import "../_node-chunks/chunk-2JIAOYKO.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-VSPERFYF.js";
-import "../_node-chunks/chunk-N4S7XZKB.js";
+} from "../_node-chunks/chunk-JGDH6YYG.js";
+import "../_node-chunks/chunk-XQN3THEO.js";
 import {
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-SF4YWMS2.js";
-import "../_node-chunks/chunk-XJRUDTSD.js";
-import "../_node-chunks/chunk-JT5JXOKC.js";
-import "../_node-chunks/chunk-LR47LSEQ.js";
+} from "../_node-chunks/chunk-NCKTVDON.js";
+import "../_node-chunks/chunk-JPPACTL4.js";
+import "../_node-chunks/chunk-AHFZBAQF.js";
+import "../_node-chunks/chunk-SN3TDU74.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-J34Y4L4Q.js";
+} from "../_node-chunks/chunk-YW2UKPPH.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-FXGD2HHQ.js";
-import "../_node-chunks/chunk-MTIN3LKM.js";
+} from "../_node-chunks/chunk-USMWLOGR.js";
+import "../_node-chunks/chunk-PW2V2I6I.js";
 import {
   invariant
-} from "../_node-chunks/chunk-X35XJZ7G.js";
+} from "../_node-chunks/chunk-AA6WD3A7.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-6SGQF6CF.js";
+} from "../_node-chunks/chunk-VWIHOMFU.js";
 import {
   resolve
-} from "../_node-chunks/chunk-QD4TA2GK.js";
+} from "../_node-chunks/chunk-OJSXOILA.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-AFW3U6QG.js";
-import "../_node-chunks/chunk-TR7IYGK4.js";
+} from "../_node-chunks/chunk-SX2UZK74.js";
+import "../_node-chunks/chunk-PJCDP6ZD.js";
 import {
   slash
-} from "../_node-chunks/chunk-FWBLOTP7.js";
+} from "../_node-chunks/chunk-ZW5XA6KG.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-VHPYGR5X.js";
+} from "../_node-chunks/chunk-BSVBH2ZA.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-K5GJVTVF.js";
+} from "../_node-chunks/chunk-E7XUDQ3W.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-DOCRBDQH.js";
+} from "../_node-chunks/chunk-4TLOQYBC.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../_node-chunks/chunk-EJGHDAYE.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -8715,7 +8718,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     }
     const pathToSubIndex = {};
     const fullGlob = slash(join(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-ZEUQ6QPC.js");
+    const { globby } = await import("../_node-chunks/globby-HQ3ESL52.js");
     const files = await globby(fullGlob, {
       absolute: true,
       cwd: workingDir,
@@ -8973,7 +8976,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-47EE2CMC.js");
+      const { analyze } = await import("../_node-chunks/dist-U664B537.js");
       const result = await analyze(content);
       if (result.isTemplate) {
         return false;
@@ -9316,7 +9319,7 @@ __name(print, "print");
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-ZNPRP22E.js");
+  return await import("../_node-chunks/builder-manager-CMPC7SCH.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -9555,7 +9558,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-ZEUQ6QPC.js");
+          const { globby } = await import("../_node-chunks/globby-HQ3ESL52.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);
@@ -11671,6 +11674,7 @@ async function storybookDevServer(options) {
   app.use(getAccessControlMiddleware(core2?.crossOriginIsolated ?? false));
   app.use(getCachingMiddleware());
   (await getMiddleware(options.configDir))(app);
+  await options.presets.apply("experimental_devServer", app);
   const { port, host, initialPath } = options;
   invariant(port, "expected options to have a port");
   const proto = options.https ? "https" : "http";
@@ -12126,6 +12130,15 @@ async function buildDevStandalone(options) {
   options.cacheKey = cacheKey;
   options.outputDir = outputDir;
   options.serverChannelUrl = getServerChannelUrl(port, options);
+  options.pnp = await detectPnp();
+  if (options.pnp) {
+    deprecate(import_ts_dedent8.dedent`
+      As of Storybook 10.0, PnP is deprecated.
+      If you are using PnP, you can continue to use Storybook 10.0, but we recommend migrating to a different package manager or linker-mode.
+
+      In future versions, PnP compatibility will be removed.
+    `);
+  }
   const config = await loadMainConfig2(options);
   const { framework } = config;
   const corePresets = [];

package/dist/core-server/presets/common-manager.js

@@ -6957,6 +6957,7 @@ var INTERNAL_RENDER_CALL_ID = "internal_render_call";
 // ../addons/a11y/src/constants.ts
 var ADDON_ID8 = "storybook/a11y";
 var PANEL_ID3 = `${ADDON_ID8}/panel`;
+var UI_STATE_ID = `${ADDON_ID8}/ui`;
 var RESULT = `${ADDON_ID8}/result`;
 var REQUEST = `${ADDON_ID8}/request`;
 var RUNNING = `${ADDON_ID8}/running`;

package/dist/core-server/presets/common-override-preset.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   glob
-} from "../../_node-chunks/chunk-TR7IYGK4.js";
+} from "../../_node-chunks/chunk-PJCDP6ZD.js";
 import {
   slash
-} from "../../_node-chunks/chunk-FWBLOTP7.js";
+} from "../../_node-chunks/chunk-ZW5XA6KG.js";
 import {
   __name
-} from "../../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../../_node-chunks/chunk-EJGHDAYE.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";

package/dist/core-server/presets/common-preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,37 +12,37 @@ var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
 import {
   parseStaticDir,
   sendTelemetryError
-} from "../../_node-chunks/chunk-SSK6CTPD.js";
-import "../../_node-chunks/chunk-62KDMWXX.js";
+} from "../../_node-chunks/chunk-MC6BOBJJ.js";
+import "../../_node-chunks/chunk-2JIAOYKO.js";
 import {
   getLastEvents,
   getSessionId
-} from "../../_node-chunks/chunk-MTIN3LKM.js";
+} from "../../_node-chunks/chunk-PW2V2I6I.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-X35XJZ7G.js";
+} from "../../_node-chunks/chunk-AA6WD3A7.js";
 import {
   resolvePackageDir
-} from "../../_node-chunks/chunk-6SGQF6CF.js";
+} from "../../_node-chunks/chunk-VWIHOMFU.js";
 import {
   join
-} from "../../_node-chunks/chunk-QD4TA2GK.js";
-import "../../_node-chunks/chunk-AFW3U6QG.js";
+} from "../../_node-chunks/chunk-OJSXOILA.js";
+import "../../_node-chunks/chunk-SX2UZK74.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-54MOKOMZ.js";
+} from "../../_node-chunks/chunk-MQY4ZI62.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-VHPYGR5X.js";
+} from "../../_node-chunks/chunk-BSVBH2ZA.js";
 import {
   require_picocolors
-} from "../../_node-chunks/chunk-DOCRBDQH.js";
+} from "../../_node-chunks/chunk-4TLOQYBC.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../../_node-chunks/chunk-EJGHDAYE.js";
 
 // ../node_modules/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -703,7 +703,7 @@ var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
 var getComponentVariableName = /* @__PURE__ */ __name(async (name) => {
-  const camelCase = await import("../../_node-chunks/camelcase-EY6MYFU4.js");
+  const camelCase = await import("../../_node-chunks/camelcase-PH4ACE3G.js");
   const camelCased = camelCase.default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: true });
   const sanitized = camelCased.replace(/[^a-zA-Z_$]+/, "");
   return sanitized;
@@ -1050,7 +1050,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-ZEUQ6QPC.js");
+  const { globby, isDynamicPattern } = await import("../../_node-chunks/globby-HQ3ESL52.js");
   const hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd });
   const hasFileExtensionRegex = /(\.[a-z]+)$/i;
   const searchQueryHasExtension = hasFileExtensionRegex.test(searchQuery);
@@ -1200,6 +1200,19 @@ __name(initOpenInEditorChannel, "initOpenInEditorChannel");
 // src/core-server/server-channel/preview-initialized-channel.ts
 import { PREVIEW_INITIALIZED } from "storybook/internal/core-events";
 import { telemetry as telemetry4 } from "storybook/internal/telemetry";
+var makePayload = /* @__PURE__ */ __name((userAgent, lastInit, sessionId) => {
+  let timeSinceInit;
+  const payload = {
+    userAgent,
+    isNewUser: false,
+    timeSinceInit
+  };
+  if (sessionId && lastInit?.body?.sessionId === sessionId) {
+    payload.timeSinceInit = Date.now() - lastInit.timestamp;
+    payload.isNewUser = !!lastInit.body.payload.newUser;
+  }
+  return payload;
+}, "makePayload");
 function initPreviewInitializedChannel(channel, options, _coreConfig) {
   channel.on(PREVIEW_INITIALIZED, async ({ userAgent }) => {
     if (!options.disableTelemetry) {
@@ -1209,9 +1222,8 @@ function initPreviewInitializedChannel(channel, options, _coreConfig) {
         const lastInit = lastEvents.init;
         const lastPreviewFirstLoad = lastEvents["preview-first-load"];
         if (!lastPreviewFirstLoad) {
-          const isInitSession = lastInit?.body.sessionId === sessionId;
-          const timeSinceInit = lastInit ? Date.now() - lastInit.body.timestamp : void 0;
-          telemetry4("preview-first-load", { timeSinceInit, isInitSession, userAgent });
+          const payload = makePayload(userAgent, lastInit, sessionId);
+          telemetry4("preview-first-load", payload);
         }
       } catch (e) {
       }
@@ -1821,8 +1833,8 @@ var viteFinal = /* @__PURE__ */ __name(async (existing, options) => {
   if (!previewConfigPath) {
     return existing;
   }
-  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-YZRPWYO5.js");
-  const { viteMockPlugin } = await import("../../_node-chunks/plugin-ZN5KCYM2.js");
+  const { viteInjectMockerRuntime } = await import("../../_node-chunks/plugin-RSI6B3JI.js");
+  const { viteMockPlugin } = await import("../../_node-chunks/plugin-34QU2FG7.js");
   const coreOptions = await options.presets.apply("core");
   return {
     ...existing,
@@ -1840,8 +1852,8 @@ var webpackFinal = /* @__PURE__ */ __name(async (config, options) => {
   if (!previewConfigPath) {
     return config;
   }
-  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-NQXGMVTF.js");
-  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-CRH6N7YZ.js");
+  const { WebpackMockPlugin } = await import("../../_node-chunks/webpack-mock-plugin-6GKO2XIO.js");
+  const { WebpackInjectMockerRuntimePlugin } = await import("../../_node-chunks/webpack-inject-mocker-runtime-plugin-UMXHXRC2.js");
   config.plugins = config.plugins || [];
   config.module.rules.push({
     test: /preview\.(t|j)sx?$/,

package/dist/core-server/presets/webpack/loaders/storybook-mock-transform-loader.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   rewriteSbMockImportCalls
-} from "../../../../_node-chunks/chunk-M2Y5JVSX.js";
-import "../../../../_node-chunks/chunk-QD4TA2GK.js";
+} from "../../../../_node-chunks/chunk-P7GFT5HG.js";
+import "../../../../_node-chunks/chunk-OJSXOILA.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../../../../_node-chunks/chunk-EJGHDAYE.js";
 
 // src/core-server/presets/webpack/loaders/storybook-mock-transform-loader.ts
 import { logger } from "storybook/internal/node-logger";

package/dist/core-server/presets/webpack/loaders/webpack-automock-loader.js

@@ -1,24 +1,24 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getAutomockCode
-} from "../../../../_node-chunks/chunk-WD2QJDGV.js";
+} from "../../../../_node-chunks/chunk-BZXQJZUK.js";
 import {
   babelParser
-} from "../../../../_node-chunks/chunk-M2Y5JVSX.js";
-import "../../../../_node-chunks/chunk-QD4TA2GK.js";
+} from "../../../../_node-chunks/chunk-P7GFT5HG.js";
+import "../../../../_node-chunks/chunk-OJSXOILA.js";
 import {
   __name
-} from "../../../../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../../../../_node-chunks/chunk-EJGHDAYE.js";
 
 // src/core-server/presets/webpack/loaders/webpack-automock-loader.ts
 function webpackAutomockLoader(source) {

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_oali8g6joqi from 'node:url';
-import CJS_COMPAT_NODE_PATH_oali8g6joqi from 'node:path';
-import CJS_COMPAT_NODE_MODULE_oali8g6joqi from "node:module";
+import CJS_COMPAT_NODE_URL_me0y3sd4o2e from 'node:url';
+import CJS_COMPAT_NODE_PATH_me0y3sd4o2e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_me0y3sd4o2e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_oali8g6joqi.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_oali8g6joqi.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_oali8g6joqi.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_me0y3sd4o2e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_me0y3sd4o2e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_me0y3sd4o2e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-54MOKOMZ.js";
-import "../_node-chunks/chunk-VHPYGR5X.js";
-import "../_node-chunks/chunk-H6J6LJQQ.js";
+} from "../_node-chunks/chunk-MQY4ZI62.js";
+import "../_node-chunks/chunk-BSVBH2ZA.js";
+import "../_node-chunks/chunk-EJGHDAYE.js";
 export {
   BadMetaError,
   ConfigFile,

package/dist/instrumenter/index.js

@@ -179,7 +179,7 @@ var _Instrumenter = class _Instrumenter {
     }) => {
       const { isDebugging } = this.getState(storyId);
       if (newPhase === "preparing" && isDebugging) {
-        return resetState({ storyId, renderPhase: newPhase });
+        return resetState({ storyId, renderPhase: newPhase, isDebugging });
       } else if (newPhase === "playing") {
         return resetState({ storyId, renderPhase: newPhase, isDebugging });
       }

package/dist/manager/globals-runtime.js

@@ -57136,7 +57136,7 @@ var _Instrumenter = class _Instrumenter {
     }) => {
       const { isDebugging } = this.getState(storyId);
       if (newPhase === "preparing" && isDebugging) {
-        return resetState({ storyId, renderPhase: newPhase });
+        return resetState({ storyId, renderPhase: newPhase, isDebugging });
       } else if (newPhase === "playing") {
         return resetState({ storyId, renderPhase: newPhase, isDebugging });
       }
@@ -75336,10 +75336,13 @@ var testingLibrary = instrument(
 );
 testingLibrary.screen = new Proxy(testingLibrary.screen, {
   get(target, prop, receiver) {
-    once.warn(dedent`
-          You are using Testing Library's \`screen\` object. Use \`within(canvasElement)\` instead.
-          More info: https://storybook.js.org/docs/writing-tests/interaction-testing?ref=error
-        `);
+    if (typeof window !== "undefined" && globalThis.location?.href?.includes("viewMode=docs")) {
+      once.warn(dedent`
+        You are using Testing Library's \`screen\` object while the story is rendered in docs mode. This will likely lead to issues, as multiple stories are rendered in the same page and therefore screen will potentially find multiple elements. Use the \`canvas\` utility from the story context instead, which will scope the queries to each story's canvas.
+
+        More info: https://storybook.js.org/docs/writing-tests/interaction-testing?ref=error#querying-the-canvas
+      `);
+    }
     return Reflect.get(target, prop, receiver);
   }
 });
@@ -82699,7 +82702,7 @@ var import_memoizerific10 = __toESM(require_memoizerific(), 1);
 var import_semver = __toESM(require_semver2(), 1);
 
 // src/manager-api/version.ts
-var version = "10.0.0-rc.2";
+var version = "10.0.0-rc.4";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = scope;

package/dist/manager-api/index.d.ts

@@ -393,7 +393,7 @@ interface SubState$5 {
 
 declare const isMacLike: () => boolean;
 declare const controlOrMetaSymbol: () => "⌘" | "ctrl";
-declare const controlOrMetaKey: () => "control" | "meta";
+declare const controlOrMetaKey: () => "meta" | "control";
 declare const optionOrAltSymbol: () => "⌥" | "alt";
 declare const isShortcutTaken: (arr1: string[], arr2: string[]) => boolean;
 type KeyboardEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'key' | 'code' | 'keyCode' | 'preventDefault'>;

package/dist/manager-api/index.js

@@ -3262,7 +3262,7 @@ import { global as global8 } from "@storybook/global";
 import semver from "semver";
 
 // src/manager-api/version.ts
-var version = "10.0.0-rc.2";
+var version = "10.0.0-rc.4";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK } = global8;