@storybook/react 10.5.0-alpha.7 → 10.5.0-alpha.8

package/dist/_browser-chunks/{chunk-WP3KE75H.js → chunk-I4YGNZB3.js}

@@ -129,7 +129,7 @@ var applyDecorators2 = (storyFn, decorators2) => {
 };
 
 // src/entry-preview-docs.ts
-var decorators = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples ? [] : [jsxDecorator], parameters = {
+var useStaticServiceSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalDocgenServer, useCompileTimeSnippets = "FEATURES" in globalThis && globalThis?.FEATURES?.experimentalCodeExamples, decorators = useStaticServiceSnippets || useCompileTimeSnippets ? [] : [jsxDecorator], parameters = {
   docs: {
     story: { inline: !0 }
   }

package/dist/_browser-chunks/{chunk-4GJ4IH3W.js → chunk-IRIPKPOF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5GZAZJC7.js";
 import {
   entry_preview_docs_exports
-} from "./chunk-WP3KE75H.js";
+} from "./chunk-I4YGNZB3.js";
 
 // src/preview.tsx
 import { definePreview as definePreviewBase } from "storybook/internal/csf";

package/dist/entry-preview-docs.js

@@ -2,7 +2,7 @@ import {
   applyDecorators,
   decorators,
   parameters
-} from "./_browser-chunks/chunk-WP3KE75H.js";
+} from "./_browser-chunks/chunk-I4YGNZB3.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-4GJ4IH3W.js";
+} from "./_browser-chunks/chunk-IRIPKPOF.js";
 import {
   entry_preview_exports,
   renderToCanvas
@@ -8,7 +8,7 @@ import {
 import {
   entry_preview_argtypes_exports
 } from "./_browser-chunks/chunk-5GZAZJC7.js";
-import "./_browser-chunks/chunk-WP3KE75H.js";
+import "./_browser-chunks/chunk-I4YGNZB3.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_k4x5zyjr6vp from 'node:url';
-import CJS_COMPAT_NODE_PATH_k4x5zyjr6vp from 'node:path';
-import CJS_COMPAT_NODE_MODULE_k4x5zyjr6vp from "node:module";
+import CJS_COMPAT_NODE_URL_rn37c00uhd from 'node:url';
+import CJS_COMPAT_NODE_PATH_rn37c00uhd from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rn37c00uhd from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_k4x5zyjr6vp.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_k4x5zyjr6vp.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_k4x5zyjr6vp.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rn37c00uhd.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rn37c00uhd.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rn37c00uhd.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -8741,21 +8741,31 @@ var require_homedir = __commonJS({
     var os = __require("os");
     module.exports = os.homedir || function() {
       var home = process.env.HOME, user = process.env.LOGNAME || process.env.USER || process.env.LNAME || process.env.USERNAME;
-      return process.platform === "win32" ? process.env.USERPROFILE || process.env.HOMEDRIVE + process.env.HOMEPATH || home || null : process.platform === "darwin" ? home || (user ? "/Users/" + user : null) : process.platform === "linux" ? home || (process.getuid() === 0 ? "/root" : user ? "/home/" + user : null) : home || null;
+      return process.platform === "win32" ? process.env.USERPROFILE || process.env.HOMEDRIVE && process.env.HOMEPATH && process.env.HOMEDRIVE + process.env.HOMEPATH || home || null : process.platform === "darwin" ? home || (user ? "/Users/" + user : null) : process.platform === "linux" ? home || (process.getuid() === 0 ? "/root" : user ? "/home/" + user : null) : home || null;
     };
   }
 });
 
+// ../../../node_modules/es-errors/index.js
+var require_es_errors = __commonJS({
+  "../../../node_modules/es-errors/index.js"(exports, module) {
+    "use strict";
+    module.exports = Error;
+  }
+});
+
 // ../../../node_modules/resolve/lib/caller.js
 var require_caller = __commonJS({
   "../../../node_modules/resolve/lib/caller.js"(exports, module) {
+    "use strict";
+    var $Error = require_es_errors();
     module.exports = function() {
-      var origPrepareStackTrace = Error.prepareStackTrace;
-      Error.prepareStackTrace = function(_, stack2) {
+      var origPrepareStackTrace = $Error.prepareStackTrace;
+      $Error.prepareStackTrace = function(_, stack2) {
         return stack2;
       };
-      var stack = new Error().stack;
-      return Error.prepareStackTrace = origPrepareStackTrace, stack[2].getFileName();
+      var stack = new $Error().stack;
+      return $Error.prepareStackTrace = origPrepareStackTrace, stack[2].getFileName();
     };
   }
 });
@@ -8813,7 +8823,8 @@ var require_path_parse = __commonJS({
 // ../../../node_modules/resolve/lib/node-modules-paths.js
 var require_node_modules_paths = __commonJS({
   "../../../node_modules/resolve/lib/node-modules-paths.js"(exports, module) {
-    var path5 = __require("path"), parse8 = path5.parse || require_path_parse(), driveLetterRegex = /^([A-Za-z]:)/, uncPathRegex = /^\\\\/, getNodeModulesDirs = function(absoluteStart, modules) {
+    var path5 = __require("path"), parse8 = path5.parse || require_path_parse(), driveLetterRegex = /^([A-Za-z]:)/, uncPathRegex = /^\\\\/;
+    function getNodeModulesDirs(absoluteStart, modules) {
       var prefix = "/";
       driveLetterRegex.test(absoluteStart) ? prefix = "" : uncPathRegex.test(absoluteStart) && (prefix = "\\\\");
       for (var paths = [absoluteStart], parsed = parse8(absoluteStart); parsed.dir !== paths[paths.length - 1]; )
@@ -8823,7 +8834,7 @@ var require_node_modules_paths = __commonJS({
           return path5.resolve(prefix, aPath, moduleDir);
         }));
       }, []);
-    };
+    }
     module.exports = function(start, opts, request) {
       var modules = opts && opts.moduleDirectory ? [].concat(opts.moduleDirectory) : ["node_modules"];
       if (opts && typeof opts.paths == "function")
@@ -9173,15 +9184,25 @@ var require_is_core_module = __commonJS({
   }
 });
 
+// ../../../node_modules/es-errors/type.js
+var require_type = __commonJS({
+  "../../../node_modules/es-errors/type.js"(exports, module) {
+    "use strict";
+    module.exports = TypeError;
+  }
+});
+
 // ../../../node_modules/resolve/lib/async.js
 var require_async = __commonJS({
   "../../../node_modules/resolve/lib/async.js"(exports, module) {
-    var fs = __require("fs"), getHomedir = require_homedir(), path5 = __require("path"), caller = require_caller(), nodeModulesPaths = require_node_modules_paths(), normalizeOptions = require_normalize_options(), isCore = require_is_core_module(), realpathFS = process.platform !== "win32" && fs.realpath && typeof fs.realpath.native == "function" ? fs.realpath.native : fs.realpath, relativePathRegex = /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/, windowsDriveRegex = /^\w:[/\\]*$/, nodeModulesRegex = /[/\\]node_modules[/\\]*$/, homedir = getHomedir(), defaultPaths = function() {
-      return [
+    var fs = __require("fs"), getHomedir = require_homedir(), path5 = __require("path"), caller = require_caller(), nodeModulesPaths = require_node_modules_paths(), normalizeOptions = require_normalize_options(), isCore = require_is_core_module(), $Error = require_es_errors(), $TypeError = require_type(), realpathFS = process.platform !== "win32" && fs.realpath && typeof fs.realpath.native == "function" ? fs.realpath.native : fs.realpath, relativePathRegex = /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/, windowsDriveRegex = /^\w:[/\\]*$/, nodeModulesRegex = /[/\\]node_modules[/\\]*$/, homedir = getHomedir();
+    function defaultPaths() {
+      return homedir ? [
         path5.join(homedir, ".node_modules"),
         path5.join(homedir, ".node_libraries")
-      ];
-    }, defaultIsFile = function(file, cb) {
+      ] : [];
+    }
+    var defaultIsFile = function(file, cb) {
       fs.stat(file, function(err, stat) {
         return err ? err.code === "ENOENT" || err.code === "ENOTDIR" ? cb(null, !1) : cb(err) : cb(null, stat.isFile() || stat.isFIFO());
       });
@@ -9193,9 +9214,11 @@ var require_async = __commonJS({
       realpathFS(x, function(realpathErr, realPath) {
         realpathErr && realpathErr.code !== "ENOENT" ? cb(realpathErr) : cb(null, realpathErr ? x : realPath);
       });
-    }, maybeRealpath = function(realpath, x, opts, cb) {
+    };
+    function maybeRealpath(realpath, x, opts, cb) {
       opts && opts.preserveSymlinks === !1 ? realpath(x, cb) : cb(null, x);
-    }, defaultReadPackage = function(readFile, pkgfile, cb) {
+    }
+    function defaultReadPackage(readFile, pkgfile, cb) {
       readFile(pkgfile, function(readFileErr, body) {
         if (readFileErr) cb(readFileErr);
         else
@@ -9206,15 +9229,16 @@ var require_async = __commonJS({
             cb(null);
           }
       });
-    }, getPackageCandidates = function(x, start, opts) {
+    }
+    function getPackageCandidates(x, start, opts) {
       for (var dirs = nodeModulesPaths(start, opts, x), i2 = 0; i2 < dirs.length; i2++)
         dirs[i2] = path5.join(dirs[i2], x);
       return dirs;
-    };
+    }
     module.exports = function(x, options, callback) {
       var cb = callback, opts = options;
       if (typeof options == "function" && (cb = opts, opts = {}), typeof x != "string") {
-        var err = new TypeError("Path must be a string.");
+        var err = new $TypeError("Path must be a string.");
         return process.nextTick(function() {
           cb(err);
         });
@@ -9222,7 +9246,7 @@ var require_async = __commonJS({
       opts = normalizeOptions(x, opts);
       var isFile2 = opts.isFile || defaultIsFile, isDirectory = opts.isDirectory || defaultIsDir, readFile = opts.readFile || fs.readFile, realpath = opts.realpath || defaultRealpath, readPackage = opts.readPackage || defaultReadPackage;
       if (opts.readFile && opts.readPackage) {
-        var conflictErr = new TypeError("`readFile` and `readPackage` are mutually exclusive.");
+        var conflictErr = new $TypeError("`readFile` and `readPackage` are mutually exclusive.");
         return process.nextTick(function() {
           cb(conflictErr);
         });
@@ -9252,7 +9276,7 @@ var require_async = __commonJS({
                 return maybeRealpath(realpath, n, opts, function(err3, realN) {
                   err3 ? cb(err3) : cb(null, realN, pkg);
                 });
-              var moduleError = new Error("Cannot find module '" + x + "' from '" + parent + "'");
+              var moduleError = new $Error("Cannot find module '" + x + "' from '" + parent + "'");
               moduleError.code = "MODULE_NOT_FOUND", cb(moduleError);
             }
           });
@@ -9266,7 +9290,7 @@ var require_async = __commonJS({
               err4 ? cb(err4) : cb(null, realD, pkg2);
             });
           else {
-            var moduleError = new Error("Cannot find module '" + x + "' from '" + parent + "'");
+            var moduleError = new $Error("Cannot find module '" + x + "' from '" + parent + "'");
             moduleError.code = "MODULE_NOT_FOUND", cb(moduleError);
           }
         });
@@ -9285,7 +9309,7 @@ var require_async = __commonJS({
             if (dir && pkg && opts.pathFilter) {
               var rfile = path5.relative(dir, file), rel = rfile.slice(0, rfile.length - exts2[0].length), r = opts.pathFilter(pkg, x3, rel);
               if (r) return load(
-                [""].concat(extensions.slice()),
+                [""].concat(extensions),
                 path5.resolve(dir, r),
                 pkg
               );
@@ -9307,7 +9331,8 @@ var require_async = __commonJS({
           isFile2(pkgfile, function(err2, ex) {
             if (!ex) return loadpkg(path5.dirname(dir), cb2);
             readPackage(readFile, pkgfile, function(err3, pkgParam) {
-              err3 && cb2(err3);
+              if (err3)
+                return cb2(err3);
               var pkg = pkgParam;
               pkg && opts.packageFilter && (pkg = opts.packageFilter(pkg, pkgfile)), cb2(null, pkg, dir);
             });
@@ -9327,7 +9352,7 @@ var require_async = __commonJS({
               var pkg = pkgParam;
               if (pkg && opts.packageFilter && (pkg = opts.packageFilter(pkg, pkgfile)), pkg && pkg.main) {
                 if (typeof pkg.main != "string") {
-                  var mainError = new TypeError("package \u201C" + pkg.name + "\u201D `main` must be a string");
+                  var mainError = new $TypeError("package \u201C" + pkg.name + "\u201D `main` must be a string");
                   return mainError.code = "INVALID_PACKAGE_MAIN", cb2(mainError);
                 }
                 (pkg.main === "." || pkg.main === "./") && (pkg.main = "index"), loadAsFile(path5.resolve(x2, pkg.main), pkg, function(err4, m, pkg2) {
@@ -9574,12 +9599,14 @@ var require_is_core = __commonJS({
 // ../../../node_modules/resolve/lib/sync.js
 var require_sync = __commonJS({
   "../../../node_modules/resolve/lib/sync.js"(exports, module) {
-    var isCore = require_is_core_module(), fs = __require("fs"), path5 = __require("path"), getHomedir = require_homedir(), caller = require_caller(), nodeModulesPaths = require_node_modules_paths(), normalizeOptions = require_normalize_options(), realpathFS = process.platform !== "win32" && fs.realpathSync && typeof fs.realpathSync.native == "function" ? fs.realpathSync.native : fs.realpathSync, relativePathRegex = /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/, windowsDriveRegex = /^\w:[/\\]*$/, nodeModulesRegex = /[/\\]node_modules[/\\]*$/, homedir = getHomedir(), defaultPaths = function() {
-      return [
+    var isCore = require_is_core_module(), fs = __require("fs"), path5 = __require("path"), $Error = require_es_errors(), $TypeError = require_type(), getHomedir = require_homedir(), caller = require_caller(), nodeModulesPaths = require_node_modules_paths(), normalizeOptions = require_normalize_options(), realpathFS = process.platform !== "win32" && fs.realpathSync && typeof fs.realpathSync.native == "function" ? fs.realpathSync.native : fs.realpathSync, relativePathRegex = /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/, windowsDriveRegex = /^\w:[/\\]*$/, nodeModulesRegex = /[/\\]node_modules[/\\]*$/, homedir = getHomedir();
+    function defaultPaths() {
+      return homedir ? [
         path5.join(homedir, ".node_modules"),
         path5.join(homedir, ".node_libraries")
-      ];
-    }, defaultIsFile = function(file) {
+      ] : [];
+    }
+    var defaultIsFile = function(file) {
       try {
         var stat = fs.statSync(file, { throwIfNoEntry: !1 });
       } catch (e) {
@@ -9603,26 +9630,29 @@ var require_sync = __commonJS({
           throw realpathErr;
       }
       return x;
-    }, maybeRealpathSync = function(realpathSync, x, opts) {
+    };
+    function maybeRealpathSync(realpathSync, x, opts) {
       return opts && opts.preserveSymlinks === !1 ? realpathSync(x) : x;
-    }, defaultReadPackageSync = function(readFileSync2, pkgfile) {
+    }
+    function defaultReadPackageSync(readFileSync2, pkgfile) {
       var body = readFileSync2(pkgfile);
       try {
         var pkg = JSON.parse(body);
         return pkg;
       } catch {
       }
-    }, getPackageCandidates = function(x, start, opts) {
+    }
+    function getPackageCandidates(x, start, opts) {
       for (var dirs = nodeModulesPaths(start, opts, x), i2 = 0; i2 < dirs.length; i2++)
         dirs[i2] = path5.join(dirs[i2], x);
       return dirs;
-    };
+    }
     module.exports = function(x, options) {
       if (typeof x != "string")
-        throw new TypeError("Path must be a string.");
+        throw new $TypeError("Path must be a string.");
       var opts = normalizeOptions(x, options), isFile2 = opts.isFile || defaultIsFile, readFileSync2 = opts.readFileSync || fs.readFileSync, isDirectory = opts.isDirectory || defaultIsDir, realpathSync = opts.realpathSync || defaultRealpathSync, readPackageSync = opts.readPackageSync || defaultReadPackageSync;
       if (opts.readFileSync && opts.readPackageSync)
-        throw new TypeError("`readFileSync` and `readPackageSync` are mutually exclusive.");
+        throw new $TypeError("`readFileSync` and `readPackageSync` are mutually exclusive.");
       var packageIterator = opts.packageIterator, extensions = opts.extensions || [".js"], includeCoreModules = opts.includeCoreModules !== !1, basedir = opts.basedir || path5.dirname(caller()), parent = opts.filename || basedir;
       opts.paths = opts.paths || defaultPaths();
       var absoluteStart = maybeRealpathSync(realpathSync, path5.resolve(basedir), opts);
@@ -9637,7 +9667,7 @@ var require_sync = __commonJS({
         var n = loadNodeModulesSync(x, absoluteStart);
         if (n) return maybeRealpathSync(realpathSync, n, opts);
       }
-      var err = new Error("Cannot find module '" + x + "' from '" + parent + "'");
+      var err = new $Error("Cannot find module '" + x + "' from '" + parent + "'");
       throw err.code = "MODULE_NOT_FOUND", err;
       function loadAsFileSync(x2) {
         var pkg = loadpkg(path5.dirname(x2));
@@ -9679,7 +9709,7 @@ var require_sync = __commonJS({
             x2
           )), pkg && pkg.main) {
             if (typeof pkg.main != "string") {
-              var mainError = new TypeError("package \u201C" + pkg.name + "\u201D `main` must be a string");
+              var mainError = new $TypeError("package \u201C" + pkg.name + "\u201D `main` must be a string");
               throw mainError.code = "INVALID_PACKAGE_MAIN", mainError;
             }
             (pkg.main === "." || pkg.main === "./") && (pkg.main = "index");
@@ -14748,7 +14778,7 @@ function parse6(source, options = {}) {
 var stringify = getStringifier();
 
 // src/componentManifest/utils.ts
-import { readFileSync } from "node:fs";
+import { readFileSync, statSync as statSync2 } from "node:fs";
 import { getProjectRoot, resolveImport } from "storybook/internal/common";
 import { logger } from "storybook/internal/node-logger";
 
@@ -14797,7 +14827,7 @@ function invariant(condition, message) {
   if (!condition)
     throw new Error((typeof message == "function" ? message() : message) ?? "Invariant failed");
 }
-var memoStore = /* @__PURE__ */ new WeakMap(), asyncMemoStore = /* @__PURE__ */ new WeakMap(), cached = (fn, opts = {}) => {
+var memoStore = /* @__PURE__ */ new WeakMap(), asyncMemoStore = /* @__PURE__ */ new WeakMap(), textFileCache = /* @__PURE__ */ new Map(), cached = (fn, opts = {}) => {
   let keyOf2 = opts.key ?? ((...args) => {
     try {
       return JSON.stringify(args);
@@ -14832,11 +14862,22 @@ var memoStore = /* @__PURE__ */ new WeakMap(), asyncMemoStore = /* @__PURE__ */
     return store.set(k, pending), pending;
   };
 }, invalidateCache = () => {
-  memoStore = /* @__PURE__ */ new WeakMap(), asyncMemoStore = /* @__PURE__ */ new WeakMap();
-}, cachedReadFileSync = cached(readFileSync, { name: "cachedReadFile" }), cachedReadTextFileSync = cached(
-  (filePath) => readFileSync(filePath, "utf-8"),
-  { name: "cachedReadTextFile" }
-), cachedFindUp = cached(up2, { name: "findUp" }), cachedResolveImport = cached(resolveImport, {
+  memoStore = /* @__PURE__ */ new WeakMap(), asyncMemoStore = /* @__PURE__ */ new WeakMap(), textFileCache = /* @__PURE__ */ new Map();
+}, cachedReadFileSync = cached(readFileSync, { name: "cachedReadFile" }), cachedReadTextFileSync = (filePath) => {
+  let mtimeMs;
+  try {
+    mtimeMs = statSync2(filePath).mtimeMs;
+  } catch {
+    mtimeMs = void 0;
+  }
+  if (mtimeMs !== void 0) {
+    let entry = textFileCache.get(filePath);
+    if (entry && entry.mtimeMs === mtimeMs)
+      return entry.content;
+  }
+  let content = readFileSync(filePath, "utf-8");
+  return mtimeMs !== void 0 && textFileCache.set(filePath, { mtimeMs, content }), content;
+}, cachedFindUp = cached(up2, { name: "findUp" }), cachedResolveImport = cached(resolveImport, {
   name: "resolveImport"
 }), TSCONFIG_CANDIDATES = ["tsconfig.json", "tsconfig.base.json", "tsconfig.app.json"], findTsconfigPath = cached(
   (cwd2) => {
@@ -16271,26 +16312,41 @@ function createSubcomponentDocgen({
     })
   };
 }
-function buildReactComponentDocgenFromResolved({
+function buildStoryDocsFromResolved({
   entry,
   storyPath,
   storyFilePath,
-  storyFile,
   csf,
   componentName,
   component,
   allComponents,
-  subcomponents,
-  docgenEngine,
   filterStoryIds
 }) {
   let id = getComponentIdFromEntry(entry), title = entry.title.split("/").at(-1).replace(/\s+/g, ""), packageName = getPackageInfo(component?.path, storyPath), fallbackImport = getFallbackImport(packageName, componentName), imports = getImports({ components: allComponents, packageName }).join(`
-`).trim() || fallbackImport, stories = extractStorySnippets(csf, component?.componentName, filterStoryIds), base2 = {
+`).trim() || fallbackImport, storyEntries = extractStorySnippets(csf, component?.componentName, filterStoryIds);
+  return {
+    id,
+    name: componentName ?? title,
+    path: storyFilePath,
+    ...imports ? { import: imports } : {},
+    stories: Object.fromEntries(storyEntries.map((story) => [story.id, story]))
+  };
+}
+function buildComponentDocgenFromResolved({
+  entry,
+  storyPath,
+  storyFilePath,
+  storyFile,
+  csf,
+  componentName,
+  component,
+  subcomponents,
+  docgenEngine
+}) {
+  let id = getComponentIdFromEntry(entry), title = entry.title.split("/").at(-1).replace(/\s+/g, ""), packageName = getPackageInfo(component?.path, storyPath), base2 = {
     id,
     name: componentName ?? title,
     path: storyFilePath,
-    stories,
-    import: imports || void 0,
     jsDocTags: {}
   }, {
     reactDocgen,
@@ -16340,7 +16396,6 @@ ${storyFile}`
     ...base2,
     description,
     summary,
-    import: imports || void 0,
     reactDocgen,
     reactDocgenTypescript,
     reactComponentMeta,
@@ -16349,6 +16404,46 @@ ${storyFile}`
     error: docgenError
   };
 }
+function buildReactComponentDocgenFromResolved({
+  entry,
+  storyPath,
+  storyFilePath,
+  storyFile,
+  csf,
+  componentName,
+  component,
+  allComponents,
+  subcomponents,
+  docgenEngine,
+  filterStoryIds
+}) {
+  let storyDocs = buildStoryDocsFromResolved({
+    entry,
+    storyPath,
+    storyFilePath,
+    csf,
+    componentName,
+    component,
+    allComponents,
+    filterStoryIds
+  });
+  return {
+    ...buildComponentDocgenFromResolved({
+      entry,
+      storyPath,
+      storyFilePath,
+      storyFile,
+      csf,
+      componentName,
+      component,
+      subcomponents,
+      docgenEngine
+    }),
+    // Legacy inline manifests keep CSF-ordered arrays; story-docs open-service payloads use Records.
+    stories: Object.values(storyDocs.stories),
+    ...storyDocs.import ? { import: storyDocs.import } : {}
+  };
+}
 
 // src/componentManifest/componentMetaManagerSingleton.ts
 import { logger as logger8 } from "storybook/internal/node-logger";
@@ -17750,7 +17845,8 @@ var manifests = async (existingManifests = {}, options) => {
 import { recast as recast3, types as t5 } from "storybook/internal/babel";
 import { getPrettier } from "storybook/internal/common";
 var enrichCsf = async (input, options) => {
-  if ((await options.presets.apply("features")).experimentalCodeExamples)
+  let features = await options.presets.apply("features");
+  if (!(!features.experimentalCodeExamples || features.experimentalDocgenServer))
     return async (csf, csfSource) => {
       let promises = Object.keys(csf._stories).map(async (key) => {
         if (!csfSource._meta?.component)
@@ -17858,14 +17954,14 @@ async function buildDocgenPayload(input, context) {
   } catch {
     return;
   }
-  let { csf, componentName, component, allComponents, subcomponents, storyFile } = resolved, usableSubcomponents = subcomponents.filter(
+  let { csf, componentName, component, subcomponents, storyFile } = resolved, usableSubcomponents = subcomponents.filter(
     (sub) => sub.component !== void 0
   ), storyRefs = [
     ...component ? [{ storyPath, component }] : [],
     ...usableSubcomponents.map((sub) => ({ storyPath, component: sub.component }))
   ];
   storyRefs.length > 0 && context.componentMetaManager.batchExtract(storyRefs);
-  let componentDocgen = buildReactComponentDocgenFromResolved({
+  let componentDocgen = buildComponentDocgenFromResolved({
     entry: input.entry,
     storyPath,
     storyFilePath,
@@ -17873,7 +17969,6 @@ async function buildDocgenPayload(input, context) {
     csf,
     componentName,
     component,
-    allComponents,
     subcomponents,
     docgenEngine: "react-component-meta"
   });
@@ -17901,6 +17996,55 @@ var experimental_docgenProvider = async (nextDocgen, options) => {
   };
 };
 
+// src/docgen/story-docs-preset.ts
+import { STORY_FILE_TEST_REGEXP as STORY_FILE_TEST_REGEXP2, getStoryImportPathFromEntry as getStoryImportPathFromEntry5 } from "storybook/internal/common";
+
+// src/docgen/build-story-docs.ts
+import { getStoryImportPathFromEntry as getStoryImportPathFromEntry4 } from "storybook/internal/common";
+async function buildStoryDocsPayload(input, context) {
+  let storyFilePath = getStoryImportPathFromEntry4(input.entry);
+  if (!storyFilePath)
+    return;
+  let storyPath = (context.resolvePath ?? ((importPath) => path.join(process.cwd(), importPath)))(storyFilePath), resolved;
+  try {
+    resolved = await resolveStoryFileComponents({
+      storyPath,
+      title: input.entry.title,
+      typescriptOptions: context.typescriptOptions,
+      docgenEngine: "react-component-meta"
+    });
+  } catch {
+    return;
+  }
+  let { csf, componentName, component, allComponents } = resolved;
+  return buildStoryDocsFromResolved({
+    entry: input.entry,
+    storyPath,
+    storyFilePath,
+    csf,
+    componentName,
+    component,
+    allComponents
+  });
+}
+
+// src/docgen/story-docs-preset.ts
+var experimental_storyDocsProvider = async (nextStoryDocs, options) => {
+  let typescriptOptionsPromise = options.presets?.apply(
+    "typescript",
+    {}
+  ) ?? Promise.resolve({});
+  return async (input) => {
+    let storyImportPath = getStoryImportPathFromEntry5(input.entry);
+    if (!storyImportPath || !STORY_FILE_TEST_REGEXP2.test(storyImportPath))
+      return nextStoryDocs(input);
+    let ours = await buildStoryDocsPayload(input, {
+      typescriptOptions: await typescriptOptionsPromise
+    });
+    return ours ? { ...await nextStoryDocs(input), ...ours } : nextStoryDocs(input);
+  };
+};
+
 // src/preset.ts
 var addons = [
   import.meta.resolve("@storybook/react-dom-shim/preset")
@@ -17957,6 +18101,7 @@ export {
   experimental_docgenProvider,
   enrichCsf as experimental_enrichCsf,
   manifests as experimental_manifests,
+  experimental_storyDocsProvider,
   internal_getArgTypesData,
   optimizeViteDeps,
   previewAnnotations,

package/dist/preview.js

@@ -1,9 +1,9 @@
 import {
   __definePreview
-} from "./_browser-chunks/chunk-4GJ4IH3W.js";
+} from "./_browser-chunks/chunk-IRIPKPOF.js";
 import "./_browser-chunks/chunk-3HUEQMBJ.js";
 import "./_browser-chunks/chunk-5GZAZJC7.js";
-import "./_browser-chunks/chunk-WP3KE75H.js";
+import "./_browser-chunks/chunk-I4YGNZB3.js";
 import "./_browser-chunks/chunk-DDIRQRCA.js";
 import "./_browser-chunks/chunk-B3FR4PBN.js";
 import "./_browser-chunks/chunk-UAWMPV5J.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.5.0-alpha.7",
+  "version": "10.5.0-alpha.8",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.5.0-alpha.7",
+    "@storybook/react-dom-shim": "10.5.0-alpha.8",
     "react-docgen": "^8.0.2",
     "react-docgen-typescript": "^2.2.2"
   },
@@ -86,7 +86,7 @@
     "@types/react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.5.0-alpha.7",
+    "storybook": "^10.5.0-alpha.8",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {