@storybook/react 10.3.0-alpha.9 → 10.3.0-beta.0

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_4h3pb8d4ylr from 'node:url';
-import CJS_COMPAT_NODE_PATH_4h3pb8d4ylr from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4h3pb8d4ylr from "node:module";
+import CJS_COMPAT_NODE_URL_2m7iyc5vv9a from 'node:url';
+import CJS_COMPAT_NODE_PATH_2m7iyc5vv9a from 'node:path';
+import CJS_COMPAT_NODE_MODULE_2m7iyc5vv9a from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_4h3pb8d4ylr.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4h3pb8d4ylr.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4h3pb8d4ylr.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_2m7iyc5vv9a.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_2m7iyc5vv9a.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_2m7iyc5vv9a.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -1638,8 +1638,8 @@ var require_source_node = __commonJS({
     };
     SourceNode.prototype.add = function(aChunk) {
       if (Array.isArray(aChunk))
-        aChunk.forEach(function(chunk2) {
-          this.add(chunk2);
+        aChunk.forEach(function(chunk) {
+          this.add(chunk);
         }, this);
       else if (aChunk[isSourceNode] || typeof aChunk == "string")
         aChunk && this.children.push(aChunk);
@@ -1662,8 +1662,8 @@ var require_source_node = __commonJS({
       return this;
     };
     SourceNode.prototype.walk = function(aFn) {
-      for (var chunk2, i = 0, len = this.children.length; i < len; i++)
-        chunk2 = this.children[i], chunk2[isSourceNode] ? chunk2.walk(aFn) : chunk2 !== "" && aFn(chunk2, {
+      for (var chunk, i = 0, len = this.children.length; i < len; i++)
+        chunk = this.children[i], chunk[isSourceNode] ? chunk.walk(aFn) : chunk !== "" && aFn(chunk, {
           source: this.source,
           line: this.line,
           column: this.column,
@@ -1694,8 +1694,8 @@ var require_source_node = __commonJS({
     };
     SourceNode.prototype.toString = function() {
       var str = "";
-      return this.walk(function(chunk2) {
-        str += chunk2;
+      return this.walk(function(chunk) {
+        str += chunk;
       }), str;
     };
     SourceNode.prototype.toStringWithSourceMap = function(aArgs) {
@@ -1704,8 +1704,8 @@ var require_source_node = __commonJS({
         line: 1,
         column: 0
       }, map = new SourceMapGenerator(aArgs), sourceMappingActive = !1, lastOriginalSource = null, lastOriginalLine = null, lastOriginalColumn = null, lastOriginalName = null;
-      return this.walk(function(chunk2, original) {
-        generated.code += chunk2, original.source !== null && original.line !== null && original.column !== null ? ((lastOriginalSource !== original.source || lastOriginalLine !== original.line || lastOriginalColumn !== original.column || lastOriginalName !== original.name) && map.addMapping({
+      return this.walk(function(chunk, original) {
+        generated.code += chunk, original.source !== null && original.line !== null && original.column !== null ? ((lastOriginalSource !== original.source || lastOriginalLine !== original.line || lastOriginalColumn !== original.column || lastOriginalName !== original.name) && map.addMapping({
           source: original.source,
           original: {
             line: original.line,
@@ -1722,8 +1722,8 @@ var require_source_node = __commonJS({
             column: generated.column
           }
         }), lastOriginalSource = null, sourceMappingActive = !1);
-        for (var idx = 0, length = chunk2.length; idx < length; idx++)
-          chunk2.charCodeAt(idx) === NEWLINE_CODE ? (generated.line++, generated.column = 0, idx + 1 === length ? (lastOriginalSource = null, sourceMappingActive = !1) : sourceMappingActive && map.addMapping({
+        for (var idx = 0, length = chunk.length; idx < length; idx++)
+          chunk.charCodeAt(idx) === NEWLINE_CODE ? (generated.line++, generated.column = 0, idx + 1 === length ? (lastOriginalSource = null, sourceMappingActive = !1) : sourceMappingActive && map.addMapping({
             source: original.source,
             original: {
               line: original.line,
@@ -3600,8 +3600,8 @@ var require_acorn = __commonJS({
           elt && this.toAssignable(elt, isBinding);
         }
         if (end) {
-          var last2 = exprList[end - 1];
-          this.options.ecmaVersion === 6 && isBinding && last2 && last2.type === "RestElement" && last2.argument.type !== "Identifier" && this.unexpected(last2.argument.start);
+          var last = exprList[end - 1];
+          this.options.ecmaVersion === 6 && isBinding && last && last.type === "RestElement" && last.argument.type !== "Identifier" && this.unexpected(last.argument.start);
         }
         return exprList;
       }, pp$2.parseSpread = function(refDestructuringErrors) {
@@ -6291,7 +6291,7 @@ var require_dist2 = __commonJS({
           return "{}";
         seen.push(input);
         var ret = "{" + tokens.newLine + objKeys_1.map(function(el, i) {
-          var eol = objKeys_1.length - 1 === i ? tokens.newLine : "," + tokens.newLineOrSpace, isSymbol3 = typeof el == "symbol", isClassic = !isSymbol3 && /^[a-z$_][a-z$_0-9]*$/i.test(el.toString()), key = isSymbol3 || isClassic ? el : prettyPrint2(el, combinedOptions), value = prettyPrint2(input[el], combinedOptions, pad + combinedOptions.indent);
+          var eol = objKeys_1.length - 1 === i ? tokens.newLine : "," + tokens.newLineOrSpace, isSymbol2 = typeof el == "symbol", isClassic = !isSymbol2 && /^[a-z$_][a-z$_0-9]*$/i.test(el.toString()), key = isSymbol2 || isClassic ? el : prettyPrint2(el, combinedOptions), value = prettyPrint2(input[el], combinedOptions, pad + combinedOptions.indent);
           return combinedOptions.transform && (value = combinedOptions.transform(input, el, value)), tokens.indent + String(key) + ": " + value + eol;
         }).join("") + tokens.pad + "}";
         return seen.pop(), expandWhiteSpace(ret);
@@ -7941,7 +7941,7 @@ var require_register = __commonJS({
       }
       return coreModules;
     }
-    function register(params) {
+    function register2(params) {
       var cwd2, explicitParams;
       if (params)
         cwd2 = params.cwd, (params.baseUrl || params.paths) && (explicitParams = params);
@@ -7976,7 +7976,7 @@ var require_register = __commonJS({
         Module._resolveFilename = originalResolveFilename;
       };
     }
-    exports.register = register;
+    exports.register = register2;
   }
 });
 
@@ -9005,6 +9005,7 @@ import { fileURLToPath as fileURLToPath2 } from "node:url";
 import { getProjectRoot as getProjectRoot2 } from "storybook/internal/common";
 
 // ../../core/src/shared/utils/module.ts
+import { createRequire, register } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 
 // ../../../node_modules/exsolve/dist/index.mjs
@@ -9255,7 +9256,12 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
   try {
     return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"), parent)));
   } catch {
-    return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    try {
+      return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    } catch {
+      let req = createRequire(parent ?? import.meta.url);
+      return dirname(req.resolve(join(pkg, "package.json")));
+    }
   }
 };
 
@@ -9297,18 +9303,18 @@ var import_escodegen = __toESM(require_escodegen(), 1), import_ts_dedent = __toE
 }, PRETTY_OPTIONS = {
   ...BASIC_OPTIONS
 };
-function generateCode(ast, compact2 = !1) {
-  return (0, import_escodegen.generate)(ast, compact2 ? COMPACT_OPTIONS : PRETTY_OPTIONS);
+function generateCode(ast, compact = !1) {
+  return (0, import_escodegen.generate)(ast, compact ? COMPACT_OPTIONS : PRETTY_OPTIONS);
 }
-function generateObjectCode(ast, compact2 = !1) {
-  return compact2 ? generateCompactObjectCode(ast) : generateCode(ast);
+function generateObjectCode(ast, compact = !1) {
+  return compact ? generateCompactObjectCode(ast) : generateCode(ast);
 }
 function generateCompactObjectCode(ast) {
   let result = generateCode(ast, !0);
   return result.endsWith(" }") || (result = `${result.slice(0, -1)} }`), result;
 }
-function generateArrayCode(ast, compact2 = !1) {
-  return compact2 ? generateCompactArrayCode(ast) : generateMultilineArrayCode(ast);
+function generateArrayCode(ast, compact = !1) {
+  return compact ? generateCompactArrayCode(ast) : generateMultilineArrayCode(ast);
 }
 function generateMultilineArrayCode(ast) {
   let result = generateCode(ast);
@@ -10099,14 +10105,14 @@ var MAX_FUNC_LENGTH = 150;
 function createTypeDef({
   name,
   short,
-  compact: compact2,
+  compact,
   full,
   inferredType
 }) {
   return {
     name,
     short,
-    compact: compact2,
+    compact,
     full: full ?? short,
     inferredType
   };
@@ -10117,11 +10123,11 @@ function cleanPropTypes(value) {
 function splitIntoLines(value) {
   return value.split(/\r?\n/);
 }
-function prettyObject(ast, compact2 = !1) {
-  return cleanPropTypes(generateObjectCode(ast, compact2));
+function prettyObject(ast, compact = !1) {
+  return cleanPropTypes(generateObjectCode(ast, compact));
 }
-function prettyArray(ast, compact2 = !1) {
-  return cleanPropTypes(generateCode(ast, compact2));
+function prettyArray(ast, compact = !1) {
+  return cleanPropTypes(generateCode(ast, compact));
 }
 function getCaptionForInspectionType(type) {
   switch (type) {
@@ -10140,35 +10146,35 @@ function getCaptionForInspectionType(type) {
   }
 }
 function generateTypeFromString(value, originalTypeName) {
-  let { inferredType, ast } = inspectValue(value), { type } = inferredType, short, compact2, full;
+  let { inferredType, ast } = inspectValue(value), { type } = inferredType, short, compact, full;
   switch (type) {
     case "Identifier" /* IDENTIFIER */:
     case "Literal" /* LITERAL */:
-      short = value, compact2 = value;
+      short = value, compact = value;
       break;
     case "Object" /* OBJECT */: {
       let { depth } = inferredType;
-      short = OBJECT_CAPTION, compact2 = depth === 1 ? prettyObject(ast, !0) : null, full = prettyObject(ast);
+      short = OBJECT_CAPTION, compact = depth === 1 ? prettyObject(ast, !0) : null, full = prettyObject(ast);
       break;
     }
     case "Element" /* ELEMENT */: {
       let { identifier } = inferredType;
-      short = identifier != null && !isHtmlTag(identifier) ? identifier : ELEMENT_CAPTION, compact2 = splitIntoLines(value).length === 1 ? value : null, full = value;
+      short = identifier != null && !isHtmlTag(identifier) ? identifier : ELEMENT_CAPTION, compact = splitIntoLines(value).length === 1 ? value : null, full = value;
       break;
     }
     case "Array" /* ARRAY */: {
       let { depth } = inferredType;
-      short = ARRAY_CAPTION, compact2 = depth <= 2 ? prettyArray(ast, !0) : null, full = prettyArray(ast);
+      short = ARRAY_CAPTION, compact = depth <= 2 ? prettyArray(ast, !0) : null, full = prettyArray(ast);
       break;
     }
     default:
-      short = getCaptionForInspectionType(type), compact2 = splitIntoLines(value).length === 1 ? value : null, full = value;
+      short = getCaptionForInspectionType(type), compact = splitIntoLines(value).length === 1 ? value : null, full = value;
       break;
   }
   return createTypeDef({
     name: originalTypeName,
     short,
-    compact: compact2,
+    compact,
     full,
     inferredType: type
   });
@@ -10208,11 +10214,11 @@ function objectOf(of) {
   return `objectOf(${of})`;
 }
 function generateObjectOf(type, extractedProp) {
-  let { short, compact: compact2, full } = generateType(type.value, extractedProp);
+  let { short, compact, full } = generateType(type.value, extractedProp);
   return createTypeDef({
     name: "objectOf" /* OBJECTOF */,
     short: objectOf(short),
-    compact: compact2 != null ? objectOf(compact2) : null,
+    compact: compact != null ? objectOf(compact) : null,
     full: full && objectOf(full)
   });
 }
@@ -10220,8 +10226,8 @@ function generateUnion(type, extractedProp) {
   if (Array.isArray(type.value)) {
     let values = type.value.reduce(
       (acc, v) => {
-        let { short, compact: compact2, full } = generateType(v, extractedProp);
-        return acc.short.push(short), acc.compact.push(compact2), acc.full.push(full), acc;
+        let { short, compact, full } = generateType(v, extractedProp);
+        return acc.short.push(short), acc.compact.push(compact), acc.full.push(full), acc;
       },
       { short: [], compact: [], full: [] }
     );
@@ -10241,8 +10247,8 @@ function generateEnum(type) {
   if (Array.isArray(type.value)) {
     let values = type.value.reduce(
       (acc, v) => {
-        let { short, compact: compact2, full } = generateEnumValue(v);
-        return acc.short.push(short), acc.compact.push(compact2), acc.full.push(full), acc;
+        let { short, compact, full } = generateEnumValue(v);
+        return acc.short.push(short), acc.compact.push(compact), acc.full.push(full), acc;
       },
       { short: [], compact: [], full: [] }
     );
@@ -10261,21 +10267,21 @@ function braceAfter(of) {
 function braceAround(of) {
   return `[${of}]`;
 }
-function createArrayOfObjectTypeDef(short, compact2, full) {
+function createArrayOfObjectTypeDef(short, compact, full) {
   return createTypeDef({
     name: "arrayOf" /* ARRAYOF */,
     short: braceAfter(short),
-    compact: compact2 != null ? braceAround(compact2) : null,
+    compact: compact != null ? braceAround(compact) : null,
     full: full && braceAround(full)
   });
 }
 function generateArray2(type, extractedProp) {
-  let { name, short, compact: compact2, full, inferredType } = generateType(type.value, extractedProp);
+  let { name, short, compact, full, inferredType } = generateType(type.value, extractedProp);
   if (name === "custom" /* CUSTOM */) {
     if (inferredType === "Object" /* OBJECT */)
-      return createArrayOfObjectTypeDef(short, compact2, full);
+      return createArrayOfObjectTypeDef(short, compact, full);
   } else if (name === "shape" /* SHAPE */)
-    return createArrayOfObjectTypeDef(short, compact2, full);
+    return createArrayOfObjectTypeDef(short, compact, full);
   return createTypeDef({
     name: "arrayOf" /* ARRAYOF */,
     short: braceAfter(short),
@@ -10326,8 +10332,8 @@ function createType(extractedProp) {
       case "union" /* UNION */:
       case "enum" /* ENUM */:
       case "arrayOf" /* ARRAYOF */: {
-        let { short, compact: compact2, full } = generateType(type, extractedProp);
-        return compact2 != null && !isTooLongForTypeSummary(compact2) ? createSummaryValue5(compact2) : full ? createSummaryValue5(short, full) : createSummaryValue5(short);
+        let { short, compact, full } = generateType(type, extractedProp);
+        return compact != null && !isTooLongForTypeSummary(compact) ? createSummaryValue5(compact) : full ? createSummaryValue5(short, full) : createSummaryValue5(short);
       }
       case "func" /* FUNC */: {
         let { short, full } = generateType(type, extractedProp), summary = short, detail;
@@ -10743,7 +10749,7 @@ function absolute(input, root) {
 
 // ../../../node_modules/empathic/walk.mjs
 function up(base2, options) {
-  let { last: last2, cwd: cwd2 } = options || {}, tmp = absolute(base2, cwd2), root = absolute(last2 || "/", cwd2), prev, arr = [];
+  let { last, cwd: cwd2 } = options || {}, tmp = absolute(base2, cwd2), root = absolute(last || "/", cwd2), prev, arr = [];
   for (; prev !== root && (arr.push(tmp), tmp = dirname2(prev = tmp), tmp !== prev); )
     ;
   return arr;
@@ -11260,16 +11266,6 @@ import { Tag } from "storybook/internal/core-server";
 import { storyNameFromExport } from "storybook/internal/csf";
 import { extractDescription, loadCsf } from "storybook/internal/csf-tools";
 
-// ../../../node_modules/es-toolkit/dist/array/uniqBy.mjs
-function uniqBy(arr, mapper) {
-  let map = /* @__PURE__ */ new Map();
-  for (let i = 0; i < arr.length; i++) {
-    let item = arr[i], key = mapper(item);
-    map.has(key) || map.set(key, item);
-  }
-  return Array.from(map.values());
-}
-
 // src/componentManifest/generateCodeSnippet.ts
 import { types as t2 } from "storybook/internal/babel";
 function getCodeSnippet(csf, storyName, componentName) {
@@ -11297,7 +11293,7 @@ function getCodeSnippet(csf, storyName, componentName) {
     if (callee.isMemberExpression()) {
       let obj = callee.get("object"), prop = callee.get("property"), isBind = prop.isIdentifier() && prop.node.name === "bind" || t2.isStringLiteral(prop.node) && prop.node.value === "bind";
       if (obj.isIdentifier() && isBind) {
-        let resolved = resolveBindIdentifierInit(storyDeclaration, obj);
+        let resolved = resolveIdentifierInit(storyDeclaration, obj);
         resolved && (normalizedPath = resolved);
       }
     }
@@ -11325,14 +11321,20 @@ function getCodeSnippet(csf, storyName, componentName) {
       "Expected story to be csf factory, function or an object expression"
     );
   let storyProps = normalizedPath.isObjectExpression() ? normalizedPath.get("properties").filter((p) => p.isObjectProperty()) : [], metaPath = pathForNode(csf._file.path, metaObj), metaProps = metaPath?.isObjectExpression() ? metaPath.get("properties").filter((p) => p.isObjectProperty()) : [], getRenderPath = (object) => {
-    let renderPath2 = object.find((p) => keyOf(p.node) === "render")?.get("value");
-    if (renderPath2?.isIdentifier() && (componentName = renderPath2.node.name), renderPath2 && !(renderPath2.isArrowFunctionExpression() || renderPath2.isFunctionExpression()))
-      throw renderPath2.buildCodeFrameError(
+    let renderPath = object.find((p) => keyOf(p.node) === "render")?.get("value");
+    if (!renderPath)
+      return { kind: "missing" };
+    if (renderPath.isIdentifier()) {
+      let resolved = resolveIdentifierInit(storyDeclaration, renderPath);
+      return resolved && (resolved.isArrowFunctionExpression() || resolved.isFunctionExpression() || resolved.isFunctionDeclaration()) ? { kind: "resolved", path: resolved } : { kind: "unresolved" };
+    }
+    if (!(renderPath.isArrowFunctionExpression() || renderPath.isFunctionExpression()))
+      throw renderPath.buildCodeFrameError(
         "Expected render to be an arrow function or function expression"
       );
-    return renderPath2;
-  }, metaRenderPath = getRenderPath(metaProps), renderPath = getRenderPath(storyProps);
-  storyFn ??= renderPath ?? metaRenderPath;
+    return { kind: "resolved", path: renderPath };
+  }, metaRender = getRenderPath(metaProps), storyRender = getRenderPath(storyProps);
+  storyFn || (storyFn = storyRender.kind === "resolved" ? storyRender.path : storyRender.kind === "missing" && metaRender.kind === "resolved" ? metaRender.path : void 0);
   let metaArgs = metaArgsRecord(metaObj ?? null), storyArgsPath = storyProps.filter((p) => keyOf(p.node) === "args").map((p) => p.get("value")).find((v) => v.isObjectExpression()), storyArgs = argsRecordFromObjectPath(storyArgsPath), storyAssignedArgsPath = storyArgsAssignmentPath(csf._file.path, storyName), storyAssignedArgs = argsRecordFromObjectPath(storyAssignedArgsPath), merged = { ...metaArgs, ...storyArgs, ...storyAssignedArgs }, entries = Object.entries(merged).filter(([k]) => k !== "children"), validEntries = entries.filter(([k, v]) => isValidJsxAttrName(k) && v != null), invalidEntries = entries.filter(([k, v]) => !isValidJsxAttrName(k) && v != null), injectedAttrs = validEntries.map(([k, v]) => toAttr(k, v)).filter((a) => a != null);
   if (storyFn) {
     let fn = storyFn.node;
@@ -11356,14 +11358,20 @@ function getCodeSnippet(csf, storyName, componentName) {
         return stmt;
       });
       if (changed)
-        return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(fn.id, [], t2.blockStatement(newBody), fn.generator, fn.async) : t2.variableDeclaration("const", [
+        return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(
+          t2.identifier(storyName),
+          [],
+          t2.blockStatement(newBody),
+          fn.generator,
+          fn.async
+        ) : t2.variableDeclaration("const", [
           t2.variableDeclarator(
             t2.identifier(storyName),
             t2.arrowFunctionExpression([], t2.blockStatement(newBody), fn.async)
           )
         ]);
     }
-    return t2.isFunctionDeclaration(fn) ? fn : t2.variableDeclaration("const", [t2.variableDeclarator(t2.identifier(storyName), fn)]);
+    return t2.isFunctionDeclaration(fn) ? t2.functionDeclaration(t2.identifier(storyName), fn.params, fn.body, fn.generator, fn.async) : t2.variableDeclaration("const", [t2.variableDeclarator(t2.identifier(storyName), fn)]);
   }
   invariant(componentName, "Could not generate snippet without component name.");
   let invalidSpread = buildInvalidSpread(invalidEntries), name = t2.jsxIdentifier(componentName), openingElAttrs = invalidSpread ? [...injectedAttrs, invalidSpread] : injectedAttrs, children = toJsxChildren(merged.children), selfClosing = children.length === 0, arrow = t2.arrowFunctionExpression(
@@ -11507,10 +11515,19 @@ function transformArgsSpreadsInJsx(node, merged) {
   });
   return { node: t2.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
 }
-function resolveBindIdentifierInit(storyPath, identifier) {
+function resolveIdentifierInit(storyPath, identifier) {
   let programPath = storyPath.findParent((p) => p.isProgram());
   if (!programPath)
     return null;
+  for (let stmt of programPath.get("body")) {
+    if (stmt.isFunctionDeclaration() && stmt.node.id?.name === identifier.node.name)
+      return stmt;
+    if (stmt.isExportNamedDeclaration()) {
+      let decl = stmt.get("declaration");
+      if (decl.isFunctionDeclaration() && decl.node.id?.name === identifier.node.name)
+        return decl;
+    }
+  }
   let match = programPath.get("body").flatMap((stmt) => {
     if (stmt.isVariableDeclaration())
       return stmt.get("declarations");
@@ -11930,6 +11947,21 @@ ${message}`
 };
 
 // src/componentManifest/generator.ts
+function selectComponentEntries(manifestEntries) {
+  let entriesByComponentId = /* @__PURE__ */ new Map();
+  return manifestEntries.filter(
+    (entry) => entry.type === "story" && entry.subtype === "story" || // Attached docs entries are the only docs entries that can contribute to a
+    // component manifest, because they point back to a story file through storiesImports.
+    entry.type === "docs" && entry.tags?.includes(Tag.ATTACHED_MDX) && entry.storiesImports.length > 0
+  ).forEach((entry) => {
+    let componentId = entry.id.split("--")[0], existingEntry = entriesByComponentId.get(componentId);
+    if (!existingEntry) {
+      entriesByComponentId.set(componentId, entry);
+      return;
+    }
+    existingEntry.type === "docs" && entry.type === "story" && entriesByComponentId.set(componentId, entry);
+  }), [...entriesByComponentId.values()];
+}
 function findMatchingComponent(components, componentName, trimmedTitle) {
   return components.find(
     (it) => componentName ? [it.componentName, it.localImportName, it.importName].includes(componentName) : trimmedTitle.includes(it.componentName) || it.localImportName && trimmedTitle.includes(it.localImportName) || it.importName && trimmedTitle.includes(it.importName)
@@ -11982,14 +12014,7 @@ function extractComponentDescription(csf, docgen) {
 var manifests = async (existingManifests = {}, options) => {
   let { manifestEntries, presets } = options, typescriptOptions = await presets?.apply("typescript", {}) ?? {};
   invalidateCache(), invalidateParser();
-  let startTime = performance.now(), components = uniqBy(
-    manifestEntries.filter(
-      (entry) => entry.type === "story" && entry.subtype === "story" || // addon-docs will add docs entries to these manifest entries afterwards
-      // Docs entries have importPath pointing to MDX file, but storiesImports[0] points to the story file
-      entry.type === "docs" && entry.tags?.includes(Tag.ATTACHED_MDX) && entry.storiesImports.length > 0
-    ),
-    (entry) => entry.id.split("--")[0]
-  ).map((entry) => {
+  let startTime = performance.now(), components = selectComponentEntries(manifestEntries).map((entry) => {
     let storyFilePath = entry.type === "story" ? entry.importPath : (
       // For attached docs entries, storiesImports[0] points to the stories file being attached to
       entry.storiesImports[0]
@@ -12180,11 +12205,13 @@ async function internal_getArgTypesData(_input, options) {
     componentExportName
   }), argTypesData;
 }
+var optimizeViteDeps = ["react-dom/test-utils"];
 export {
   addons,
   enrichCsf as experimental_enrichCsf,
   manifests as experimental_manifests,
   internal_getArgTypesData,
+  optimizeViteDeps,
   previewAnnotations,
   resolvedReact
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "10.3.0-alpha.9",
+  "version": "10.3.0-beta.0",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react-dom-shim": "10.3.0-alpha.9",
+    "@storybook/react-dom-shim": "10.3.0-beta.0",
     "react-docgen": "^8.0.2",
     "react-docgen-typescript": "^2.2.2"
   },
@@ -81,7 +81,7 @@
   "peerDependencies": {
     "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.3.0-alpha.9",
+    "storybook": "^10.3.0-beta.0",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {