@storybook/react 10.5.0-alpha.3 → 10.5.0-alpha.5

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_4vwrh8n2k1w from 'node:url';
-import CJS_COMPAT_NODE_PATH_4vwrh8n2k1w from 'node:path';
-import CJS_COMPAT_NODE_MODULE_4vwrh8n2k1w from "node:module";
+import CJS_COMPAT_NODE_URL_ncp5j0auwhe from 'node:url';
+import CJS_COMPAT_NODE_PATH_ncp5j0auwhe from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ncp5j0auwhe from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_4vwrh8n2k1w.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_4vwrh8n2k1w.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_4vwrh8n2k1w.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ncp5j0auwhe.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ncp5j0auwhe.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ncp5j0auwhe.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13858,7 +13858,7 @@ var defaultFunctionValue = inlineFunction, formatFunction = (function(fn, option
   var usedValue = hasValue ? value : defaultValue, useBooleanShorthandSyntax = options.useBooleanShorthandSyntax, tabStop = options.tabStop, formattedPropValue = formatPropValue(usedValue, inline, lvl, options), attributeFormattedInline = " ", attributeFormattedMultiline = `
 `.concat(spacer(lvl + 1, tabStop)), isMultilineAttribute = formattedPropValue.includes(`
 `);
-  return useBooleanShorthandSyntax && formattedPropValue === "{false}" && !hasDefaultValue ? (attributeFormattedInline = "", attributeFormattedMultiline = "") : useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
+  return useBooleanShorthandSyntax && formattedPropValue === "{true}" ? (attributeFormattedInline += "".concat(name), attributeFormattedMultiline += "".concat(name)) : (attributeFormattedInline += "".concat(name, "=").concat(formattedPropValue), attributeFormattedMultiline += "".concat(name, "=").concat(formattedPropValue)), {
     attributeFormattedInline,
     attributeFormattedMultiline,
     isMultilineAttribute
@@ -15314,2323 +15314,2381 @@ var extractArgTypesFromDocgenTypescript = async ({
 };
 
 // src/componentManifest/generator.ts
-import { recast as recast2 } from "storybook/internal/babel";
-import { Tag } from "storybook/internal/core-server";
-import { storyNameFromExport } from "storybook/internal/csf";
-import { extractDescription, loadCsf } from "storybook/internal/csf-tools";
-import { logger as logger8 } from "storybook/internal/node-logger";
-
-// src/componentManifest/componentMeta/ComponentMetaManager.ts
-import { logger as logger5 } from "storybook/internal/node-logger";
-import { existsSync as existsSync3, watch } from "fs";
-import * as path3 from "path";
+import {
+  getStoryImportPathFromEntry,
+  selectComponentEntriesByComponentId
+} from "storybook/internal/common";
 
-// src/componentManifest/componentMeta/ComponentMetaProject.ts
-var import_language_core = __toESM(require_language_core(), 1), import_typescript = __toESM(require_typescript(), 1);
-import * as path2 from "path";
+// src/componentManifest/buildReactComponentDocgen.ts
+import { getComponentIdFromEntry } from "storybook/internal/common";
+import { extractDescription as extractDescription2 } from "storybook/internal/csf-tools";
 
-// src/componentManifest/componentMeta/componentMetaExtractor.ts
-var LARGE_SOURCE_THRESHOLD = 30, MAX_UNWRAP_DEPTH = 5, MAX_SERIALIZATION_DEPTH = 5;
-function isLiteralType(type) {
-  return type.isStringLiteral() || type.isNumberLiteral();
-}
-function isUnionType(type) {
-  return type.isUnion();
-}
-function isWrappedExpression(typescript, expression) {
-  return typescript.isParenthesizedExpression(expression) || typescript.isAsExpression(expression) || typescript.isNonNullExpression(expression) || (typescript.isSatisfiesExpression?.(expression) ?? !1);
-}
-function resolveAliasedSymbol(typescript, checker, symbol) {
-  return symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol;
-}
-function getSymbolContextNode(symbol) {
-  return symbol.valueDeclaration ?? symbol.getDeclarations()?.[0];
-}
-function resolveComponentSymbolFromNode(typescript, checker, node) {
-  if (!node)
-    return;
-  let symbol = checker.getSymbolAtLocation(node);
-  return symbol ? resolveComponentSymbol(typescript, checker, symbol, node) : void 0;
+// src/componentManifest/extractComponentDescription.ts
+function extractComponentDescription(metaJsDoc, docgenDescription, docgenJsDocTags) {
+  let jsdocComment = metaJsDoc || docgenDescription, extracted = jsdocComment ? extractJSDocInfo(jsdocComment) : void 0, tags = docgenJsDocTags ?? extracted?.tags ?? {}, description = extracted?.description;
+  return {
+    description: ((tags?.describe?.[0] || tags?.desc?.[0]) ?? description)?.trim(),
+    summary: tags.summary?.[0],
+    jsDocTags: tags
+  };
 }
-function resolveComponentSymbol(typescript, checker, symbol, contextNode, depth = 0) {
-  let resolved = resolveAliasedSymbol(typescript, checker, symbol);
-  if (depth > MAX_UNWRAP_DEPTH)
-    return resolved;
-  let declarationForPromotion = getSymbolContextNode(resolved);
-  if (declarationForPromotion && (typescript.isArrowFunction(declarationForPromotion) || typescript.isFunctionExpression(declarationForPromotion)) && declarationForPromotion.parent && typescript.isVariableDeclaration(declarationForPromotion.parent) && typescript.isIdentifier(declarationForPromotion.parent.name)) {
-    let variableSymbol = checker.getSymbolAtLocation(declarationForPromotion.parent.name);
-    variableSymbol && (resolved = resolveAliasedSymbol(typescript, checker, variableSymbol));
-  }
-  let declaration = getSymbolContextNode(resolved);
-  if (declaration) {
-    if (typescript.isShorthandPropertyAssignment(declaration)) {
-      let valueSymbol = checker.getShorthandAssignmentValueSymbol(declaration);
-      if (valueSymbol)
-        return resolveComponentSymbol(
-          typescript,
-          checker,
-          valueSymbol,
-          declaration.name,
-          depth + 1
-        );
-    }
-    if (typescript.isPropertyAssignment(declaration)) {
-      let next = resolveComponentSymbolFromNode(typescript, checker, declaration.initializer);
-      if (next)
-        return next;
-    }
-    if (typescript.isBinaryExpression(declaration) && declaration.operatorToken.kind === typescript.SyntaxKind.EqualsToken) {
-      let next = resolveComponentSymbolFromNode(typescript, checker, declaration.right);
-      if (next)
-        return next;
-    }
-  }
-  let typeSymbol = (!!(resolved.flags & typescript.SymbolFlags.Property) || declaration !== void 0 && (typescript.isPropertyAssignment(declaration) || typescript.isShorthandPropertyAssignment(declaration) || typescript.isPropertySignature(declaration) || typescript.isPropertyDeclaration(declaration) || typescript.isBinaryExpression(declaration) && declaration.operatorToken.kind === typescript.SyntaxKind.EqualsToken)) && checker.getTypeOfSymbolAtLocation(resolved, contextNode).getSymbol?.();
-  if (typeSymbol) {
-    let resolvedTypeSymbol = resolveAliasedSymbol(typescript, checker, typeSymbol), typeDeclaration = getSymbolContextNode(resolvedTypeSymbol);
-    if (resolvedTypeSymbol !== resolved && typeDeclaration)
-      return resolveComponentSymbol(
-        typescript,
-        checker,
-        resolvedTypeSymbol,
-        typeDeclaration,
-        depth + 1
-      );
+
+// src/componentManifest/getComponentImports.ts
+import { dirname as dirname6 } from "node:path";
+import { babelParse as babelParse2, recast, types as t2 } from "storybook/internal/babel";
+import { logger as logger6 } from "storybook/internal/node-logger";
+
+// src/componentManifest/reactDocgenTypescript.ts
+import { dirname as dirname5 } from "node:path";
+import { logger as logger5 } from "storybook/internal/node-logger";
+var typeScriptPromise, reactDocgenTypescriptPromise, loadTypeScript = () => typeScriptPromise ??= import("typescript"), loadReactDocgenTypescript = () => reactDocgenTypescriptPromise ??= import("react-docgen-typescript"), LARGE_NON_USER_SOURCE_THRESHOLD = 30, getPropSource = (prop) => prop.parent?.fileName ?? prop.declarations?.[0]?.fileName, getLargeNonUserPropSources = (props) => {
+  let countBySource = /* @__PURE__ */ new Map();
+  for (let prop of Object.values(props)) {
+    let source = getPropSource(prop);
+    (source?.includes("node_modules") || source?.endsWith(".d.ts")) && countBySource.set(source, (countBySource.get(source) ?? 0) + 1);
   }
-  return resolved;
-}
-function resolvePropsFromStoryFile(typescript, checker, storySourceFile, componentRef) {
-  let importSpecifier = componentRef.importId, importName = componentRef.importName, memberAccess = componentRef.member;
-  if (!importSpecifier)
-    return;
-  let importSymbol;
-  for (let stmt of storySourceFile.statements) {
-    if (!typescript.isImportDeclaration(stmt))
-      continue;
-    let moduleSpec = stmt.moduleSpecifier;
-    if (!typescript.isStringLiteral(moduleSpec) || moduleSpec.text !== importSpecifier)
+  let largeNonUserSources = /* @__PURE__ */ new Set();
+  for (let [source, count] of countBySource)
+    count > LARGE_NON_USER_SOURCE_THRESHOLD && largeNonUserSources.add(source);
+  return largeNonUserSources;
+};
+function findDisplayNameAssignment(typescript, sourceFile, identifierName) {
+  for (let statement of sourceFile.statements) {
+    if (!typescript.isExpressionStatement(statement))
       continue;
-    let clause = stmt.importClause;
-    if (clause) {
-      if (importName === "default") {
-        if (clause.name && (importSymbol = checker.getSymbolAtLocation(clause.name)), !importSymbol && clause.namedBindings && typescript.isNamedImports(clause.namedBindings)) {
-          for (let spec of clause.namedBindings.elements)
-            if ((spec.propertyName ?? spec.name).text === "default") {
-              importSymbol = checker.getSymbolAtLocation(spec.name);
-              break;
-            }
-        }
-      } else if (clause.namedBindings && typescript.isNamedImports(clause.namedBindings)) {
-        for (let spec of clause.namedBindings.elements)
-          if ((spec.propertyName ?? spec.name).text === importName) {
-            importSymbol = checker.getSymbolAtLocation(spec.name);
-            break;
-          }
-      }
-      if (!importSymbol && memberAccess && clause.namedBindings && typescript.isNamespaceImport(clause.namedBindings) && (importSymbol = checker.getSymbolAtLocation(clause.namedBindings.name)), importSymbol)
-        break;
-    }
-  }
-  if (!importSymbol)
-    return;
-  let result;
-  function extractPropsFromJsx(node) {
-    let sig = checker.getResolvedSignature(node);
-    if (!sig)
-      return;
-    let params = sig.getParameters();
-    return params.length === 0 ? checker.getTypeFromTypeNode(typescript.factory.createTypeLiteralNode([])) : checker.getTypeOfSymbolAtLocation(params[0], node);
-  }
-  function visit(node) {
-    if (!result) {
-      if (typescript.isJsxSelfClosingElement(node) || typescript.isJsxOpeningElement(node)) {
-        let tagName = node.tagName;
-        if (memberAccess) {
-          if (typescript.isPropertyAccessExpression(tagName) && tagName.name.text === memberAccess) {
-            let leftSym = checker.getSymbolAtLocation(tagName.expression);
-            if (leftSym && importSymbol && leftSym === importSymbol) {
-              let propsType = extractPropsFromJsx(node);
-              if (propsType) {
-                let memberSymbol = checker.getSymbolAtLocation(tagName.name) ?? checker.getTypeAtLocation(tagName.expression).getProperty(tagName.name.text) ?? resolveComponentSymbolFromNode(typescript, checker, tagName);
-                result = {
-                  componentRef,
-                  propsType,
-                  symbol: memberSymbol ? resolveComponentSymbol(typescript, checker, memberSymbol, tagName.name) : resolveAliasedSymbol(typescript, checker, importSymbol)
-                };
-                return;
-              }
-            }
-          }
-        } else if (typescript.isIdentifier(tagName)) {
-          let sym = checker.getSymbolAtLocation(tagName);
-          if (sym && importSymbol && sym === importSymbol) {
-            let propsType = extractPropsFromJsx(node);
-            if (propsType) {
-              result = {
-                componentRef,
-                propsType,
-                symbol: resolveAliasedSymbol(typescript, checker, sym)
-              };
-              return;
-            }
-          }
-        }
-      }
-      typescript.forEachChild(node, visit);
-    }
-  }
-  return visit(storySourceFile), result;
-}
-function resolvePropsFromComponentType(typescript, checker, componentType) {
-  let callSigs = componentType.getCallSignatures();
-  if (callSigs.length > 0) {
-    let sig = callSigs[0];
-    if (sig.parameters.length === 0)
-      return checker.getVoidType();
-    let propsType = checker.getTypeOfSymbol(sig.parameters[0]);
-    if (!(propsType.flags & typescript.TypeFlags.Any))
-      return propsType;
-  }
-  let ctorSigs = componentType.getConstructSignatures();
-  for (let sig of ctorSigs) {
-    let propsSym = sig.getReturnType().getProperty("props");
-    if (propsSym) {
-      let propsType = checker.getTypeOfSymbol(propsSym);
-      if (!(propsType.flags & typescript.TypeFlags.Any))
-        return propsType;
-    }
+    let expr = statement.expression;
+    if (typescript.isBinaryExpression(expr) && expr.operatorToken.kind === typescript.SyntaxKind.EqualsToken && typescript.isPropertyAccessExpression(expr.left) && expr.left.name.text === "displayName" && typescript.isIdentifier(expr.left.expression) && expr.left.expression.text === identifierName && typescript.isStringLiteral(expr.right))
+      return expr.right.text;
   }
 }
-function getPropSourceFile(prop) {
-  let declarations = prop.getDeclarations();
-  if (declarations?.length) {
-    for (let decl of declarations) {
-      let fileName = decl.getSourceFile().fileName;
-      if (!fileName.includes("node_modules") && !fileName.endsWith(".d.ts"))
-        return fileName;
+function getExportNameMap(typescript, checker, sourceFile) {
+  let moduleSymbol = checker.getSymbolAtLocation(sourceFile);
+  if (!moduleSymbol)
+    return /* @__PURE__ */ new Map();
+  let result = /* @__PURE__ */ new Map(), fileName = sourceFile.fileName.replace(/.*\//, "").replace(/\.[^.]+$/, "");
+  for (let exportSymbol of checker.getExportsOfModule(moduleSymbol)) {
+    let resolved = exportSymbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(exportSymbol) : exportSymbol, declaration = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
+    if (!declaration)
+      continue;
+    let type = checker.getTypeOfSymbolAtLocation(resolved, declaration), isStateless = type.getCallSignatures().some((sig) => {
+      let params = sig.getParameters();
+      return params.length === 1 || params.length > 0 && params[0].getName() === "props";
+    }), isStateful = type.getConstructSignatures().some(
+      (sig) => sig.getReturnType().getProperty("props") !== void 0
+    );
+    if (isStateless || isStateful) {
+      let exportName = exportSymbol.getName(), resolvedName = resolved.getName();
+      result.set(resolvedName, exportName), exportName === "default" && result.set(fileName, "default");
+      let displayNameValue = findDisplayNameAssignment(typescript, sourceFile, resolvedName);
+      displayNameValue && result.set(displayNameValue, exportName);
     }
-    return declarations[0].getSourceFile().fileName;
   }
+  return result;
 }
-function getParentType(typescript, prop) {
-  let declarations = prop.getDeclarations();
-  if (!declarations?.length)
-    return;
-  let node = declarations[0].parent;
-  for (; node; ) {
-    if (typescript.isInterfaceDeclaration(node) || typescript.isTypeAliasDeclaration(node))
-      return {
-        name: node.name.getText(),
-        fileName: node.getSourceFile().fileName
-      };
-    node = node.parent;
-  }
+var cachedCompilerOptions, cachedFileNames, previousProgram, parser, cachedParserOptionsKey;
+function invalidateParser() {
+  parser = void 0, cachedCompilerOptions = void 0, cachedFileNames = void 0, cachedParserOptionsKey = void 0;
 }
-function getAllDeclarationParents(typescript, prop) {
-  let declarations = prop.getDeclarations();
-  if (!declarations?.length)
-    return;
-  let parents = [];
-  for (let declaration of declarations) {
-    let { parent } = declaration;
-    parent && (typescript.isInterfaceDeclaration(parent) || typescript.isTypeAliasDeclaration(parent) ? parents.push({
-      name: parent.name.getText(),
-      fileName: parent.getSourceFile().fileName
-    }) : typescript.isTypeLiteralNode(parent) && parents.push({
-      name: "TypeLiteral",
-      fileName: parent.getSourceFile().fileName
-    }));
+async function getParser5(userOptions) {
+  let [typescript, reactDocgenTypescript] = await Promise.all([
+    loadTypeScript(),
+    loadReactDocgenTypescript()
+  ]), optionsKey = JSON.stringify(userOptions ?? {});
+  if (parser && cachedParserOptionsKey !== optionsKey && (parser = void 0), !parser) {
+    let configPath = findTsconfigPath(process.cwd());
+    if (cachedCompilerOptions = { noErrorTruncation: !0, strict: !0 }, configPath) {
+      let { config } = typescript.readConfigFile(configPath, typescript.sys.readFile), parsed = typescript.parseJsonConfigFileContent(
+        config,
+        typescript.sys,
+        dirname5(configPath)
+      );
+      cachedCompilerOptions = { ...parsed.options, noErrorTruncation: !0 }, cachedFileNames = parsed.fileNames;
+    } else
+      logger5.warn(
+        "No tsconfig.json (or tsconfig.base.json / tsconfig.app.json) found. TypeScript component props will not be documented by react-docgen-typescript. Create a tsconfig.json in your project root to enable automatic controls."
+      );
+    let program = typescript.createProgram(
+      cachedFileNames ?? [],
+      cachedCompilerOptions,
+      void 0,
+      previousProgram
+    );
+    previousProgram = program;
+    let parserOptions = {
+      shouldExtractLiteralValuesFromEnum: !0,
+      shouldRemoveUndefinedFromOptional: !0,
+      ...userOptions,
+      // Always force savePropValueAsString so default values are in a consistent format
+      savePropValueAsString: !0
+    };
+    parser = {
+      program,
+      fileParser: reactDocgenTypescript.withCompilerOptions(cachedCompilerOptions, parserOptions)
+    }, cachedParserOptionsKey = optionsKey;
   }
-  return parents.length > 0 ? parents : void 0;
+  return { ...parser, typescript };
 }
-function serializeType(typescript, checker, type, isRequired, depth = 0) {
-  if (depth > MAX_SERIALIZATION_DEPTH)
-    return { name: checker.typeToString(type) };
-  if (type.isUnion()) {
-    let nonUndefinedTypes = type.types.filter(
-      (t6) => !(t6.getFlags() & typescript.TypeFlags.Undefined)
-    ), literalMembers = nonUndefinedTypes.filter(isLiteralType);
-    if (literalMembers.length > 0 && literalMembers.length === nonUndefinedTypes.length)
+function matchComponentDoc(docs, {
+  importName,
+  localImportName,
+  componentName
+}) {
+  if (docs.length !== 0)
+    return docs.length === 1 ? docs[0] : docs.find(
+      (doc) => doc.exportName === importName || doc.exportName === localImportName || doc.displayName === importName || doc.displayName === localImportName || doc.displayName === componentName
+    );
+}
+function getReactDocgenTypescriptError(path5, {
+  importName,
+  localImportName,
+  componentName
+}, docs) {
+  return docs.length === 0 ? {
+    name: "react-docgen-typescript found no component docs",
+    message: [
+      `File: ${path5}`,
+      "react-docgen-typescript did not return any component docs for this file."
+    ].join(`
+`)
+  } : {
+    name: "react-docgen-typescript could not match component docs",
+    message: [
+      `File: ${path5}`,
+      "react-docgen-typescript returned component docs for this file, but none matched the story's component import.",
+      `Looked for: componentName=${componentName}, localImportName=${localImportName ?? "<none>"}, importName=${importName ?? "<none>"}.`
+    ].join(`
+`)
+  };
+}
+var parseWithReactDocgenTypescript = asyncCache(
+  async (filePath, userOptions) => {
+    let { program, fileParser, typescript } = await getParser5(userOptions), checker = program.getTypeChecker(), sourceFile = program.getSourceFile(filePath), docs = fileParser.parseWithProgramProvider(filePath, () => program), exportNameMap = sourceFile ? getExportNameMap(typescript, checker, sourceFile) : /* @__PURE__ */ new Map();
+    return docs.map((doc) => {
+      let largeNonUserSources = getLargeNonUserPropSources(doc.props);
       return {
-        name: "enum",
-        raw: literalMembers.map((m) => checker.typeToString(m)).join(" | "),
-        value: literalMembers.map((m) => ({
-          value: JSON.stringify(m.value)
-        }))
+        ...doc,
+        // Use name-based lookup: displayName is the resolved symbol name, so look it up in the
+        // export map to get the public export name. Falls back to displayName when not aliased.
+        exportName: exportNameMap.get(doc.displayName) ?? doc.displayName,
+        // Filter out bulk props from non-user sources (React built-ins, DOM, CSS-in-JS system props)
+        props: Object.fromEntries(
+          Object.entries(doc.props).filter(([, prop]) => {
+            let source = getPropSource(prop);
+            return !source || !largeNonUserSources.has(source);
+          })
+        )
       };
-    if (!isRequired && nonUndefinedTypes.length === 1 && nonUndefinedTypes.length < type.types.length)
-      return { name: checker.typeToString(nonUndefinedTypes[0]) };
-  }
-  let constraint = type.getConstraint?.();
-  return constraint && constraint !== type ? serializeType(typescript, checker, constraint, isRequired, depth + 1) : { name: checker.typeToString(type) };
-}
-function unwrapToFunction(typescript, node, depth = 0, checker) {
-  if (!(depth > MAX_UNWRAP_DEPTH)) {
-    if (typescript.isArrowFunction(node) || typescript.isFunctionExpression(node) || typescript.isFunctionDeclaration(node))
-      return node;
-    if (typescript.isCallExpression(node))
-      for (let arg of node.arguments) {
-        let fn = unwrapToFunction(typescript, arg, depth + 1, checker);
-        if (fn)
-          return fn;
+    });
+  },
+  { name: "parseWithReactDocgenTypescript" }
+);
+
+// src/componentManifest/getComponentImports.ts
+var baseIdentifier = (component) => component.split(".")[0] ?? component, isTypeSpecifier = (s) => t2.isImportSpecifier(s) && s.importKind === "type", importedName = (im) => t2.isIdentifier(im) ? im.name : im.value, addUniqueBy = (arr, item, eq2) => {
+  arr.find(eq2) || arr.push(item);
+}, getComponents = async ({
+  csf,
+  storyFilePath,
+  typescriptOptions = {},
+  docgenEngine,
+  additionalComponentNames = []
+}) => {
+  let { reactDocgenTypescriptOptions } = typescriptOptions, program = csf._file.path, componentSet = /* @__PURE__ */ new Set(), componentDepth = /* @__PURE__ */ new Map(), localToImport = /* @__PURE__ */ new Map(), jsxDepth = 0;
+  program.traverse({
+    JSXElement: {
+      enter() {
+        jsxDepth++;
+      },
+      exit() {
+        jsxDepth--;
       }
-    if (typescript.isParenthesizedExpression(node) || typescript.isAsExpression(node))
-      return unwrapToFunction(typescript, node.expression, depth + 1, checker);
-    if (typescript.isIdentifier(node) && checker) {
-      let symbol = checker.getSymbolAtLocation(node);
-      if (symbol) {
-        let decl = (symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol).valueDeclaration;
-        if (decl && typescript.isVariableDeclaration(decl) && decl.initializer)
-          return unwrapToFunction(typescript, decl.initializer, depth + 1, checker);
-        if (decl && typescript.isFunctionDeclaration(decl))
-          return decl;
+    },
+    JSXOpeningElement(p) {
+      let n = p.node.name, name;
+      if (t2.isJSXIdentifier(n))
+        name = n.name, name && /[A-Z]/.test(name.charAt(0)) && componentSet.add(name);
+      else if (t2.isJSXMemberExpression(n)) {
+        let jsxNameToString = (nm) => t2.isJSXIdentifier(nm) ? nm.name : `${jsxNameToString(nm.object)}.${jsxNameToString(nm.property)}`;
+        name = jsxNameToString(n), componentSet.add(name);
+      }
+      if (name) {
+        let depth = jsxDepth - 1, existing = componentDepth.get(name);
+        (existing === void 0 || depth < existing) && componentDepth.set(name, depth);
       }
     }
+  });
+  let metaComp = csf._meta?.component;
+  metaComp && componentSet.add(metaComp);
+  for (let componentName of additionalComponentNames)
+    componentSet.add(componentName);
+  let components = Array.from(componentSet).sort((a, b) => a.localeCompare(b)), body = program.get("body");
+  for (let stmt of body) {
+    if (!stmt.isImportDeclaration())
+      continue;
+    let decl = stmt.node;
+    if (decl.importKind === "type")
+      continue;
+    let specifiers = decl.specifiers ?? [];
+    if (specifiers.length !== 0)
+      for (let s of specifiers) {
+        if (!("local" in s) || !s.local || isTypeSpecifier(s))
+          continue;
+        let importId = decl.source.value;
+        if (t2.isImportDefaultSpecifier(s))
+          localToImport.set(s.local.name, { importId, importName: "default" });
+        else if (t2.isImportNamespaceSpecifier(s))
+          localToImport.set(s.local.name, { importId, importName: "*" });
+        else if (t2.isImportSpecifier(s)) {
+          let imported = importedName(s.imported);
+          localToImport.set(s.local.name, { importId, importName: imported });
+        }
+      }
   }
-}
-function resolveLiteralValue(typescript, checker, node, depth = 0) {
-  if (depth > MAX_UNWRAP_DEPTH || typescript.isStringLiteral(node) || typescript.isNumericLiteral(node) || typescript.isNoSubstitutionTemplateLiteral(node) || node.kind === typescript.SyntaxKind.TrueKeyword || node.kind === typescript.SyntaxKind.FalseKeyword || node.kind === typescript.SyntaxKind.NullKeyword)
-    return node.getText();
-  if (typescript.isIdentifier(node)) {
-    if (node.text === "undefined")
-      return "undefined";
-    let symbol = checker.getSymbolAtLocation(node);
-    if (!symbol)
-      return node.getText();
-    let decl = (symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol).valueDeclaration;
-    return decl && typescript.isVariableDeclaration(decl) && decl.initializer || decl && typescript.isEnumMember(decl) && decl.initializer || decl && typescript.isBindingElement(decl) && decl.initializer ? resolveLiteralValue(typescript, checker, decl.initializer, depth + 1) : node.getText();
-  }
-  if (typescript.isPropertyAccessExpression(node)) {
-    let symbol = checker.getSymbolAtLocation(node);
-    if (symbol) {
-      let decl = symbol.valueDeclaration;
-      if (decl && typescript.isEnumMember(decl) && decl.initializer || decl && typescript.isPropertyAssignment(decl) && decl.initializer || decl && typescript.isVariableDeclaration(decl) && decl.initializer)
-        return resolveLiteralValue(typescript, checker, decl.initializer, depth + 1);
-    }
-    return node.getText();
-  }
-  return node.getText();
-}
-function collectBindingDefaults(typescript, pattern, defaults, checker) {
-  for (let element of pattern.elements)
-    if (element.initializer) {
-      let propName = element.propertyName ? element.propertyName.getText() : element.name.getText();
-      defaults.set(
-        propName,
-        checker ? resolveLiteralValue(typescript, checker, element.initializer) : element.initializer.getText()
-      );
-    }
-}
-function unwrapExpression(typescript, expression) {
-  let current2 = expression;
-  for (; isWrappedExpression(typescript, current2); )
-    current2 = current2.expression;
-  return current2;
-}
-function isPropsIdentifier(typescript, node, paramName, checker) {
-  if (!typescript.isIdentifier(node))
-    return !1;
-  if (!checker)
-    return node.text === paramName.text;
-  let symbol = checker.getSymbolAtLocation(node), paramSymbol = checker.getSymbolAtLocation(paramName);
-  return symbol !== void 0 && symbol === paramSymbol;
-}
-function isPropsDerivedInitializer(typescript, initializer, paramName, checker) {
-  let expr = unwrapExpression(typescript, initializer);
-  return isPropsIdentifier(typescript, expr, paramName, checker) ? !0 : typescript.isAwaitExpression(expr) ? isPropsDerivedInitializer(typescript, expr.expression, paramName, checker) : typescript.isBinaryExpression(expr) && [
-    typescript.SyntaxKind.BarBarToken,
-    typescript.SyntaxKind.QuestionQuestionToken,
-    typescript.SyntaxKind.AmpersandAmpersandToken
-  ].includes(expr.operatorToken.kind) ? isPropsDerivedInitializer(typescript, expr.left, paramName, checker) || isPropsDerivedInitializer(typescript, expr.right, paramName, checker) : typescript.isConditionalExpression(expr) ? isPropsDerivedInitializer(typescript, expr.whenTrue, paramName, checker) || isPropsDerivedInitializer(typescript, expr.whenFalse, paramName, checker) : typescript.isCallExpression(expr) || typescript.isNewExpression(expr) ? expr.arguments?.some(
-    (arg) => isPropsDerivedInitializer(typescript, arg, paramName, checker)
-  ) ?? !1 : !1;
-}
-function extractDestructuringDefaults(typescript, resolved, checker) {
-  let defaults = /* @__PURE__ */ new Map(), decl = resolved.valueDeclaration;
-  if (!decl)
-    return defaults;
-  let fn;
-  if (typescript.isFunctionDeclaration(decl)) {
-    if (fn = decl, !fn.body) {
-      let allDecls = resolved.getDeclarations?.() ?? [];
-      for (let d of allDecls)
-        if (typescript.isFunctionDeclaration(d) && d.body) {
-          fn = d;
-          break;
+  let isLocallyDefinedWithoutImport = (base2) => {
+    let binding = program.scope.getBinding(base2);
+    return binding ? !!!(binding.path.isImportSpecifier?.() || binding.path.isImportDefaultSpecifier?.() || binding.path.isImportNamespaceSpecifier?.()) : !1;
+  }, filteredComponents = components.filter(
+    (c) => !isLocallyDefinedWithoutImport(baseIdentifier(c))
+  );
+  return (await Promise.all(
+    filteredComponents.map(async (c) => {
+      let depth = componentDepth.get(c), dot = c.indexOf("."), component = dot !== -1 ? (() => {
+        let ns = c.slice(0, dot), mem = c.slice(dot + 1), direct = localToImport.get(ns);
+        return direct ? direct.importName === "*" ? {
+          componentName: c,
+          localImportName: ns,
+          importId: direct.importId,
+          importName: mem,
+          namespace: ns,
+          member: mem,
+          jsxDepth: depth
+        } : {
+          componentName: c,
+          localImportName: ns,
+          importId: direct.importId,
+          importName: direct.importName,
+          member: mem,
+          jsxDepth: depth
+        } : { componentName: c, member: mem, jsxDepth: depth };
+      })() : (() => {
+        let direct = localToImport.get(c);
+        return direct ? {
+          componentName: c,
+          localImportName: c,
+          importId: direct.importId,
+          importName: direct.importName,
+          jsxDepth: depth
+        } : { componentName: c, jsxDepth: depth };
+      })(), path5, isPackage = !1;
+      try {
+        component.importId && storyFilePath && (path5 = cachedResolveImport(matchPath(component.importId, dirname6(storyFilePath)), {
+          basedir: dirname6(storyFilePath)
+        }));
+      } catch (e) {
+        logger6.debug(e);
+      }
+      try {
+        component.importId && !component.importId.startsWith(".") && storyFilePath && (cachedResolveImport(component.importId, { basedir: dirname6(storyFilePath) }), isPackage = !0);
+      } catch {
+      }
+      let componentWithPackage = { ...component, isPackage };
+      if (path5) {
+        if (docgenEngine === "react-docgen-typescript") {
+          let reactDocgenTypescript, reactDocgenTypescriptError;
+          try {
+            let docs = await parseWithReactDocgenTypescript(path5, reactDocgenTypescriptOptions);
+            reactDocgenTypescript = matchComponentDoc(docs, component), reactDocgenTypescript || (reactDocgenTypescriptError = getReactDocgenTypescriptError(path5, component, docs));
+          } catch (e) {
+            let message = e instanceof Error ? e.message : String(e);
+            logger6.debug(`react-docgen-typescript failed for ${path5}: ${message}`), reactDocgenTypescriptError = {
+              name: "react-docgen-typescript parse error",
+              message: `File: ${path5}
+${message}`
+            };
+          }
+          let importOverride = reactDocgenTypescript ? getImportTag(reactDocgenTypescript) : void 0;
+          return {
+            ...componentWithPackage,
+            path: path5,
+            ...reactDocgenTypescript ? { reactDocgenTypescript } : {},
+            ...reactDocgenTypescriptError ? { reactDocgenTypescriptError } : {},
+            importOverride
+          };
         }
-    }
-  } else typescript.isVariableDeclaration(decl) && decl.initializer ? fn = unwrapToFunction(typescript, decl.initializer, 0, checker) : typescript.isExportAssignment(decl) && decl.expression && (fn = unwrapToFunction(typescript, decl.expression, 0, checker));
-  if (!fn)
-    return defaults;
-  let firstParam = fn.parameters[0];
-  if (!firstParam)
-    return defaults;
-  if (typescript.isObjectBindingPattern(firstParam.name))
-    return collectBindingDefaults(typescript, firstParam.name, defaults, checker), defaults;
-  let propsParamName = typescript.isIdentifier(firstParam.name) ? firstParam.name : void 0;
-  if (fn.body && propsParamName) {
-    let body = typescript.isBlock(fn.body) ? fn.body : void 0;
-    if (body) {
-      for (let stmt of body.statements)
-        if (typescript.isVariableStatement(stmt))
-          for (let varDecl of stmt.declarationList.declarations)
-            typescript.isObjectBindingPattern(varDecl.name) && varDecl.initializer && isPropsDerivedInitializer(typescript, varDecl.initializer, propsParamName, checker) && collectBindingDefaults(typescript, varDecl.name, defaults, checker);
-    }
-  }
-  return defaults;
-}
-function collectObjectLiteralDefaults(typescript, checker, obj, defaults) {
-  for (let prop of obj.properties)
-    if (typescript.isPropertyAssignment(prop) && prop.name) {
-      let name = prop.name.getText();
-      defaults.set(name, resolveLiteralValue(typescript, checker, prop.initializer));
-    } else if (typescript.isShorthandPropertyAssignment(prop)) {
-      let name = prop.name.getText(), symbol = checker.getShorthandAssignmentValueSymbol(prop);
-      symbol?.valueDeclaration && typescript.isVariableDeclaration(symbol.valueDeclaration) && symbol.valueDeclaration.initializer ? defaults.set(
-        name,
-        resolveLiteralValue(typescript, checker, symbol.valueDeclaration.initializer)
-      ) : defaults.set(name, name);
-    }
-}
-function extractStaticDefaultProps(typescript, checker, resolved) {
-  let defaults = /* @__PURE__ */ new Map(), decl = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
-  if (!decl)
-    return defaults;
-  let componentSourceFile = decl.getSourceFile();
-  for (let stmt of componentSourceFile.statements) {
-    if (typescript.isClassDeclaration(stmt) && stmt.name) {
-      if (checker.getSymbolAtLocation(stmt.name) !== resolved)
+        if (docgenEngine === "react-docgen") {
+          let reactDocgen = getReactDocgen(path5, componentWithPackage);
+          return {
+            ...componentWithPackage,
+            path: path5,
+            reactDocgen,
+            importOverride: reactDocgen.type === "success" ? getImportTag(reactDocgen.data) : void 0
+          };
+        }
+        if (docgenEngine === "react-component-meta")
+          return {
+            ...componentWithPackage,
+            path: path5
+          };
+      }
+      return componentWithPackage;
+    })
+  )).sort((a, b) => a.componentName.localeCompare(b.componentName));
+}, getImports = ({
+  components,
+  packageName
+}) => {
+  let withSource = components.filter((c) => !!c.importId).map((c, idx) => {
+    let importId = c.importId, overrideSource = (() => {
+      if (c.importOverride)
+        try {
+          let src = babelParse2(c.importOverride).program.body.find((n) => t2.isImportDeclaration(n))?.source?.value;
+          return typeof src == "string" ? src : void 0;
+        } catch {
+          return;
+        }
+    })(), rewritten = overrideSource !== void 0 ? overrideSource : (
+      // only rewrite to the package name it the import id is not already a valid package
+      // tsconfig paths such as ~/components/Button and components/Button are not seen as packages
+      packageName && !c.isPackage ? packageName : importId
+    );
+    return { c, src: t2.stringLiteral(rewritten), key: rewritten, ord: idx };
+  }), orderOfSource = {};
+  for (let w of withSource)
+    orderOfSource[w.key] === void 0 && (orderOfSource[w.key] = w.ord);
+  let buckets = /* @__PURE__ */ new Map(), ensureBucket = (key, src) => {
+    let prev = buckets.get(key);
+    if (prev)
+      return prev;
+    let b = {
+      source: src,
+      defaults: [],
+      namespaces: [],
+      named: [],
+      order: orderOfSource[key] ?? 0
+    };
+    return buckets.set(key, b), b;
+  };
+  for (let { c, src, key } of withSource) {
+    let b = ensureBucket(key, src), rewritten = src.value !== c.importId, overrideSpec = (() => {
+      if (c.importOverride)
+        try {
+          let decl = babelParse2(c.importOverride).program.body.find((n) => t2.isImportDeclaration(n));
+          if (!decl)
+            return;
+          let spec = (decl.specifiers ?? []).find((s) => !isTypeSpecifier(s));
+          return spec ? t2.isImportNamespaceSpecifier(spec) ? { kind: "namespace", local: spec.local.name } : t2.isImportDefaultSpecifier(spec) ? { kind: "default" } : t2.isImportSpecifier(spec) ? { kind: "named", imported: t2.isIdentifier(spec.imported) ? spec.imported.name : spec.imported.value } : void 0 : void 0;
+        } catch {
+          return;
+        }
+    })();
+    if (overrideSpec) {
+      if (overrideSpec.kind === "namespace") {
+        let ns = t2.identifier(overrideSpec.local);
+        addUniqueBy(b.namespaces, ns, (n) => n.name === ns.name);
         continue;
-      for (let member of stmt.members) {
-        if (!typescript.isPropertyDeclaration(member) || !member.name || member.name.getText() !== "defaultProps" || !member.initializer)
+      }
+      if (!c.localImportName)
+        continue;
+      if (overrideSpec.kind === "default") {
+        let id = t2.identifier(c.localImportName);
+        addUniqueBy(b.defaults, id, (d) => d.name === id.name);
+        continue;
+      }
+      if (overrideSpec.kind === "named") {
+        let local = t2.identifier(c.localImportName), imported = t2.identifier(overrideSpec.imported);
+        addUniqueBy(
+          b.named,
+          t2.importSpecifier(local, imported),
+          (n) => n.local.name === local.name && importedName(n.imported) === imported.name
+        );
+        continue;
+      }
+    }
+    if (c.namespace) {
+      if (rewritten) {
+        if (!c.importName)
           continue;
-        let initializer = member.initializer;
-        if (typescript.isIdentifier(initializer)) {
-          let symDecl = checker.getSymbolAtLocation(initializer)?.valueDeclaration;
-          symDecl && typescript.isVariableDeclaration(symDecl) && symDecl.initializer && (initializer = symDecl.initializer);
-        }
-        typescript.isObjectLiteralExpression(initializer) && collectObjectLiteralDefaults(typescript, checker, initializer, defaults);
+        let member = c.importName, id = t2.identifier(member);
+        addUniqueBy(
+          b.named,
+          t2.importSpecifier(id, id),
+          (n) => n.local.name === member && importedName(n.imported) === member
+        );
+      } else {
+        let ns = t2.identifier(c.namespace);
+        addUniqueBy(b.namespaces, ns, (n) => n.name === ns.name);
       }
+      continue;
     }
-    if (typescript.isExpressionStatement(stmt) && typescript.isBinaryExpression(stmt.expression) && stmt.expression.operatorToken.kind === typescript.SyntaxKind.EqualsToken) {
-      let left = stmt.expression.left;
-      if (!typescript.isPropertyAccessExpression(left) || left.name.text !== "defaultProps")
-        continue;
-      let targetSymbol = checker.getSymbolAtLocation(left.expression);
-      if (!targetSymbol || (targetSymbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(targetSymbol) : targetSymbol) !== resolved)
+    if (c.importName === "default") {
+      if (!c.localImportName)
         continue;
-      let right = stmt.expression.right;
-      if (typescript.isIdentifier(right)) {
-        let symDecl = checker.getSymbolAtLocation(right)?.valueDeclaration;
-        symDecl && typescript.isVariableDeclaration(symDecl) && symDecl.initializer && (right = symDecl.initializer);
+      if (rewritten) {
+        let id = t2.identifier(c.localImportName);
+        addUniqueBy(
+          b.named,
+          t2.importSpecifier(id, id),
+          (n) => n.local.name === id.name && importedName(n.imported) === id.name
+        );
+      } else {
+        let id = t2.identifier(c.localImportName);
+        addUniqueBy(b.defaults, id, (d) => d.name === id.name);
       }
-      typescript.isObjectLiteralExpression(right) && collectObjectLiteralDefaults(typescript, checker, right, defaults);
+      continue;
+    }
+    if (c.importName) {
+      if (!c.localImportName)
+        continue;
+      let local = t2.identifier(c.localImportName), imported = t2.identifier(c.importName);
+      addUniqueBy(
+        b.named,
+        t2.importSpecifier(local, imported),
+        (n) => n.local.name === local.name && importedName(n.imported) === imported.name
+      );
+      continue;
     }
   }
-  return defaults;
-}
-function getJSDocDefault(typescript, prop, checker) {
-  let tags = prop.getJsDocTags(checker);
-  for (let tag of tags)
-    if (tag.name === "default" || tag.name === "defaultValue")
-      return typescript.displayPartsToString(tag.text) || void 0;
-}
-function extractPropItem(typescript, checker, prop, contextNode, defaultsMap) {
-  let isRequired = !!!(prop.flags & typescript.SymbolFlags.Optional), propType = checker.getTypeOfSymbolAtLocation(prop, contextNode), type = serializeType(typescript, checker, propType, isRequired), description = typescript.displayPartsToString(prop.getDocumentationComment(checker)), parent = getParentType(typescript, prop), declarations = getAllDeclarationParents(typescript, prop), propName = prop.getName(), destructuringDefault = defaultsMap?.get(propName), jsDocDefault = getJSDocDefault(typescript, prop, checker), defaultStr = destructuringDefault ?? jsDocDefault;
-  return {
-    name: propName,
-    required: isRequired,
-    type,
-    description,
-    defaultValue: defaultStr !== void 0 ? { value: defaultStr } : null,
-    parent,
-    declarations
-  };
-}
-function getBulkSourceExclusions(properties) {
-  let propSourceCache = /* @__PURE__ */ new Map(), getSource = (prop) => {
-    let cached2 = propSourceCache.get(prop);
-    return cached2 === void 0 && !propSourceCache.has(prop) && (cached2 = getPropSourceFile(prop), propSourceCache.set(prop, cached2)), cached2;
-  }, sourceCount = /* @__PURE__ */ new Map();
-  for (let prop of properties) {
-    let source = getSource(prop);
-    source && (source.includes("node_modules") || source.endsWith(".d.ts")) && sourceCount.set(source, (sourceCount.get(source) ?? 0) + 1);
+  let merged = [], printDecl = (specs, src) => {
+    let node = t2.importDeclaration(specs, src), code = recast.print(node, {}).code;
+    merged.push(code);
+  }, sortedBuckets = Array.from(buckets.values()).sort((a, b) => a.order - b.order);
+  for (let bucket of sortedBuckets) {
+    let { source, defaults, namespaces, named } = bucket;
+    if (!(defaults.length === 0 && namespaces.length === 0 && named.length === 0))
+      if (namespaces.length > 0) {
+        let firstSpecs = [];
+        defaults[0] && firstSpecs.push(t2.importDefaultSpecifier(defaults[0])), firstSpecs.push(t2.importNamespaceSpecifier(namespaces[0])), printDecl(firstSpecs, source), named.length > 0 && printDecl(named, source);
+        for (let d of defaults.slice(1))
+          printDecl([t2.importDefaultSpecifier(d)], source);
+        for (let ns of namespaces.slice(1))
+          printDecl([t2.importNamespaceSpecifier(ns)], source);
+      } else {
+        if (defaults.length > 0 || named.length > 0) {
+          let specs = [];
+          defaults[0] && specs.push(t2.importDefaultSpecifier(defaults[0])), specs.push(...named), printDecl(specs, source);
+        }
+        for (let d of defaults.slice(1))
+          printDecl([t2.importDefaultSpecifier(d)], source);
+      }
   }
-  let bulkSources = new Set(
-    [...sourceCount.entries()].filter(([, count]) => count > LARGE_SOURCE_THRESHOLD).map(([source]) => source)
-  ), excluded = /* @__PURE__ */ new Set();
-  for (let prop of properties) {
-    let source = getSource(prop);
-    source && bulkSources.has(source) && excluded.add(prop.getName());
+  return merged;
+};
+
+// src/componentManifest/resolveComponents.ts
+import { recast as recast2 } from "storybook/internal/babel";
+import { storyNameFromExport } from "storybook/internal/csf";
+import { extractDescription, loadCsf } from "storybook/internal/csf-tools";
+
+// src/componentManifest/generateCodeSnippet.ts
+import { types as t3 } from "storybook/internal/babel";
+function getCodeSnippet(csf, storyName, componentName) {
+  let storyDeclaration = csf._storyDeclarationPath[storyName], metaObj = csf._metaNode;
+  if (!storyDeclaration) {
+    let message = "Expected story to be a function or variable declaration";
+    throw csf._storyPaths[storyName]?.buildCodeFrameError(message) ?? message;
   }
-  return excluded;
-}
-function computeDisplayName({
-  exportSymbol,
-  resolvedSymbol
-}) {
-  let resolvedName = resolvedSymbol.getName();
-  if (!exportSymbol)
-    return resolvedName && resolvedName !== "default" && resolvedName !== "__function" ? resolvedName : void 0;
-  let exportName = exportSymbol.getName();
-  return exportName === "default" ? resolvedName && resolvedName !== "default" && resolvedName !== "__function" ? resolvedName : void 0 : exportName;
+  let storyPath;
+  if (storyDeclaration.isFunctionDeclaration())
+    storyPath = storyDeclaration;
+  else if (storyDeclaration.isVariableDeclarator()) {
+    let init = storyDeclaration.get("init");
+    invariant(
+      init.isExpression(),
+      () => storyDeclaration.buildCodeFrameError("Expected story initializer to be an expression").message
+    ), storyPath = init;
+  } else
+    throw storyDeclaration.buildCodeFrameError(
+      "Expected story to be a function or variable declaration"
+    );
+  let normalizedPath = storyPath;
+  if (storyPath.isCallExpression()) {
+    let callee = storyPath.get("callee");
+    if (callee.isMemberExpression()) {
+      let obj = callee.get("object"), prop = callee.get("property"), isBind = prop.isIdentifier() && prop.node.name === "bind" || t3.isStringLiteral(prop.node) && prop.node.value === "bind";
+      if (obj.isIdentifier() && isBind) {
+        let resolved = resolveIdentifierInit(storyDeclaration, obj);
+        resolved && (normalizedPath = resolved);
+      }
+    }
+    if (storyPath === normalizedPath) {
+      let args = storyPath.get("arguments");
+      if (args.length !== 0) {
+        invariant(
+          args.length === 1,
+          () => storyPath.buildCodeFrameError("Could not evaluate story expression").message
+        );
+        let storyArg = args[0];
+        invariant(
+          storyArg.isExpression(),
+          () => storyPath.buildCodeFrameError("Could not evaluate story expression").message
+        ), normalizedPath = storyArg;
+      }
+    }
+  }
+  normalizedPath = normalizedPath.isTSSatisfiesExpression() || normalizedPath.isTSAsExpression() ? normalizedPath.get("expression") : normalizedPath;
+  let storyFn;
+  if (normalizedPath.isArrowFunctionExpression() || normalizedPath.isFunctionExpression() || normalizedPath.isFunctionDeclaration())
+    storyFn = normalizedPath;
+  else if (!normalizedPath.isObjectExpression() && !(normalizedPath.isCallExpression() && Array.isArray(normalizedPath.node.arguments) && normalizedPath.node.arguments.length === 0))
+    throw normalizedPath.buildCodeFrameError(
+      "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 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 { 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;
+    if (t3.isArrowFunctionExpression(fn) && (t3.isJSXElement(fn.body) || t3.isJSXFragment(fn.body))) {
+      let spreadRes = transformArgsSpreadsInJsx(fn.body, merged), inlineRes = inlineArgsInJsx(spreadRes.node, merged);
+      if (spreadRes.changed || inlineRes.changed) {
+        let newFn = t3.arrowFunctionExpression([], inlineRes.node, fn.async);
+        return t3.variableDeclaration("const", [
+          t3.variableDeclarator(t3.identifier(storyName), newFn)
+        ]);
+      }
+    }
+    let stmts = t3.isFunctionDeclaration(fn) || t3.isArrowFunctionExpression(fn) && t3.isBlockStatement(fn.body) || t3.isFunctionExpression(fn) && t3.isBlockStatement(fn.body) ? fn.body.body : void 0;
+    if (stmts) {
+      let changed = !1, newBody = stmts.map((stmt) => {
+        if (t3.isReturnStatement(stmt) && stmt.argument && (t3.isJSXElement(stmt.argument) || t3.isJSXFragment(stmt.argument))) {
+          let spreadRes = transformArgsSpreadsInJsx(stmt.argument, merged), inlineRes = inlineArgsInJsx(spreadRes.node, merged);
+          if (spreadRes.changed || inlineRes.changed)
+            return changed = !0, t3.returnStatement(inlineRes.node);
+        }
+        return stmt;
+      });
+      if (changed)
+        return t3.isFunctionDeclaration(fn) ? t3.functionDeclaration(
+          t3.identifier(storyName),
+          [],
+          t3.blockStatement(newBody),
+          fn.generator,
+          fn.async
+        ) : t3.variableDeclaration("const", [
+          t3.variableDeclarator(
+            t3.identifier(storyName),
+            t3.arrowFunctionExpression([], t3.blockStatement(newBody), fn.async)
+          )
+        ]);
+    }
+    return t3.isFunctionDeclaration(fn) ? t3.functionDeclaration(t3.identifier(storyName), fn.params, fn.body, fn.generator, fn.async) : t3.variableDeclaration("const", [t3.variableDeclarator(t3.identifier(storyName), fn)]);
+  }
+  invariant(componentName, "Could not generate snippet without component name.");
+  let invalidSpread = buildInvalidSpread(invalidEntries), name = t3.jsxIdentifier(componentName), openingElAttrs = invalidSpread ? [...injectedAttrs, invalidSpread] : injectedAttrs, children = toJsxChildren(merged.children), selfClosing = children.length === 0, arrow = t3.arrowFunctionExpression(
+    [],
+    t3.jsxElement(
+      t3.jsxOpeningElement(name, openingElAttrs, selfClosing),
+      selfClosing ? null : t3.jsxClosingElement(name),
+      children,
+      selfClosing
+    )
+  );
+  return t3.variableDeclaration("const", [t3.variableDeclarator(t3.identifier(storyName), arrow)]);
 }
-function extractComponentJsDocTags(typescript, checker, symbol) {
-  let tags = symbol.getJsDocTags(checker);
-  if (tags.length === 0)
-    return;
-  let groupedTags = groupBy(tags, (tag) => tag.name);
-  return Object.fromEntries(
-    Object.entries(groupedTags).map(([name, grouped]) => [
-      name,
-      (grouped ?? []).map((tag) => typescript.displayPartsToString(tag.text ?? []).trim())
-    ])
+function buildInvalidSpread(entries) {
+  if (entries.length === 0)
+    return null;
+  let objectProps = entries.map(
+    ([k, v]) => t3.objectProperty(t3.stringLiteral(k), t3.isExpression(v) ? v : t3.identifier("undefined"))
   );
+  return t3.jsxSpreadAttribute(t3.objectExpression(objectProps));
 }
-function serializeComponentDoc(typescript, checker, {
-  sourceFile,
-  resolvedComponent,
-  defaultsSourcePath
-}) {
-  let { componentRef, propsType, symbol } = resolvedComponent, exportName = componentRef.importName;
-  if (!exportName)
-    return;
-  let displayNameOverride = componentRef.componentName, isMemberSelection = !!componentRef.member, filePath = componentRef.path ?? sourceFile.fileName, resolved = resolveAliasedSymbol(typescript, checker, symbol), contextNode = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
-  if (!contextNode)
-    return;
-  let moduleSymbol = checker.getSymbolAtLocation(sourceFile), exportSymbol = moduleSymbol ? checker.getExportsOfModule(moduleSymbol).find((candidate) => candidate.getName() === exportName) : void 0, allProperties, unionForceOptional;
-  if (isUnionType(propsType)) {
-    let seen = /* @__PURE__ */ new Map(), forceOptional = /* @__PURE__ */ new Set(), unionMembers = propsType.types, allMemberPropSets = [];
-    for (let member of unionMembers) {
-      let memberPropNames = /* @__PURE__ */ new Set();
-      for (let prop of member.getApparentProperties()) {
-        let name = prop.getName();
-        memberPropNames.add(name);
-        let propType = checker.getTypeOfSymbolAtLocation(prop, contextNode), isOptional = !!(prop.flags & typescript.SymbolFlags.Optional), isDegraded = !!(propType.getFlags() & typescript.TypeFlags.Never) || !!(propType.getFlags() & typescript.TypeFlags.Undefined);
-        (isOptional || isDegraded) && forceOptional.add(name);
-        let existing = seen.get(name);
-        if (!existing)
-          seen.set(name, prop);
-        else if (!isDegraded) {
-          let existingType = checker.getTypeOfSymbolAtLocation(existing, contextNode);
-          (!!(existingType.getFlags() & typescript.TypeFlags.Never) || !!(existingType.getFlags() & typescript.TypeFlags.Undefined)) && seen.set(name, prop);
-        }
+var keyOf = (p) => t3.isIdentifier(p.key) ? p.key.name : t3.isStringLiteral(p.key) ? p.key.value : null, isValidJsxAttrName = (n) => /^[A-Za-z_][A-Za-z0-9_:-]*$/.test(n), argsRecordFromObjectPath = (objPath) => objPath ? Object.fromEntries(
+  objPath.get("properties").filter((p) => p.isObjectProperty()).map((p) => [keyOf(p.node), p.get("value").node]).filter((e) => !!e[0])
+) : {};
+function storyArgsAssignmentPath(program, storyName) {
+  let found = null;
+  return program.traverse({
+    AssignmentExpression(p) {
+      let left = p.get("left"), right = p.get("right");
+      if (left.isMemberExpression()) {
+        let obj = left.get("object"), prop = left.get("property"), isStoryIdent = obj.isIdentifier() && obj.node.name === storyName, isArgsProp = prop.isIdentifier() && prop.node.name === "args" && !left.node.computed || t3.isStringLiteral(prop.node) && left.node.computed && prop.node.value === "args";
+        isStoryIdent && isArgsProp && right.isObjectExpression() && (found = right);
       }
-      allMemberPropSets.push(memberPropNames);
     }
-    for (let name of seen.keys())
-      allMemberPropSets.every((s) => s.has(name)) || forceOptional.add(name);
-    allProperties = Array.from(seen.values()), unionForceOptional = forceOptional;
-  } else
-    allProperties = propsType.getApparentProperties();
-  let excluded = getBulkSourceExclusions(allProperties), defaultsMap = extractDestructuringDefaults(typescript, resolved, checker);
-  if (defaultsMap.size === 0 && defaultsSourcePath) {
-    let fallbackDefaults = extractDefaultsFromSourceFile(typescript, defaultsSourcePath, {
-      exportName,
-      localName: resolved.getName(),
-      preferLocalName: isMemberSelection
-    });
-    for (let [key, value] of fallbackDefaults)
-      defaultsMap.set(key, value);
+  }), found;
+}
+var argsRecordFromObjectNode = (obj) => obj ? Object.fromEntries(
+  obj.properties.filter((p) => t3.isObjectProperty(p)).map((p) => [keyOf(p), p.value]).filter((e) => !!e[0])
+) : {}, metaArgsRecord = (meta) => {
+  if (!meta)
+    return {};
+  let argsProp = meta.properties.find(
+    (p) => t3.isObjectProperty(p) && keyOf(p) === "args"
+  );
+  return argsProp && t3.isObjectExpression(argsProp.value) ? argsRecordFromObjectNode(argsProp.value) : {};
+}, toAttr = (key, value) => t3.isBooleanLiteral(value) ? value.value ? t3.jsxAttribute(t3.jsxIdentifier(key), null) : t3.jsxAttribute(t3.jsxIdentifier(key), t3.jsxExpressionContainer(value)) : t3.isStringLiteral(value) ? t3.jsxAttribute(t3.jsxIdentifier(key), t3.stringLiteral(value.value)) : t3.isExpression(value) ? t3.jsxAttribute(t3.jsxIdentifier(key), t3.jsxExpressionContainer(value)) : null, toJsxChildren = (node) => node ? t3.isStringLiteral(node) ? [t3.jsxText(node.value)] : t3.isJSXElement(node) || t3.isJSXFragment(node) ? [node] : t3.isExpression(node) ? [t3.jsxExpressionContainer(node)] : [] : [];
+function getArgsMemberKey(expr) {
+  if (t3.isMemberExpression(expr) && t3.isIdentifier(expr.object) && expr.object.name === "args") {
+    if (t3.isIdentifier(expr.property) && !expr.computed)
+      return expr.property.name;
+    if (t3.isStringLiteral(expr.property) && expr.computed)
+      return expr.property.value;
   }
-  let staticDefaults = extractStaticDefaultProps(typescript, checker, resolved);
-  for (let [key, value] of staticDefaults)
-    defaultsMap.has(key) || defaultsMap.set(key, value);
-  let props = {};
-  for (let prop of allProperties) {
-    if (excluded.has(prop.getName()))
-      continue;
-    let item = extractPropItem(typescript, checker, prop, contextNode, defaultsMap);
-    unionForceOptional?.has(prop.getName()) && (item.required = !1), props[prop.getName()] = item;
+  if (t3.isOptionalMemberExpression?.(expr) && t3.isIdentifier(expr.object) && expr.object.name === "args") {
+    let prop = expr.property;
+    if (t3.isIdentifier(prop) && !expr.computed)
+      return prop.name;
+    if (t3.isStringLiteral(prop) && expr.computed)
+      return prop.value;
   }
-  let displayName = (isMemberSelection ? displayNameOverride : void 0) ?? computeDisplayName({
-    exportSymbol,
-    resolvedSymbol: resolved
-  }) ?? displayNameOverride, description = typescript.displayPartsToString(resolved.getDocumentationComment(checker)), selectedJsDocTags = extractComponentJsDocTags(typescript, checker, resolved), exportResolved = exportSymbol && exportSymbol !== resolved ? resolveAliasedSymbol(typescript, checker, exportSymbol) : void 0, exportJsDocTags = exportResolved ? extractComponentJsDocTags(typescript, checker, exportResolved) : void 0, jsDocTags = selectedJsDocTags?.import || !exportJsDocTags?.import ? selectedJsDocTags : {
-    ...selectedJsDocTags ?? {},
-    import: exportJsDocTags.import
-  };
-  return {
-    displayName,
-    exportName,
-    filePath,
-    description,
-    jsDocTags,
-    props
-  };
+  return null;
 }
-function extractDefaultsFromSourceFile(typescript, filePath, {
-  exportName,
-  localName,
-  preferLocalName = !1
-}) {
-  let defaults = /* @__PURE__ */ new Map(), content = typescript.sys.readFile(filePath);
-  if (!content)
-    return defaults;
-  let sf = typescript.createSourceFile(
-    filePath,
-    content,
-    typescript.ScriptTarget.Latest,
-    /* setParentNodes */
-    !0
-  ), varMap = /* @__PURE__ */ new Map();
-  for (let stmt of sf.statements) {
-    if (typescript.isVariableStatement(stmt))
-      for (let decl of stmt.declarationList.declarations)
-        typescript.isIdentifier(decl.name) && decl.initializer && varMap.set(decl.name.text, decl.initializer);
-    typescript.isFunctionDeclaration(stmt) && stmt.name && varMap.set(stmt.name.text, stmt);
+function inlineArgsInJsx(node, merged) {
+  let changed = !1;
+  if (t3.isJSXElement(node)) {
+    let opening = node.openingElement, newAttrs = opening.attributes.flatMap((a) => {
+      if (!t3.isJSXAttribute(a))
+        return [a];
+      let name = t3.isJSXIdentifier(a.name) ? a.name.name : null;
+      if (!(name && a.value && t3.isJSXExpressionContainer(a.value)))
+        return [a];
+      let key = getArgsMemberKey(a.value.expression);
+      if (!(key && key in merged))
+        return [a];
+      let repl = toAttr(name, merged[key]);
+      return changed = !0, repl ? [repl] : [];
+    }), newChildren = node.children.flatMap((c) => {
+      if (t3.isJSXElement(c) || t3.isJSXFragment(c)) {
+        let res = inlineArgsInJsx(c, merged);
+        return changed ||= res.changed, [res.node];
+      }
+      return t3.isJSXExpressionContainer(c) && getArgsMemberKey(c.expression) === "children" && merged.children ? (changed = !0, toJsxChildren(merged.children)) : [c];
+    }), selfClosing = opening.selfClosing && newChildren.length === 0;
+    return {
+      node: t3.jsxElement(
+        t3.jsxOpeningElement(opening.name, newAttrs, selfClosing),
+        selfClosing ? null : node.closingElement ?? t3.jsxClosingElement(opening.name),
+        newChildren,
+        selfClosing
+      ),
+      changed
+    };
   }
-  let fn = preferLocalName ? findLocalFunction(typescript, sf, localName, varMap) ?? findExportedFunction(typescript, sf, exportName, varMap) : findExportedFunction(typescript, sf, exportName, varMap) ?? findLocalFunction(typescript, sf, localName, varMap);
-  if (!fn)
-    return defaults;
-  let firstParam = fn.parameters[0];
-  if (!firstParam)
-    return defaults;
-  if (typescript.isObjectBindingPattern(firstParam.name))
-    collectBindingDefaults(typescript, firstParam.name, defaults);
-  else if (fn.body) {
-    let propsParamName = typescript.isIdentifier(firstParam.name) ? firstParam.name : void 0, body = typescript.isBlock(fn.body) ? fn.body : void 0;
-    if (body && propsParamName) {
-      for (let stmt of body.statements)
-        if (typescript.isVariableStatement(stmt))
-          for (let varDecl of stmt.declarationList.declarations)
-            typescript.isObjectBindingPattern(varDecl.name) && varDecl.initializer && isPropsDerivedInitializer(typescript, varDecl.initializer, propsParamName) && collectBindingDefaults(typescript, varDecl.name, defaults);
+  let fragChildren = node.children.flatMap((c) => {
+    if (t3.isJSXElement(c) || t3.isJSXFragment(c)) {
+      let res = inlineArgsInJsx(c, merged);
+      return changed ||= res.changed, [res.node];
     }
-  }
-  return defaults;
+    return t3.isJSXExpressionContainer(c) && getArgsMemberKey(c.expression) === "children" && "children" in merged ? (changed = !0, toJsxChildren(merged.children)) : [c];
+  });
+  return { node: t3.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
 }
-function findLocalFunction(typescript, sf, localName, varMap) {
-  if (!localName)
-    return;
-  let targetExpr = varMap.get(localName);
-  if (targetExpr)
-    return unwrapToFunctionAST(typescript, targetExpr, varMap, 0);
+function transformArgsSpreadsInJsx(node, merged) {
+  let changed = !1, makeInjectedPieces = (existing) => {
+    let entries = Object.entries(merged).filter(([k, v]) => v != null && k !== "children"), validEntries = entries.filter(([k]) => isValidJsxAttrName(k)), invalidEntries = entries.filter(([k]) => !isValidJsxAttrName(k)), injectedAttrs = validEntries.map(([k, v]) => toAttr(k, v)).filter((a) => !!a).filter((a) => t3.isJSXIdentifier(a.name) && !existing.has(a.name.name)), invalidSpread = buildInvalidSpread(invalidEntries.filter(([k]) => !existing.has(k)));
+    return invalidSpread ? [...injectedAttrs, invalidSpread] : injectedAttrs;
+  };
+  if (t3.isJSXElement(node)) {
+    let opening = node.openingElement, attrs = opening.attributes, isArgsSpread = (a) => t3.isJSXSpreadAttribute(a) && t3.isIdentifier(a.argument) && a.argument.name === "args", sawArgsSpread = attrs.some(isArgsSpread), firstIdx = attrs.findIndex(isArgsSpread), nonArgsAttrs = attrs.filter((a) => !isArgsSpread(a)), insertionIndex = sawArgsSpread ? attrs.slice(0, firstIdx).filter((a) => !isArgsSpread(a)).length : 0, newAttrs = sawArgsSpread ? (() => {
+      let existing = new Set(
+        nonArgsAttrs.filter((a) => t3.isJSXAttribute(a)).flatMap((a) => t3.isJSXIdentifier(a.name) ? [a.name.name] : [])
+      ), pieces = makeInjectedPieces(existing);
+      return changed = !0, [
+        ...nonArgsAttrs.slice(0, insertionIndex),
+        ...pieces,
+        ...nonArgsAttrs.slice(insertionIndex)
+      ];
+    })() : nonArgsAttrs, newChildren = node.children.flatMap((c) => {
+      if (t3.isJSXElement(c) || t3.isJSXFragment(c)) {
+        let res = transformArgsSpreadsInJsx(c, merged);
+        return changed ||= res.changed, [res.node];
+      }
+      return [c];
+    }), children = sawArgsSpread && newChildren.length === 0 && merged.children ? (changed = !0, toJsxChildren(merged.children)) : newChildren, selfClosing = children.length === 0;
+    return {
+      node: t3.jsxElement(
+        t3.jsxOpeningElement(opening.name, newAttrs, selfClosing),
+        selfClosing ? null : node.closingElement ?? t3.jsxClosingElement(opening.name),
+        children,
+        selfClosing
+      ),
+      changed
+    };
+  }
+  let fragChildren = node.children.flatMap((c) => {
+    if (t3.isJSXElement(c) || t3.isJSXFragment(c)) {
+      let res = transformArgsSpreadsInJsx(c, merged);
+      return changed ||= res.changed, [res.node];
+    }
+    return [c];
+  });
+  return { node: t3.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
 }
-function findExportedFunction(typescript, sf, exportName, varMap) {
-  let targetExpr;
-  for (let stmt of sf.statements) {
-    if (exportName === "default" && typescript.isExportAssignment(stmt) && !stmt.isExportEquals) {
-      targetExpr = stmt.expression;
-      break;
+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;
     }
-    if (typescript.isVariableStatement(stmt) && hasExportModifier(typescript, stmt)) {
-      for (let decl of stmt.declarationList.declarations)
-        if (typescript.isIdentifier(decl.name) && decl.name.text === exportName && decl.initializer) {
-          targetExpr = decl.initializer;
-          break;
-        }
-      if (targetExpr)
-        break;
+  }
+  let match = programPath.get("body").flatMap((stmt) => {
+    if (stmt.isVariableDeclaration())
+      return stmt.get("declarations");
+    if (stmt.isExportNamedDeclaration()) {
+      let decl = stmt.get("declaration");
+      if (decl && decl.isVariableDeclaration())
+        return decl.get("declarations");
     }
-    if (typescript.isFunctionDeclaration(stmt) && hasExportModifier(typescript, stmt) && stmt.name?.text === exportName)
-      return findFunctionImpl(typescript, sf, stmt.name.text) ?? stmt;
-    if (typescript.isExportDeclaration(stmt) && stmt.exportClause && typescript.isNamedExports(stmt.exportClause)) {
-      for (let spec of stmt.exportClause.elements) {
-        let exported = spec.name.text, local = spec.propertyName ? spec.propertyName.text : spec.name.text;
-        if (exported === exportName) {
-          targetExpr = varMap.get(local);
-          break;
-        }
-      }
-      if (targetExpr)
-        break;
+    return [];
+  }).find((d) => {
+    let id = d.get("id");
+    return id.isIdentifier() && id.node.name === identifier.node.name;
+  });
+  if (!match)
+    return null;
+  let init = match.get("init");
+  return init && init.isExpression() ? init : null;
+}
+function pathForNode(program, target) {
+  if (!target)
+    return;
+  let found;
+  return program.traverse({
+    enter(p) {
+      p.node && p.node === target && (found = p, p.stop());
     }
+  }), found;
+}
+
+// src/componentManifest/subcomponents.ts
+import { types as t4 } from "storybook/internal/babel";
+function findExactComponentMatch(components, componentName) {
+  if (componentName)
+    return components.find((component) => component.componentName === componentName);
+}
+function extractDeclaredSubcomponents(csf) {
+  let rawSubcomponents = unwrapSubcomponentNode(
+    csf._metaAnnotations.subcomponents,
+    csf._ast.program
+  );
+  return !rawSubcomponents || !t4.isObjectExpression(rawSubcomponents) ? [] : rawSubcomponents.properties.flatMap((property) => {
+    if (!t4.isObjectProperty(property))
+      return [];
+    let name = getObjectKeyName(property.key), directComponentName = getComponentExpressionName(property.value), componentExpression = unwrapSubcomponentNode(property.value, csf._ast.program), componentName = getComponentExpressionName(componentExpression) ?? directComponentName;
+    return name && componentName ? [{ name, componentName }] : [];
+  });
+}
+function findVariableInitialization(identifier, program) {
+  for (let node of program.body) {
+    let declaration = (t4.isVariableDeclaration(node) ? node.declarations : t4.isExportNamedDeclaration(node) && t4.isVariableDeclaration(node.declaration) ? node.declaration.declarations : void 0)?.find(
+      (decl) => t4.isVariableDeclarator(decl) && t4.isIdentifier(decl.id) && decl.id.name === identifier
+    );
+    if (declaration?.init && t4.isExpression(declaration.init))
+      return declaration.init;
   }
-  if (targetExpr || (targetExpr = varMap.get(exportName)), !!targetExpr)
-    return unwrapToFunctionAST(typescript, targetExpr, varMap, 0);
 }
-function unwrapToFunctionAST(typescript, node, varMap, depth) {
-  if (!(depth > MAX_UNWRAP_DEPTH)) {
-    if (typescript.isFunctionExpression(node) || typescript.isArrowFunction(node) || typescript.isFunctionDeclaration(node))
-      return node;
-    if (typescript.isParenthesizedExpression(node) || typescript.isAsExpression(node) || typescript.isTypeAssertionExpression && typescript.isTypeAssertionExpression(node))
-      return unwrapToFunctionAST(typescript, node.expression, varMap, depth + 1);
-    if (typescript.isCallExpression(node)) {
-      let callee = node.expression;
-      if (typescript.isPropertyAccessExpression(callee) && typescript.isIdentifier(callee.expression) && callee.expression.text === "Object" && callee.name.text === "assign" && node.arguments.length >= 1 || node.arguments.length >= 1)
-        return unwrapToFunctionAST(typescript, node.arguments[0], varMap, depth + 1);
+function unwrapSubcomponentNode(node, program, visitedIdentifiers = /* @__PURE__ */ new Set()) {
+  let current2 = node;
+  for (; current2; ) {
+    if (t4.isIdentifier(current2)) {
+      if (visitedIdentifiers.has(current2.name))
+        return;
+      visitedIdentifiers.add(current2.name), current2 = findVariableInitialization(current2.name, program);
+      continue;
     }
-    if (typescript.isIdentifier(node)) {
-      let init = varMap.get(node.text);
-      if (init)
-        return unwrapToFunctionAST(typescript, init, varMap, depth + 1);
+    if (t4.isParenthesizedExpression(current2) || t4.isTSAsExpression(current2) || t4.isTSSatisfiesExpression(current2) || t4.isTSNonNullExpression(current2)) {
+      current2 = current2.expression;
+      continue;
     }
+    return current2;
   }
 }
-function findFunctionImpl(typescript, sf, name) {
-  for (let stmt of sf.statements)
-    if (typescript.isFunctionDeclaration(stmt) && stmt.name?.text === name && stmt.body)
-      return stmt;
+function getObjectKeyName(key) {
+  if (t4.isIdentifier(key))
+    return key.name;
+  if (t4.isStringLiteral(key))
+    return key.value;
 }
-function hasExportModifier(typescript, node) {
-  return typescript.canHaveModifiers(node) && typescript.getModifiers(node)?.some((m) => m.kind === typescript.SyntaxKind.ExportKeyword) === !0;
+function getComponentExpressionName(node) {
+  if (node) {
+    if (t4.isIdentifier(node))
+      return node.name;
+    if (t4.isMemberExpression(node) && !node.computed) {
+      let objectName = getComponentExpressionName(node.object), propertyName = getComponentExpressionName(node.property);
+      return objectName && propertyName ? `${objectName}.${propertyName}` : void 0;
+    }
+  }
 }
 
-// src/componentManifest/componentMeta/ComponentMetaProject.ts
-var ComponentMetaProject = class {
-  constructor(typescript, commandLine, configFileName, fsFileSnapshots = /* @__PURE__ */ new Map(), getCommandLineFn) {
-    this.typescript = typescript;
-    this.commandLine = commandLine;
-    this.configFileName = configFileName;
-    this.fsFileSnapshots = fsFileSnapshots;
-    this.getCommandLineFn = getCommandLineFn;
-    this.projectVersion = 0;
-    this.shouldCheckRootFiles = !1;
-    /** Entries to extract — set by the generator, replayed during warmup for targeted type resolution. */
-    this.entries = [];
-    let language = (0, import_language_core.createLanguage)(
-      [{ getLanguageId: (fileName) => (0, import_typescript.resolveFileLanguageId)(fileName) }],
-      new import_language_core.FileMap(typescript.sys.useCaseSensitiveFileNames),
-      (fileName, includeFsFiles) => {
-        if (!includeFsFiles)
-          return;
-        let cache = fsFileSnapshots.get(fileName), modifiedTime = typescript.sys.getModifiedTime?.(fileName)?.valueOf();
-        if (!cache || cache[0] !== modifiedTime)
-          if (typescript.sys.fileExists(fileName)) {
-            let text = typescript.sys.readFile(fileName), snapshot2 = text !== void 0 ? typescript.ScriptSnapshot.fromString(text) : void 0;
-            fsFileSnapshots.set(fileName, [modifiedTime, snapshot2]);
-          } else
-            fsFileSnapshots.set(fileName, [modifiedTime, void 0]);
-        let snapshot = fsFileSnapshots.get(fileName)?.[1];
-        snapshot ? language.scripts.set(fileName, snapshot) : language.scripts.delete(fileName);
-      }
-    ), projectHost = {
-      getCurrentDirectory: () => configFileName ? path2.dirname(configFileName) : commandLine.options.rootDir ?? process.cwd(),
-      getCompilationSettings: () => this.commandLine.options,
-      getProjectReferences: () => this.commandLine.projectReferences,
-      getProjectVersion: () => (this.checkRootFilesUpdate(), this.projectVersion.toString()),
-      getScriptFileNames: () => (this.checkRootFilesUpdate(), this.commandLine.fileNames)
-    }, { languageServiceHost } = (0, import_typescript.createLanguageServiceHost)(
-      typescript,
-      typescript.sys,
-      language,
-      (s) => s,
-      // asScriptId — identity for React (no URI mapping needed)
-      projectHost
-    );
-    this.ls = typescript.createLanguageService(languageServiceHost);
-  }
-  getCommandLine() {
-    return this.commandLine;
-  }
-  dispose() {
-    clearTimeout(this.warmupTimer), this.ls.dispose();
-  }
-  // ---------------------------------------------------------------------------
-  // Project management
-  // ---------------------------------------------------------------------------
-  /**
-   * Batch-add multiple files to the project in one go. Only bumps projectVersion once, avoiding
-   * repeated program rebuilds.
-   */
-  ensureFiles(fileNames) {
-    let added = !1;
-    for (let fileName of fileNames)
-      this.commandLine.fileNames.includes(fileName) || (this.commandLine.fileNames.push(fileName), added = !0);
-    added && this.projectVersion++;
-  }
-  /**
-   * Adapted from:
-   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L436-L447
-   */
-  checkRootFilesUpdate() {
-    if (!this.shouldCheckRootFiles || (this.shouldCheckRootFiles = !1, !this.getCommandLineFn))
-      return;
-    let newCommandLine = this.getCommandLineFn();
-    arrayItemsEqual(newCommandLine.fileNames, this.commandLine.fileNames) || (this.commandLine.fileNames = newCommandLine.fileNames, this.projectVersion++);
-  }
-  hasSourceFile(fileName) {
-    return !!this.ls.getProgram()?.getSourceFile(fileName);
-  }
-  /**
-   * Get all non-node_modules source file paths from the TS program. Used by ComponentMetaManager to
-   * watch directories for file changes.
-   */
-  getSourceFilePaths() {
-    let program = this.ls.getProgram();
-    return program ? program.getSourceFiles().map((sf) => sf.fileName.replace(/\\/g, "/")).filter((f) => !f.includes("node_modules")) : [];
-  }
-  /**
-   * Adapted from:
-   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L409-L432
-   *
-   * Created events only set shouldCheckRootFiles (version bump happens in checkRootFilesUpdate if
-   * the file list actually changed). Deleted/created break early since they trigger a full config
-   * reparse — processing remaining changes is unnecessary.
-   */
-  onFilesChanged(changes) {
-    for (let { filePath } of changes)
-      this.fsFileSnapshots.delete(filePath);
-    let oldVersion = this.projectVersion, program = this.ls.getProgram();
-    for (let { filePath, type } of changes)
-      if (type === "changed")
-        program?.getSourceFile(filePath) && this.projectVersion++;
-      else if (type === "deleted") {
-        program?.getSourceFile(filePath) && this.projectVersion++, this.shouldCheckRootFiles = !0;
-        break;
-      } else if (type === "created") {
-        this.shouldCheckRootFiles = !0;
-        break;
-      }
-    this.projectVersion !== oldVersion && this.entries.length > 0 && (clearTimeout(this.warmupTimer), this.warmupTimer = setTimeout(() => {
-      try {
-        this.extractPropsFromStories(this.entries);
-      } catch {
-      }
-    }, 100), this.warmupTimer?.unref?.());
-  }
-  // ---------------------------------------------------------------------------
-  // Primary extraction method — probe-free
-  // ---------------------------------------------------------------------------
-  extractPropsFromStories(entries) {
-    this.entries = entries;
-    let allFiles = entries.flatMap(
-      (entry) => entry.component?.path ? [entry.storyPath, entry.component.path] : [entry.storyPath]
-    );
-    this.ensureFiles(allFiles), this.ensureFresh(allFiles);
-    let program = this.ls.getProgram();
-    if (!program)
-      return;
-    let checker = program.getTypeChecker(), serializationContextByComponentPath = /* @__PURE__ */ new Map();
-    for (let entry of entries)
-      try {
-        let storySourceFile = program.getSourceFile(entry.storyPath), entryComponent = entry.component, componentPath = entryComponent?.path, exportName = entryComponent?.importName;
-        if (!storySourceFile || !componentPath || !exportName || !entryComponent)
-          continue;
-        let importId = entryComponent.importId, isPackageImport = importId && !importId.startsWith("."), componentSourceFile;
-        if (isPackageImport) {
-          let resolved = this.typescript.resolveModuleName(
-            importId,
-            entry.storyPath,
-            this.commandLine.options,
-            this.typescript.sys
-          );
-          componentSourceFile = resolved.resolvedModule ? program.getSourceFile(resolved.resolvedModule.resolvedFileName) : program.getSourceFile(componentPath);
-        } else
-          componentSourceFile = program.getSourceFile(componentPath);
-        if (!componentSourceFile)
-          continue;
-        let resolvedComponent;
-        if (importId && (resolvedComponent = resolvePropsFromStoryFile(
-          this.typescript,
-          checker,
-          storySourceFile,
-          entryComponent
-        )), resolvedComponent || (resolvedComponent = this.resolveFromMetaComponent(
-          checker,
-          storySourceFile,
-          entryComponent
-        )), !resolvedComponent)
-          continue;
-        let serializationContext = serializationContextByComponentPath.get(componentPath);
-        if (serializationContext === void 0) {
-          let resolvedFileName = componentSourceFile.fileName;
-          serializationContext = {
-            sourceFile: componentSourceFile,
-            defaultsSourcePath: resolvedFileName.endsWith(".d.ts") || resolvedFileName.endsWith(".d.mts") || resolvedFileName.endsWith(".d.cts") ? componentPath : void 0
-          }, serializationContextByComponentPath.set(componentPath, serializationContext);
-        }
-        let doc = serializeComponentDoc(this.typescript, checker, {
-          sourceFile: serializationContext.sourceFile,
-          resolvedComponent,
-          defaultsSourcePath: serializationContext.defaultsSourcePath
-        });
-        doc && (entryComponent.reactComponentMeta = doc, entryComponent.componentJsDocTags = doc.jsDocTags, entryComponent.importOverride = entryComponent.componentJsDocTags?.import?.[0]?.trim());
-      } catch {
-        continue;
-      }
-  }
-  /**
-   * Check mtime for specific files and bump projectVersion if any changed.
-   *
-   * This bypasses the sync() gate in createLanguageServiceHost — sync() only runs when
-   * projectVersion changes, so mtime-based cache alone can't detect stale files. We do a targeted
-   * mtime check for the files we're about to extract from, ensuring freshness even when the
-   * fs.watch event hasn't arrived yet (race with HMR) or was missed entirely.
-   */
-  ensureFresh(fileNames) {
-    let stale = !1;
-    for (let fileName of fileNames) {
-      let cache = this.fsFileSnapshots.get(fileName);
-      if (!cache)
-        continue;
-      let currentMtime = this.typescript.sys.getModifiedTime?.(fileName)?.valueOf();
-      cache[0] !== currentMtime && (this.fsFileSnapshots.delete(fileName), stale = !0);
-    }
-    stale && this.projectVersion++;
+// src/componentManifest/resolveComponents.ts
+function findMatchingComponent(components, componentName, title) {
+  let exactMatch = findExactComponentMatch(components, componentName);
+  if (exactMatch)
+    return exactMatch;
+  let trimmedTitle = title.replace(/\s+/g, ""), matches = components.filter(
+    (it) => trimmedTitle.includes(it.componentName) || it.localImportName && trimmedTitle.includes(it.localImportName) || it.importName && trimmedTitle.includes(it.importName)
+  );
+  if (matches.length <= 1)
+    return matches[0];
+  let best = matches[0];
+  for (let cur of matches) {
+    if (cur.jsxDepth === 0)
+      return cur;
+    (cur.jsxDepth ?? 1 / 0) < (best.jsxDepth ?? 1 / 0) && (best = cur);
   }
-  // ---------------------------------------------------------------------------
-  // Internal helpers
-  // ---------------------------------------------------------------------------
-  /**
-   * Path 2 fallback: resolve the component type from the story file's `meta.component` property.
-   * Only works when the user explicitly set `component:` in the meta — no node means no
-   * extraction.
-   */
-  resolveFromMetaComponent(checker, storySourceFile, componentRef) {
-    let { member: memberAccess } = componentRef, moduleSymbol = checker.getSymbolAtLocation(storySourceFile);
-    if (!moduleSymbol)
-      return;
-    let defaultExport = checker.getExportsOfModule(moduleSymbol).find((e) => e.getName() === "default");
-    if (!defaultExport)
-      return;
-    let componentProp = checker.getTypeOfSymbol(defaultExport).getProperty("component");
-    if (!componentProp)
-      return;
-    let componentType = checker.getTypeOfSymbol(componentProp), selectedSymbol = componentProp.valueDeclaration && this.typescript.isPropertyAssignment(componentProp.valueDeclaration) ? checker.getSymbolAtLocation(componentProp.valueDeclaration.initializer) : componentType.getSymbol?.();
-    if (memberAccess) {
-      let prop = componentType.getProperty(memberAccess);
-      if (prop)
-        componentType = checker.getTypeOfSymbol(prop), selectedSymbol = prop;
-      else
-        return;
-    }
-    let propsType = resolvePropsFromComponentType(this.typescript, checker, componentType);
-    if (!(!propsType || !selectedSymbol))
+  return best;
+}
+async function resolveStoryFileComponents(options) {
+  let { storyPath, title, typescriptOptions, docgenEngine } = options, storyFile = cachedReadTextFileSync(storyPath), csf = loadCsf(storyFile, { makeTitle: () => title }).parse(), componentName = csf._meta?.component, declaredSubcomponents = extractDeclaredSubcomponents(csf), allComponents = await getComponents({
+    additionalComponentNames: declaredSubcomponents.map(
+      (subcomponent) => subcomponent.componentName
+    ),
+    csf,
+    storyFilePath: storyPath,
+    typescriptOptions,
+    docgenEngine
+  }), component = findMatchingComponent(allComponents, componentName, title), subcomponents = declaredSubcomponents.map((declared) => ({
+    name: declared.name,
+    component: findExactComponentMatch(allComponents, declared.componentName)
+  }));
+  return { storyPath, storyFile, csf, componentName, allComponents, component, subcomponents };
+}
+function extractStorySnippets(csf, componentName, filterStoryIds) {
+  return Object.entries(csf._stories).filter(([, story]) => !filterStoryIds || filterStoryIds.has(story.id)).map(([storyExport, story]) => {
+    let name = story.name ?? storyNameFromExport(storyExport);
+    try {
+      let jsdocComment = extractDescription(csf._storyStatements[storyExport]), { tags = {}, description } = jsdocComment ? extractJSDocInfo(jsdocComment) : {}, finalDescription = (tags?.describe?.[0] || tags?.desc?.[0]) ?? description;
       return {
-        componentRef,
-        propsType,
-        symbol: selectedSymbol
+        id: story.id,
+        name,
+        snippet: recast2.print(getCodeSnippet(csf, storyExport, componentName)).code,
+        description: finalDescription?.trim(),
+        summary: tags.summary?.[0]
       };
-  }
-};
-function arrayItemsEqual(a, b) {
-  if (a.length !== b.length)
-    return !1;
-  let set = new Set(a);
-  for (let file of b)
-    if (!set.has(file))
-      return !1;
-  return !0;
+    } catch (e) {
+      let err = e instanceof Error ? e : new Error(String(e));
+      return { id: story.id, name, error: { name: err.name, message: err.message } };
+    }
+  });
 }
 
-// src/componentManifest/componentMeta/ComponentMetaManager.ts
-var rootTsConfigNames = ["tsconfig.json", "jsconfig.json"], DEFAULT_INFERRED_OPTIONS = {
-  strict: !0,
-  esModuleInterop: !0,
-  allowJs: !0,
-  skipLibCheck: !0
-}, ComponentMetaManager = class {
-  constructor(typescript) {
-    this.typescript = typescript;
-    // Adapted from:
-    // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L34-L37
-    this.configProjects = /* @__PURE__ */ new Map();
-    this.rootTsConfigs = /* @__PURE__ */ new Set();
-    this.searchedDirs = /* @__PURE__ */ new Set();
-    // Our own file watching layer
-    this.watching = !1;
-    this.watchersByDir = /* @__PURE__ */ new Map();
-    this.pendingEvents = /* @__PURE__ */ new Map();
-    // Adapted from:
-    // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L83
-    this.fsFileSnapshots = /* @__PURE__ */ new Map();
-  }
-  // ---------------------------------------------------------------------------
-  // Adapted from:
-  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L70-L79
-  // ---------------------------------------------------------------------------
-  getProjectForFile(fileName) {
-    let tsconfig = this.findMatchTSConfig(fileName);
-    return tsconfig ? this.getOrCreateConfiguredProject(tsconfig) ?? this.getOrCreateInferredProject(fileName) : this.getOrCreateInferredProject(fileName);
+// src/componentManifest/buildReactComponentDocgen.ts
+function getPackageInfo(componentPath, fallbackPath) {
+  let nearestPkg = cachedFindUp("package.json", {
+    cwd: path.dirname(componentPath ?? fallbackPath)
+  });
+  try {
+    if (!nearestPkg)
+      return;
+    let parsed = JSON.parse(cachedReadTextFileSync(nearestPkg));
+    return typeof parsed == "object" && parsed && "name" in parsed && typeof parsed.name == "string" ? parsed.name : void 0;
+  } catch {
+    return;
   }
-  /**
-   * Batch-extract component props across all entries, grouping by tsconfig project so each project
-   * builds its TS program only once.
-   */
-  batchExtract(entries) {
-    let extractableEntries = entries.filter(
-      (storyRef) => storyRef.component?.path && storyRef.component.importName
-    ), byProject = groupByToMap(
-      extractableEntries,
-      (storyRef) => this.getProjectForFile(storyRef.storyPath)
-    );
-    for (let [project, projectEntries] of byProject)
-      try {
-        project.extractPropsFromStories(projectEntries);
-      } catch (err) {
-        logger5.debug(`[reactComponentMeta] Batch extraction failed: ${err}`);
+}
+function getFallbackImport(packageName, componentName) {
+  let exportName = componentName?.split(".").at(-1);
+  return packageName && exportName ? `import { ${exportName} } from "${packageName}";` : "";
+}
+function relativizeComponentMetaPaths(doc) {
+  let relativize = (fileName) => path.relative(process.cwd(), fileName), relativizeProp = (prop) => ({
+    ...prop,
+    parent: prop.parent ? { ...prop.parent, fileName: relativize(prop.parent.fileName) } : prop.parent,
+    declarations: prop.declarations?.map((declaration) => ({
+      ...declaration,
+      fileName: relativize(declaration.fileName)
+    }))
+  });
+  return {
+    ...doc,
+    props: Object.fromEntries(
+      Object.entries(doc.props).map(([name, prop]) => [name, relativizeProp(prop)])
+    )
+  };
+}
+function getComponentDocgenData(component, docgenEngine) {
+  let reactDocgen, reactDocgenTypescript, reactComponentMeta, docgenDescription, docgenJsDocTags, docgenError;
+  if (docgenEngine === "react-docgen") {
+    let result = component?.reactDocgen;
+    reactDocgen = result?.type === "success" ? result.data : void 0, docgenDescription = reactDocgen?.description, docgenError = result?.type === "error" ? result.error : void 0;
+  } else docgenEngine === "react-docgen-typescript" ? (reactDocgenTypescript = component?.reactDocgenTypescript, docgenDescription = reactDocgenTypescript?.description, docgenError = component?.reactDocgenTypescriptError) : (reactComponentMeta = component?.reactComponentMeta ? relativizeComponentMetaPaths(component.reactComponentMeta) : void 0, docgenDescription = reactComponentMeta?.description, docgenJsDocTags = component?.componentJsDocTags);
+  return {
+    docgenDescription,
+    docgenError,
+    docgenJsDocTags,
+    reactComponentMeta,
+    reactDocgen,
+    reactDocgenTypescript
+  };
+}
+function createSubcomponentDocgen({
+  component,
+  declaredName,
+  docgenEngine,
+  packageName,
+  storyFilePath
+}) {
+  let imports = getImports({ components: component ? [component] : [], packageName }).join(`
+`).trim() || getFallbackImport(packageName, component?.componentName), {
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    docgenDescription,
+    docgenJsDocTags,
+    docgenError
+  } = getComponentDocgenData(component, docgenEngine), { description, summary, jsDocTags } = extractComponentDescription(
+    void 0,
+    docgenDescription,
+    docgenJsDocTags
+  );
+  return {
+    name: declaredName,
+    path: component?.path ?? storyFilePath,
+    description,
+    summary,
+    import: imports || void 0,
+    jsDocTags,
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    error: docgenError ?? (component ? void 0 : {
+      name: "No component import found",
+      message: `No component file found for the "${declaredName}" subcomponent.`
+    })
+  };
+}
+function buildReactComponentDocgenFromResolved({
+  entry,
+  storyPath,
+  storyFilePath,
+  storyFile,
+  csf,
+  componentName,
+  component,
+  allComponents,
+  subcomponents,
+  docgenEngine,
+  filterStoryIds
+}) {
+  let componentId = 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 = {
+    componentId,
+    name: componentName ?? title,
+    path: storyFilePath,
+    stories,
+    import: imports || void 0,
+    jsDocTags: {}
+  }, {
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    docgenDescription,
+    docgenJsDocTags,
+    docgenError
+  } = getComponentDocgenData(component, docgenEngine);
+  if (!reactDocgen && !reactDocgenTypescript && !reactComponentMeta) {
+    let error = csf._meta?.component ? {
+      name: "No component import found",
+      message: `No component file found for the "${csf.meta.component}" component.`
+    } : {
+      name: "No component found",
+      message: "We could not detect the component from your story file. Specify meta.component."
+    };
+    return {
+      ...base2,
+      jsDocTags: base2.jsDocTags ?? {},
+      error: docgenError ?? {
+        name: error.name,
+        message: (csf._metaStatementPath?.buildCodeFrameError(error.message).message ?? error.message) + `
+
+${entry.importPath}:
+${storyFile}`
       }
+    };
   }
-  // ---------------------------------------------------------------------------
-  // Adapted from:
-  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L101-L234
-  // ---------------------------------------------------------------------------
-  findMatchTSConfig(filePath) {
-    let fileName = filePath.replace(/\\/g, "/"), dir = path3.dirname(fileName);
-    for (; !this.searchedDirs.has(dir); ) {
-      this.searchedDirs.add(dir);
-      for (let tsConfigName of rootTsConfigNames) {
-        let tsconfigPath = path3.join(dir, tsConfigName).replace(/\\/g, "/");
-        this.typescript.sys.fileExists(tsconfigPath) && this.rootTsConfigs.add(tsconfigPath);
+  let metaJsDoc = extractDescription2(csf._metaStatement) || void 0, { description, summary, jsDocTags } = extractComponentDescription(
+    metaJsDoc,
+    docgenDescription,
+    docgenJsDocTags
+  ), subcomponentEntries = Object.fromEntries(
+    subcomponents.map((subcomponent) => [
+      subcomponent.name,
+      createSubcomponentDocgen({
+        component: subcomponent.component,
+        declaredName: subcomponent.name,
+        docgenEngine,
+        packageName,
+        storyFilePath
+      })
+    ])
+  );
+  return {
+    ...base2,
+    description,
+    summary,
+    import: imports || void 0,
+    reactDocgen,
+    reactDocgenTypescript,
+    reactComponentMeta,
+    jsDocTags,
+    ...Object.keys(subcomponentEntries).length > 0 ? { subcomponents: subcomponentEntries } : {},
+    error: docgenError
+  };
+}
+function toReactComponentManifest(resolved) {
+  let { componentId, subcomponents, ...rest } = resolved;
+  return {
+    ...rest,
+    id: componentId,
+    ...subcomponents ? {
+      subcomponents: Object.fromEntries(
+        Object.entries(subcomponents).map(([key, sub]) => [
+          key,
+          {
+            name: sub.name,
+            path: sub.path,
+            description: sub.description,
+            summary: sub.summary,
+            import: sub.import,
+            jsDocTags: sub.jsDocTags,
+            error: sub.error,
+            reactDocgen: sub.reactDocgen,
+            reactDocgenTypescript: sub.reactDocgenTypescript,
+            reactComponentMeta: sub.reactComponentMeta
+          }
+        ])
+      )
+    } : {}
+  };
+}
+
+// src/componentManifest/componentMetaManagerSingleton.ts
+import { logger as logger8 } from "storybook/internal/node-logger";
+
+// src/componentManifest/componentMeta/ComponentMetaManager.ts
+import { logger as logger7 } from "storybook/internal/node-logger";
+import { existsSync as existsSync3, watch } from "fs";
+import * as path3 from "path";
+
+// src/componentManifest/componentMeta/ComponentMetaProject.ts
+var import_language_core = __toESM(require_language_core(), 1), import_typescript = __toESM(require_typescript(), 1);
+import * as path2 from "path";
+
+// src/componentManifest/componentMeta/componentMetaExtractor.ts
+var LARGE_SOURCE_THRESHOLD = 30, MAX_UNWRAP_DEPTH = 5, MAX_SERIALIZATION_DEPTH = 5;
+function isLiteralType(type) {
+  return type.isStringLiteral() || type.isNumberLiteral();
+}
+function isUnionType(type) {
+  return type.isUnion();
+}
+function isWrappedExpression(typescript, expression) {
+  return typescript.isParenthesizedExpression(expression) || typescript.isAsExpression(expression) || typescript.isNonNullExpression(expression) || (typescript.isSatisfiesExpression?.(expression) ?? !1);
+}
+function resolveAliasedSymbol(typescript, checker, symbol) {
+  return symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol;
+}
+function getSymbolContextNode(symbol) {
+  return symbol.valueDeclaration ?? symbol.getDeclarations()?.[0];
+}
+function resolveComponentSymbolFromNode(typescript, checker, node) {
+  if (!node)
+    return;
+  let symbol = checker.getSymbolAtLocation(node);
+  return symbol ? resolveComponentSymbol(typescript, checker, symbol, node) : void 0;
+}
+function resolveComponentSymbol(typescript, checker, symbol, contextNode, depth = 0) {
+  let resolved = resolveAliasedSymbol(typescript, checker, symbol);
+  if (depth > MAX_UNWRAP_DEPTH)
+    return resolved;
+  let declarationForPromotion = getSymbolContextNode(resolved);
+  if (declarationForPromotion && (typescript.isArrowFunction(declarationForPromotion) || typescript.isFunctionExpression(declarationForPromotion)) && declarationForPromotion.parent && typescript.isVariableDeclaration(declarationForPromotion.parent) && typescript.isIdentifier(declarationForPromotion.parent.name)) {
+    let variableSymbol = checker.getSymbolAtLocation(declarationForPromotion.parent.name);
+    variableSymbol && (resolved = resolveAliasedSymbol(typescript, checker, variableSymbol));
+  }
+  let declaration = getSymbolContextNode(resolved);
+  if (declaration) {
+    if (typescript.isShorthandPropertyAssignment(declaration)) {
+      let valueSymbol = checker.getShorthandAssignmentValueSymbol(declaration);
+      if (valueSymbol)
+        return resolveComponentSymbol(
+          typescript,
+          checker,
+          valueSymbol,
+          declaration.name,
+          depth + 1
+        );
+    }
+    if (typescript.isPropertyAssignment(declaration)) {
+      let next = resolveComponentSymbolFromNode(typescript, checker, declaration.initializer);
+      if (next)
+        return next;
+    }
+    if (typescript.isBinaryExpression(declaration) && declaration.operatorToken.kind === typescript.SyntaxKind.EqualsToken) {
+      let next = resolveComponentSymbolFromNode(typescript, checker, declaration.right);
+      if (next)
+        return next;
+    }
+  }
+  let typeSymbol = (!!(resolved.flags & typescript.SymbolFlags.Property) || declaration !== void 0 && (typescript.isPropertyAssignment(declaration) || typescript.isShorthandPropertyAssignment(declaration) || typescript.isPropertySignature(declaration) || typescript.isPropertyDeclaration(declaration) || typescript.isBinaryExpression(declaration) && declaration.operatorToken.kind === typescript.SyntaxKind.EqualsToken)) && checker.getTypeOfSymbolAtLocation(resolved, contextNode).getSymbol?.();
+  if (typeSymbol) {
+    let resolvedTypeSymbol = resolveAliasedSymbol(typescript, checker, typeSymbol), typeDeclaration = getSymbolContextNode(resolvedTypeSymbol);
+    if (resolvedTypeSymbol !== resolved && typeDeclaration)
+      return resolveComponentSymbol(
+        typescript,
+        checker,
+        resolvedTypeSymbol,
+        typeDeclaration,
+        depth + 1
+      );
+  }
+  return resolved;
+}
+function resolvePropsFromStoryFile(typescript, checker, storySourceFile, componentRef) {
+  let importSpecifier = componentRef.importId, importName = componentRef.importName, memberAccess = componentRef.member;
+  if (!importSpecifier)
+    return;
+  let importSymbol;
+  for (let stmt of storySourceFile.statements) {
+    if (!typescript.isImportDeclaration(stmt))
+      continue;
+    let moduleSpec = stmt.moduleSpecifier;
+    if (!typescript.isStringLiteral(moduleSpec) || moduleSpec.text !== importSpecifier)
+      continue;
+    let clause = stmt.importClause;
+    if (clause) {
+      if (importName === "default") {
+        if (clause.name && (importSymbol = checker.getSymbolAtLocation(clause.name)), !importSymbol && clause.namedBindings && typescript.isNamedImports(clause.namedBindings)) {
+          for (let spec of clause.namedBindings.elements)
+            if ((spec.propertyName ?? spec.name).text === "default") {
+              importSymbol = checker.getSymbolAtLocation(spec.name);
+              break;
+            }
+        }
+      } else if (clause.namedBindings && typescript.isNamedImports(clause.namedBindings)) {
+        for (let spec of clause.namedBindings.elements)
+          if ((spec.propertyName ?? spec.name).text === importName) {
+            importSymbol = checker.getSymbolAtLocation(spec.name);
+            break;
+          }
       }
-      let parent = path3.dirname(dir);
-      if (parent === dir)
+      if (!importSymbol && memberAccess && clause.namedBindings && typescript.isNamespaceImport(clause.namedBindings) && (importSymbol = checker.getSymbolAtLocation(clause.namedBindings.name)), importSymbol)
         break;
-      dir = parent;
     }
-    if (this.rootTsConfigs.size === 0)
-      return null;
-    let prepareClosestRootCommandLine = () => {
-      let matches = [];
-      for (let rootTsConfig of this.rootTsConfigs)
-        isFileInDir(fileName, path3.dirname(rootTsConfig)) && matches.push(rootTsConfig);
-      matches = matches.sort((a, b) => sortTSConfigs(fileName, a, b)), matches.length && getCommandLine(matches[0]);
-    }, findIndirectReferenceTsconfig = () => findTSConfig((tsconfig) => !!this.configProjects.get(tsconfig)?.hasSourceFile(fileName)), findDirectIncludeTsconfig = () => findTSConfig((tsconfig) => {
-      let commandLine = getCommandLine(tsconfig);
-      return new Set(commandLine?.fileNames ?? []).has(fileName);
-    }), findTSConfig = (match) => {
-      let checked = /* @__PURE__ */ new Set();
-      for (let rootTsConfig of [...this.rootTsConfigs].sort(
-        (a, b) => sortTSConfigs(fileName, a, b)
-      )) {
-        let project = this.configProjects.get(rootTsConfig);
-        if (project) {
-          let chains = getReferencesChains(project.getCommandLine(), rootTsConfig, []);
-          chains = chains.reverse();
-          for (let chain of chains)
-            for (let i = chain.length - 1; i >= 0; i--) {
-              let tsconfig = chain[i];
-              if (!checked.has(tsconfig) && (checked.add(tsconfig), match(tsconfig)))
-                return tsconfig;
+  }
+  if (!importSymbol)
+    return;
+  let result;
+  function extractPropsFromJsx(node) {
+    let sig = checker.getResolvedSignature(node);
+    if (!sig)
+      return;
+    let params = sig.getParameters();
+    return params.length === 0 ? checker.getTypeFromTypeNode(typescript.factory.createTypeLiteralNode([])) : checker.getTypeOfSymbolAtLocation(params[0], node);
+  }
+  function visit(node) {
+    if (!result) {
+      if (typescript.isJsxSelfClosingElement(node) || typescript.isJsxOpeningElement(node)) {
+        let tagName = node.tagName;
+        if (memberAccess) {
+          if (typescript.isPropertyAccessExpression(tagName) && tagName.name.text === memberAccess) {
+            let leftSym = checker.getSymbolAtLocation(tagName.expression);
+            if (leftSym && importSymbol && leftSym === importSymbol) {
+              let propsType = extractPropsFromJsx(node);
+              if (propsType) {
+                let memberSymbol = checker.getSymbolAtLocation(tagName.name) ?? checker.getTypeAtLocation(tagName.expression).getProperty(tagName.name.text) ?? resolveComponentSymbolFromNode(typescript, checker, tagName);
+                result = {
+                  componentRef,
+                  propsType,
+                  symbol: memberSymbol ? resolveComponentSymbol(typescript, checker, memberSymbol, tagName.name) : resolveAliasedSymbol(typescript, checker, importSymbol)
+                };
+                return;
+              }
             }
-        }
-      }
-      return null;
-    }, getReferencesChains = (commandLine, tsConfig, before) => {
-      if (commandLine.projectReferences?.length) {
-        let newChains = [];
-        for (let projectReference of commandLine.projectReferences) {
-          let tsConfigPath = projectReference.path.replace(/\\/g, "/");
-          if (this.typescript.sys.directoryExists(tsConfigPath)) {
-            let newTsConfigPath = path3.join(tsConfigPath, "tsconfig.json"), newJsConfigPath = path3.join(tsConfigPath, "jsconfig.json");
-            this.typescript.sys.fileExists(newTsConfigPath) ? tsConfigPath = newTsConfigPath : this.typescript.sys.fileExists(newJsConfigPath) && (tsConfigPath = newJsConfigPath);
           }
-          let beforeIndex = before.indexOf(tsConfigPath);
-          if (beforeIndex >= 0)
-            newChains.push(before.slice(0, Math.max(beforeIndex, 1)));
-          else {
-            let referenceCommandLine = getCommandLine(tsConfigPath);
-            if (referenceCommandLine)
-              for (let chain of getReferencesChains(referenceCommandLine, tsConfigPath, [
-                ...before,
-                tsConfig
-              ]))
-                newChains.push(chain);
+        } else if (typescript.isIdentifier(tagName)) {
+          let sym = checker.getSymbolAtLocation(tagName);
+          if (sym && importSymbol && sym === importSymbol) {
+            let propsType = extractPropsFromJsx(node);
+            if (propsType) {
+              result = {
+                componentRef,
+                propsType,
+                symbol: resolveAliasedSymbol(typescript, checker, sym)
+              };
+              return;
+            }
           }
         }
-        return newChains;
-      } else
-        return [[...before, tsConfig]];
-    }, getCommandLine = (tsConfig) => this.getOrCreateConfiguredProject(tsConfig)?.getCommandLine();
-    return prepareClosestRootCommandLine(), findDirectIncludeTsconfig() ?? findIndirectReferenceTsconfig();
-  }
-  // ---------------------------------------------------------------------------
-  // Adapted from:
-  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L236-L256
-  // ---------------------------------------------------------------------------
-  getOrCreateConfiguredProject(tsconfig) {
-    tsconfig = tsconfig.replace(/\\/g, "/");
-    let project = this.configProjects.get(tsconfig);
-    if (!project)
-      try {
-        let getCommandLine = () => this.parseConfigWorker(tsconfig);
-        project = new ComponentMetaProject(
-          this.typescript,
-          getCommandLine(),
-          tsconfig,
-          this.fsFileSnapshots,
-          getCommandLine
-        ), this.configProjects.set(tsconfig, project), this.watching && (this.watchDirectory(path3.dirname(tsconfig)), this.watchProgramSourceDirs(project));
-      } catch (err) {
-        return logger5.debug(`[reactComponentMeta] Failed to parse tsconfig ${tsconfig}: ${err}`), null;
       }
-    return project;
-  }
-  // ---------------------------------------------------------------------------
-  // Adapted from:
-  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L258-L284
-  // ---------------------------------------------------------------------------
-  getOrCreateInferredProject(fileName) {
-    return this.inferredProject || (this.inferredProject = new ComponentMetaProject(
-      this.typescript,
-      {
-        options: {
-          ...DEFAULT_INFERRED_OPTIONS,
-          target: this.typescript.ScriptTarget.Latest,
-          module: this.typescript.ModuleKind.ESNext,
-          moduleResolution: this.typescript.ModuleResolutionKind.Bundler,
-          jsx: this.typescript.JsxEmit.ReactJSX
-        },
-        fileNames: [],
-        errors: []
-      },
-      void 0,
-      this.fsFileSnapshots
-    )), this.inferredProject.ensureFiles([fileName]), this.inferredProject;
-  }
-  // ---------------------------------------------------------------------------
-  // Adapted from:
-  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProjectLs.ts#L262-L353
-  // ---------------------------------------------------------------------------
-  parseConfigWorker(tsconfig) {
-    let config = this.typescript.readJsonConfigFile(tsconfig, this.typescript.sys.readFile), content = this.typescript.parseJsonSourceFileConfigFileContent(
-      config,
-      this.typescript.sys,
-      path3.dirname(tsconfig),
-      {},
-      tsconfig
-    );
-    return content.options.outDir = void 0, content.fileNames = content.fileNames.map((fileName) => fileName.replace(/\\/g, "/")), content;
-  }
-  // ---------------------------------------------------------------------------
-  // File events
-  // ---------------------------------------------------------------------------
-  /**
-   * Broadcast file changes to all projects. Each project selectively bumps projectVersion.
-   *
-   * Adapted from:
-   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L409-L432
-   */
-  onFilesChanged(changes) {
-    for (let project of this.configProjects.values())
-      project.onFilesChanged(changes);
-    this.inferredProject?.onFilesChanged(changes);
-  }
-  /**
-   * Adapted from:
-   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L43-L68
-   */
-  onConfigChanged(configPath, type) {
-    if (configPath = configPath.replace(/\\/g, "/"), type === "created")
-      this.rootTsConfigs.add(configPath);
-    else if ((type === "changed" || type === "deleted") && this.configProjects.has(configPath)) {
-      type === "deleted" && this.rootTsConfigs.delete(configPath);
-      let project = this.configProjects.get(configPath);
-      this.configProjects.delete(configPath), project?.dispose();
+      typescript.forEachChild(node, visit);
     }
-    this.searchedDirs.clear();
   }
-  // ---------------------------------------------------------------------------
-  // Our own file watching layer (no Volar equivalent — we're standalone)
-  // ---------------------------------------------------------------------------
-  startWatching() {
-    if (!this.watching) {
-      this.watching = !0;
-      for (let tsconfig of this.configProjects.keys())
-        this.watchDirectory(path3.dirname(tsconfig));
-      this.watchProgramSourceDirs();
-    }
+  return visit(storySourceFile), result;
+}
+function resolvePropsFromComponentType(typescript, checker, componentType) {
+  let callSigs = componentType.getCallSignatures();
+  if (callSigs.length > 0) {
+    let sig = callSigs[0];
+    if (sig.parameters.length === 0)
+      return checker.getVoidType();
+    let propsType = checker.getTypeOfSymbol(sig.parameters[0]);
+    if (!(propsType.flags & typescript.TypeFlags.Any))
+      return propsType;
   }
-  /**
-   * Watch directories that contain source files from all TS programs. This covers monorepo setups
-   * where stories import components via path aliases (e.g. apps/storybook/ imports from
-   * packages/ui/ via tsconfig paths).
-   */
-  watchProgramSourceDirs(singleProject) {
-    let dirs = /* @__PURE__ */ new Set();
-    if (singleProject)
-      for (let filePath of singleProject.getSourceFilePaths())
-        dirs.add(path3.dirname(filePath));
-    else {
-      for (let project of this.configProjects.values())
-        for (let filePath of project.getSourceFilePaths())
-          dirs.add(path3.dirname(filePath));
-      if (this.inferredProject)
-        for (let filePath of this.inferredProject.getSourceFilePaths())
-          dirs.add(path3.dirname(filePath));
+  let ctorSigs = componentType.getConstructSignatures();
+  for (let sig of ctorSigs) {
+    let propsSym = sig.getReturnType().getProperty("props");
+    if (propsSym) {
+      let propsType = checker.getTypeOfSymbol(propsSym);
+      if (!(propsType.flags & typescript.TypeFlags.Any))
+        return propsType;
     }
-    let roots = /* @__PURE__ */ new Set();
-    for (let dir of dirs) {
-      let candidate = dir;
-      for (; candidate !== path3.dirname(candidate); ) {
-        let normalized = candidate.replace(/\\/g, "/"), alreadyWatched = !1;
-        for (let watched of this.watchersByDir.keys())
-          if (normalized === watched || normalized.startsWith(watched + "/")) {
-            alreadyWatched = !0;
-            break;
-          }
-        if (alreadyWatched)
-          break;
-        if (this.typescript.sys.fileExists(path3.join(candidate, "package.json")) || this.typescript.sys.fileExists(path3.join(candidate, "tsconfig.json"))) {
-          roots.add(candidate);
-          break;
-        }
-        candidate = path3.dirname(candidate);
-      }
+  }
+}
+function getPropSourceFile(prop) {
+  let declarations = prop.getDeclarations();
+  if (declarations?.length) {
+    for (let decl of declarations) {
+      let fileName = decl.getSourceFile().fileName;
+      if (!fileName.includes("node_modules") && !fileName.endsWith(".d.ts"))
+        return fileName;
     }
-    for (let root of roots)
-      this.watchDirectory(root);
+    return declarations[0].getSourceFile().fileName;
   }
-  watchDirectory(dir) {
-    if (!this.watching)
-      return;
-    let normalized = dir.replace(/\\/g, "/");
-    for (let watched of this.watchersByDir.keys())
-      if (normalized === watched || normalized.startsWith(watched + "/"))
-        return;
-    for (let [watched, watcher] of this.watchersByDir)
-      watched.startsWith(normalized + "/") && (watcher.close(), this.watchersByDir.delete(watched));
-    try {
-      let watcher = watch(dir, { recursive: !0 }, (eventType, filename) => {
-        if (!filename)
-          return;
-        let filePath = path3.resolve(dir, filename).replace(/\\/g, "/");
-        if (filePath.includes("/node_modules/") || filePath.includes("/.git/"))
-          return;
-        let existing = this.pendingEvents.get(filePath);
-        existing && clearTimeout(existing), this.pendingEvents.set(
-          filePath,
-          setTimeout(() => {
-            this.pendingEvents.delete(filePath), eventType === "rename" ? existsSync3(filePath) ? this.handleFileEvent(filePath, "created") : this.handleFileEvent(filePath, "deleted") : this.handleFileEvent(filePath, "changed");
-          }, 50)
-        );
-      });
-      watcher.unref(), this.watchersByDir.set(normalized, watcher);
-    } catch (err) {
-      logger5.debug(`[reactComponentMeta] Failed to watch directory ${normalized}: ${err}`);
-    }
-  }
-  stopWatching() {
-    for (let timeout of this.pendingEvents.values())
-      clearTimeout(timeout);
-    this.pendingEvents.clear();
-    for (let watcher of this.watchersByDir.values())
-      watcher.close();
-    this.watchersByDir.clear(), this.watching = !1;
-  }
-  /**
-   * Map raw fs.watch events to LSP-style FileChangeType before broadcasting.
-   *
-   * Fs.watch reports atomic saves (sed -i, editors) as `rename` → we classify as `created` (file
-   * exists after rename). But an IDE/LSP would report an atomic save of an _existing_ file as
-   * `Changed`, not `Created`.
-   *
-   * We reclassify here so that onFilesChanged stays 1:1 with Volar Kit.
-   */
-  handleFileEvent(filePath, type) {
-    if (type === "created") {
-      for (let project of this.configProjects.values())
-        if (project.hasSourceFile(filePath)) {
-          type = "changed";
-          break;
-        }
-      type === "created" && this.inferredProject?.hasSourceFile(filePath) && (type = "changed");
-    }
-    let basename3 = path3.basename(filePath);
-    if (rootTsConfigNames.includes(basename3)) {
-      this.onConfigChanged(filePath, type);
-      return;
-    }
-    this.onFilesChanged([{ filePath, type }]);
-  }
-  dispose() {
-    this.stopWatching();
-    for (let project of this.configProjects.values())
-      project.dispose();
-    this.inferredProject?.dispose(), this.configProjects.clear(), this.inferredProject = void 0, this.fsFileSnapshots.clear(), this.searchedDirs.clear(), this.rootTsConfigs.clear();
-  }
-};
-function sortTSConfigs(file, a, b) {
-  let inA = isFileInDir(file, path3.dirname(a)), inB = isFileInDir(file, path3.dirname(b));
-  if (inA !== inB)
-    return (inB ? 1 : 0) - (inA ? 1 : 0);
-  let aLength = a.split("/").length, bLength = b.split("/").length;
-  if (aLength === bLength) {
-    let aWeight = path3.basename(a) === "tsconfig.json" ? 1 : 0;
-    return (path3.basename(b) === "tsconfig.json" ? 1 : 0) - aWeight;
+}
+function getParentType(typescript, prop) {
+  let declarations = prop.getDeclarations();
+  if (!declarations?.length)
+    return;
+  let node = declarations[0].parent;
+  for (; node; ) {
+    if (typescript.isInterfaceDeclaration(node) || typescript.isTypeAliasDeclaration(node))
+      return {
+        name: node.name.getText(),
+        fileName: node.getSourceFile().fileName
+      };
+    node = node.parent;
   }
-  return bLength - aLength;
 }
-function isFileInDir(fileName, dir) {
-  let relative3 = path3.relative(dir, fileName);
-  return !!relative3 && !relative3.startsWith("..") && !path3.isAbsolute(relative3);
+function getAllDeclarationParents(typescript, prop) {
+  let declarations = prop.getDeclarations();
+  if (!declarations?.length)
+    return;
+  let parents = [];
+  for (let declaration of declarations) {
+    let { parent } = declaration;
+    parent && (typescript.isInterfaceDeclaration(parent) || typescript.isTypeAliasDeclaration(parent) ? parents.push({
+      name: parent.name.getText(),
+      fileName: parent.getSourceFile().fileName
+    }) : typescript.isTypeLiteralNode(parent) && parents.push({
+      name: "TypeLiteral",
+      fileName: parent.getSourceFile().fileName
+    }));
+  }
+  return parents.length > 0 ? parents : void 0;
 }
-
-// src/componentManifest/generateCodeSnippet.ts
-import { types as t2 } from "storybook/internal/babel";
-function getCodeSnippet(csf, storyName, componentName) {
-  let storyDeclaration = csf._storyDeclarationPath[storyName], metaObj = csf._metaNode;
-  if (!storyDeclaration) {
-    let message = "Expected story to be a function or variable declaration";
-    throw csf._storyPaths[storyName]?.buildCodeFrameError(message) ?? message;
+function serializeType(typescript, checker, type, isRequired, depth = 0) {
+  if (depth > MAX_SERIALIZATION_DEPTH)
+    return { name: checker.typeToString(type) };
+  if (type.isUnion()) {
+    let nonUndefinedTypes = type.types.filter(
+      (t6) => !(t6.getFlags() & typescript.TypeFlags.Undefined)
+    ), literalMembers = nonUndefinedTypes.filter(isLiteralType);
+    if (literalMembers.length > 0 && literalMembers.length === nonUndefinedTypes.length)
+      return {
+        name: "enum",
+        raw: literalMembers.map((m) => checker.typeToString(m)).join(" | "),
+        value: literalMembers.map((m) => ({
+          value: JSON.stringify(m.value)
+        }))
+      };
+    if (!isRequired && nonUndefinedTypes.length === 1 && nonUndefinedTypes.length < type.types.length)
+      return { name: checker.typeToString(nonUndefinedTypes[0]) };
   }
-  let storyPath;
-  if (storyDeclaration.isFunctionDeclaration())
-    storyPath = storyDeclaration;
-  else if (storyDeclaration.isVariableDeclarator()) {
-    let init = storyDeclaration.get("init");
-    invariant(
-      init.isExpression(),
-      () => storyDeclaration.buildCodeFrameError("Expected story initializer to be an expression").message
-    ), storyPath = init;
-  } else
-    throw storyDeclaration.buildCodeFrameError(
-      "Expected story to be a function or variable declaration"
-    );
-  let normalizedPath = storyPath;
-  if (storyPath.isCallExpression()) {
-    let callee = storyPath.get("callee");
-    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 = resolveIdentifierInit(storyDeclaration, obj);
-        resolved && (normalizedPath = resolved);
+  let constraint = type.getConstraint?.();
+  return constraint && constraint !== type ? serializeType(typescript, checker, constraint, isRequired, depth + 1) : { name: checker.typeToString(type) };
+}
+function unwrapToFunction(typescript, node, depth = 0, checker) {
+  if (!(depth > MAX_UNWRAP_DEPTH)) {
+    if (typescript.isArrowFunction(node) || typescript.isFunctionExpression(node) || typescript.isFunctionDeclaration(node))
+      return node;
+    if (typescript.isCallExpression(node))
+      for (let arg of node.arguments) {
+        let fn = unwrapToFunction(typescript, arg, depth + 1, checker);
+        if (fn)
+          return fn;
       }
-    }
-    if (storyPath === normalizedPath) {
-      let args = storyPath.get("arguments");
-      if (args.length !== 0) {
-        invariant(
-          args.length === 1,
-          () => storyPath.buildCodeFrameError("Could not evaluate story expression").message
-        );
-        let storyArg = args[0];
-        invariant(
-          storyArg.isExpression(),
-          () => storyPath.buildCodeFrameError("Could not evaluate story expression").message
-        ), normalizedPath = storyArg;
+    if (typescript.isParenthesizedExpression(node) || typescript.isAsExpression(node))
+      return unwrapToFunction(typescript, node.expression, depth + 1, checker);
+    if (typescript.isIdentifier(node) && checker) {
+      let symbol = checker.getSymbolAtLocation(node);
+      if (symbol) {
+        let decl = (symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol).valueDeclaration;
+        if (decl && typescript.isVariableDeclaration(decl) && decl.initializer)
+          return unwrapToFunction(typescript, decl.initializer, depth + 1, checker);
+        if (decl && typescript.isFunctionDeclaration(decl))
+          return decl;
       }
     }
   }
-  normalizedPath = normalizedPath.isTSSatisfiesExpression() || normalizedPath.isTSAsExpression() ? normalizedPath.get("expression") : normalizedPath;
-  let storyFn;
-  if (normalizedPath.isArrowFunctionExpression() || normalizedPath.isFunctionExpression() || normalizedPath.isFunctionDeclaration())
-    storyFn = normalizedPath;
-  else if (!normalizedPath.isObjectExpression() && !(normalizedPath.isCallExpression() && Array.isArray(normalizedPath.node.arguments) && normalizedPath.node.arguments.length === 0))
-    throw normalizedPath.buildCodeFrameError(
-      "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 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 { 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;
-    if (t2.isArrowFunctionExpression(fn) && (t2.isJSXElement(fn.body) || t2.isJSXFragment(fn.body))) {
-      let spreadRes = transformArgsSpreadsInJsx(fn.body, merged), inlineRes = inlineArgsInJsx(spreadRes.node, merged);
-      if (spreadRes.changed || inlineRes.changed) {
-        let newFn = t2.arrowFunctionExpression([], inlineRes.node, fn.async);
-        return t2.variableDeclaration("const", [
-          t2.variableDeclarator(t2.identifier(storyName), newFn)
-        ]);
-      }
-    }
-    let stmts = t2.isFunctionDeclaration(fn) || t2.isArrowFunctionExpression(fn) && t2.isBlockStatement(fn.body) || t2.isFunctionExpression(fn) && t2.isBlockStatement(fn.body) ? fn.body.body : void 0;
-    if (stmts) {
-      let changed = !1, newBody = stmts.map((stmt) => {
-        if (t2.isReturnStatement(stmt) && stmt.argument && (t2.isJSXElement(stmt.argument) || t2.isJSXFragment(stmt.argument))) {
-          let spreadRes = transformArgsSpreadsInJsx(stmt.argument, merged), inlineRes = inlineArgsInJsx(spreadRes.node, merged);
-          if (spreadRes.changed || inlineRes.changed)
-            return changed = !0, t2.returnStatement(inlineRes.node);
-        }
-        return stmt;
-      });
-      if (changed)
-        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)
-          )
-        ]);
+}
+function resolveLiteralValue(typescript, checker, node, depth = 0) {
+  if (depth > MAX_UNWRAP_DEPTH || typescript.isStringLiteral(node) || typescript.isNumericLiteral(node) || typescript.isNoSubstitutionTemplateLiteral(node) || node.kind === typescript.SyntaxKind.TrueKeyword || node.kind === typescript.SyntaxKind.FalseKeyword || node.kind === typescript.SyntaxKind.NullKeyword)
+    return node.getText();
+  if (typescript.isIdentifier(node)) {
+    if (node.text === "undefined")
+      return "undefined";
+    let symbol = checker.getSymbolAtLocation(node);
+    if (!symbol)
+      return node.getText();
+    let decl = (symbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(symbol) : symbol).valueDeclaration;
+    return decl && typescript.isVariableDeclaration(decl) && decl.initializer || decl && typescript.isEnumMember(decl) && decl.initializer || decl && typescript.isBindingElement(decl) && decl.initializer ? resolveLiteralValue(typescript, checker, decl.initializer, depth + 1) : node.getText();
+  }
+  if (typescript.isPropertyAccessExpression(node)) {
+    let symbol = checker.getSymbolAtLocation(node);
+    if (symbol) {
+      let decl = symbol.valueDeclaration;
+      if (decl && typescript.isEnumMember(decl) && decl.initializer || decl && typescript.isPropertyAssignment(decl) && decl.initializer || decl && typescript.isVariableDeclaration(decl) && decl.initializer)
+        return resolveLiteralValue(typescript, checker, decl.initializer, depth + 1);
     }
-    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)]);
+    return node.getText();
   }
-  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(
-    [],
-    t2.jsxElement(
-      t2.jsxOpeningElement(name, openingElAttrs, selfClosing),
-      selfClosing ? null : t2.jsxClosingElement(name),
-      children,
-      selfClosing
-    )
-  );
-  return t2.variableDeclaration("const", [t2.variableDeclarator(t2.identifier(storyName), arrow)]);
+  return node.getText();
 }
-function buildInvalidSpread(entries) {
-  if (entries.length === 0)
-    return null;
-  let objectProps = entries.map(
-    ([k, v]) => t2.objectProperty(t2.stringLiteral(k), t2.isExpression(v) ? v : t2.identifier("undefined"))
-  );
-  return t2.jsxSpreadAttribute(t2.objectExpression(objectProps));
-}
-var keyOf = (p) => t2.isIdentifier(p.key) ? p.key.name : t2.isStringLiteral(p.key) ? p.key.value : null, isValidJsxAttrName = (n) => /^[A-Za-z_][A-Za-z0-9_:-]*$/.test(n), argsRecordFromObjectPath = (objPath) => objPath ? Object.fromEntries(
-  objPath.get("properties").filter((p) => p.isObjectProperty()).map((p) => [keyOf(p.node), p.get("value").node]).filter((e) => !!e[0])
-) : {};
-function storyArgsAssignmentPath(program, storyName) {
-  let found = null;
-  return program.traverse({
-    AssignmentExpression(p) {
-      let left = p.get("left"), right = p.get("right");
-      if (left.isMemberExpression()) {
-        let obj = left.get("object"), prop = left.get("property"), isStoryIdent = obj.isIdentifier() && obj.node.name === storyName, isArgsProp = prop.isIdentifier() && prop.node.name === "args" && !left.node.computed || t2.isStringLiteral(prop.node) && left.node.computed && prop.node.value === "args";
-        isStoryIdent && isArgsProp && right.isObjectExpression() && (found = right);
-      }
+function collectBindingDefaults(typescript, pattern, defaults, checker) {
+  for (let element of pattern.elements)
+    if (element.initializer) {
+      let propName = element.propertyName ? element.propertyName.getText() : element.name.getText();
+      defaults.set(
+        propName,
+        checker ? resolveLiteralValue(typescript, checker, element.initializer) : element.initializer.getText()
+      );
     }
-  }), found;
 }
-var argsRecordFromObjectNode = (obj) => obj ? Object.fromEntries(
-  obj.properties.filter((p) => t2.isObjectProperty(p)).map((p) => [keyOf(p), p.value]).filter((e) => !!e[0])
-) : {}, metaArgsRecord = (meta) => {
-  if (!meta)
-    return {};
-  let argsProp = meta.properties.find(
-    (p) => t2.isObjectProperty(p) && keyOf(p) === "args"
-  );
-  return argsProp && t2.isObjectExpression(argsProp.value) ? argsRecordFromObjectNode(argsProp.value) : {};
-}, toAttr = (key, value) => t2.isBooleanLiteral(value) ? value.value ? t2.jsxAttribute(t2.jsxIdentifier(key), null) : t2.jsxAttribute(t2.jsxIdentifier(key), t2.jsxExpressionContainer(value)) : t2.isStringLiteral(value) ? t2.jsxAttribute(t2.jsxIdentifier(key), t2.stringLiteral(value.value)) : t2.isExpression(value) ? t2.jsxAttribute(t2.jsxIdentifier(key), t2.jsxExpressionContainer(value)) : null, toJsxChildren = (node) => node ? t2.isStringLiteral(node) ? [t2.jsxText(node.value)] : t2.isJSXElement(node) || t2.isJSXFragment(node) ? [node] : t2.isExpression(node) ? [t2.jsxExpressionContainer(node)] : [] : [];
-function getArgsMemberKey(expr) {
-  if (t2.isMemberExpression(expr) && t2.isIdentifier(expr.object) && expr.object.name === "args") {
-    if (t2.isIdentifier(expr.property) && !expr.computed)
-      return expr.property.name;
-    if (t2.isStringLiteral(expr.property) && expr.computed)
-      return expr.property.value;
-  }
-  if (t2.isOptionalMemberExpression?.(expr) && t2.isIdentifier(expr.object) && expr.object.name === "args") {
-    let prop = expr.property;
-    if (t2.isIdentifier(prop) && !expr.computed)
-      return prop.name;
-    if (t2.isStringLiteral(prop) && expr.computed)
-      return prop.value;
-  }
-  return null;
+function unwrapExpression(typescript, expression) {
+  let current2 = expression;
+  for (; isWrappedExpression(typescript, current2); )
+    current2 = current2.expression;
+  return current2;
 }
-function inlineArgsInJsx(node, merged) {
-  let changed = !1;
-  if (t2.isJSXElement(node)) {
-    let opening = node.openingElement, newAttrs = opening.attributes.flatMap((a) => {
-      if (!t2.isJSXAttribute(a))
-        return [a];
-      let name = t2.isJSXIdentifier(a.name) ? a.name.name : null;
-      if (!(name && a.value && t2.isJSXExpressionContainer(a.value)))
-        return [a];
-      let key = getArgsMemberKey(a.value.expression);
-      if (!(key && key in merged))
-        return [a];
-      let repl = toAttr(name, merged[key]);
-      return changed = !0, repl ? [repl] : [];
-    }), newChildren = node.children.flatMap((c) => {
-      if (t2.isJSXElement(c) || t2.isJSXFragment(c)) {
-        let res = inlineArgsInJsx(c, merged);
-        return changed ||= res.changed, [res.node];
-      }
-      return t2.isJSXExpressionContainer(c) && getArgsMemberKey(c.expression) === "children" && merged.children ? (changed = !0, toJsxChildren(merged.children)) : [c];
-    }), selfClosing = opening.selfClosing && newChildren.length === 0;
-    return {
-      node: t2.jsxElement(
-        t2.jsxOpeningElement(opening.name, newAttrs, selfClosing),
-        selfClosing ? null : node.closingElement ?? t2.jsxClosingElement(opening.name),
-        newChildren,
-        selfClosing
-      ),
-      changed
-    };
-  }
-  let fragChildren = node.children.flatMap((c) => {
-    if (t2.isJSXElement(c) || t2.isJSXFragment(c)) {
-      let res = inlineArgsInJsx(c, merged);
-      return changed ||= res.changed, [res.node];
-    }
-    return t2.isJSXExpressionContainer(c) && getArgsMemberKey(c.expression) === "children" && "children" in merged ? (changed = !0, toJsxChildren(merged.children)) : [c];
-  });
-  return { node: t2.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
+function isPropsIdentifier(typescript, node, paramName, checker) {
+  if (!typescript.isIdentifier(node))
+    return !1;
+  if (!checker)
+    return node.text === paramName.text;
+  let symbol = checker.getSymbolAtLocation(node), paramSymbol = checker.getSymbolAtLocation(paramName);
+  return symbol !== void 0 && symbol === paramSymbol;
 }
-function transformArgsSpreadsInJsx(node, merged) {
-  let changed = !1, makeInjectedPieces = (existing) => {
-    let entries = Object.entries(merged).filter(([k, v]) => v != null && k !== "children"), validEntries = entries.filter(([k]) => isValidJsxAttrName(k)), invalidEntries = entries.filter(([k]) => !isValidJsxAttrName(k)), injectedAttrs = validEntries.map(([k, v]) => toAttr(k, v)).filter((a) => !!a).filter((a) => t2.isJSXIdentifier(a.name) && !existing.has(a.name.name)), invalidSpread = buildInvalidSpread(invalidEntries.filter(([k]) => !existing.has(k)));
-    return invalidSpread ? [...injectedAttrs, invalidSpread] : injectedAttrs;
-  };
-  if (t2.isJSXElement(node)) {
-    let opening = node.openingElement, attrs = opening.attributes, isArgsSpread = (a) => t2.isJSXSpreadAttribute(a) && t2.isIdentifier(a.argument) && a.argument.name === "args", sawArgsSpread = attrs.some(isArgsSpread), firstIdx = attrs.findIndex(isArgsSpread), nonArgsAttrs = attrs.filter((a) => !isArgsSpread(a)), insertionIndex = sawArgsSpread ? attrs.slice(0, firstIdx).filter((a) => !isArgsSpread(a)).length : 0, newAttrs = sawArgsSpread ? (() => {
-      let existing = new Set(
-        nonArgsAttrs.filter((a) => t2.isJSXAttribute(a)).flatMap((a) => t2.isJSXIdentifier(a.name) ? [a.name.name] : [])
-      ), pieces = makeInjectedPieces(existing);
-      return changed = !0, [
-        ...nonArgsAttrs.slice(0, insertionIndex),
-        ...pieces,
-        ...nonArgsAttrs.slice(insertionIndex)
-      ];
-    })() : nonArgsAttrs, newChildren = node.children.flatMap((c) => {
-      if (t2.isJSXElement(c) || t2.isJSXFragment(c)) {
-        let res = transformArgsSpreadsInJsx(c, merged);
-        return changed ||= res.changed, [res.node];
-      }
-      return [c];
-    }), children = sawArgsSpread && newChildren.length === 0 && merged.children ? (changed = !0, toJsxChildren(merged.children)) : newChildren, selfClosing = children.length === 0;
-    return {
-      node: t2.jsxElement(
-        t2.jsxOpeningElement(opening.name, newAttrs, selfClosing),
-        selfClosing ? null : node.closingElement ?? t2.jsxClosingElement(opening.name),
-        children,
-        selfClosing
-      ),
-      changed
-    };
-  }
-  let fragChildren = node.children.flatMap((c) => {
-    if (t2.isJSXElement(c) || t2.isJSXFragment(c)) {
-      let res = transformArgsSpreadsInJsx(c, merged);
-      return changed ||= res.changed, [res.node];
-    }
-    return [c];
-  });
-  return { node: t2.jsxFragment(node.openingFragment, node.closingFragment, fragChildren), changed };
+function isPropsDerivedInitializer(typescript, initializer, paramName, checker) {
+  let expr = unwrapExpression(typescript, initializer);
+  return isPropsIdentifier(typescript, expr, paramName, checker) ? !0 : typescript.isAwaitExpression(expr) ? isPropsDerivedInitializer(typescript, expr.expression, paramName, checker) : typescript.isBinaryExpression(expr) && [
+    typescript.SyntaxKind.BarBarToken,
+    typescript.SyntaxKind.QuestionQuestionToken,
+    typescript.SyntaxKind.AmpersandAmpersandToken
+  ].includes(expr.operatorToken.kind) ? isPropsDerivedInitializer(typescript, expr.left, paramName, checker) || isPropsDerivedInitializer(typescript, expr.right, paramName, checker) : typescript.isConditionalExpression(expr) ? isPropsDerivedInitializer(typescript, expr.whenTrue, paramName, checker) || isPropsDerivedInitializer(typescript, expr.whenFalse, paramName, checker) : typescript.isCallExpression(expr) || typescript.isNewExpression(expr) ? expr.arguments?.some(
+    (arg) => isPropsDerivedInitializer(typescript, arg, paramName, checker)
+  ) ?? !1 : !1;
 }
-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;
+function extractDestructuringDefaults(typescript, resolved, checker) {
+  let defaults = /* @__PURE__ */ new Map(), decl = resolved.valueDeclaration;
+  if (!decl)
+    return defaults;
+  let fn;
+  if (typescript.isFunctionDeclaration(decl)) {
+    if (fn = decl, !fn.body) {
+      let allDecls = resolved.getDeclarations?.() ?? [];
+      for (let d of allDecls)
+        if (typescript.isFunctionDeclaration(d) && d.body) {
+          fn = d;
+          break;
+        }
     }
-  }
-  let match = programPath.get("body").flatMap((stmt) => {
-    if (stmt.isVariableDeclaration())
-      return stmt.get("declarations");
-    if (stmt.isExportNamedDeclaration()) {
-      let decl = stmt.get("declaration");
-      if (decl && decl.isVariableDeclaration())
-        return decl.get("declarations");
+  } else typescript.isVariableDeclaration(decl) && decl.initializer ? fn = unwrapToFunction(typescript, decl.initializer, 0, checker) : typescript.isExportAssignment(decl) && decl.expression && (fn = unwrapToFunction(typescript, decl.expression, 0, checker));
+  if (!fn)
+    return defaults;
+  let firstParam = fn.parameters[0];
+  if (!firstParam)
+    return defaults;
+  if (typescript.isObjectBindingPattern(firstParam.name))
+    return collectBindingDefaults(typescript, firstParam.name, defaults, checker), defaults;
+  let propsParamName = typescript.isIdentifier(firstParam.name) ? firstParam.name : void 0;
+  if (fn.body && propsParamName) {
+    let body = typescript.isBlock(fn.body) ? fn.body : void 0;
+    if (body) {
+      for (let stmt of body.statements)
+        if (typescript.isVariableStatement(stmt))
+          for (let varDecl of stmt.declarationList.declarations)
+            typescript.isObjectBindingPattern(varDecl.name) && varDecl.initializer && isPropsDerivedInitializer(typescript, varDecl.initializer, propsParamName, checker) && collectBindingDefaults(typescript, varDecl.name, defaults, checker);
     }
-    return [];
-  }).find((d) => {
-    let id = d.get("id");
-    return id.isIdentifier() && id.node.name === identifier.node.name;
-  });
-  if (!match)
-    return null;
-  let init = match.get("init");
-  return init && init.isExpression() ? init : null;
+  }
+  return defaults;
 }
-function pathForNode(program, target) {
-  if (!target)
-    return;
-  let found;
-  return program.traverse({
-    enter(p) {
-      p.node && p.node === target && (found = p, p.stop());
+function collectObjectLiteralDefaults(typescript, checker, obj, defaults) {
+  for (let prop of obj.properties)
+    if (typescript.isPropertyAssignment(prop) && prop.name) {
+      let name = prop.name.getText();
+      defaults.set(name, resolveLiteralValue(typescript, checker, prop.initializer));
+    } else if (typescript.isShorthandPropertyAssignment(prop)) {
+      let name = prop.name.getText(), symbol = checker.getShorthandAssignmentValueSymbol(prop);
+      symbol?.valueDeclaration && typescript.isVariableDeclaration(symbol.valueDeclaration) && symbol.valueDeclaration.initializer ? defaults.set(
+        name,
+        resolveLiteralValue(typescript, checker, symbol.valueDeclaration.initializer)
+      ) : defaults.set(name, name);
     }
-  }), found;
 }
-
-// src/componentManifest/getComponentImports.ts
-import { dirname as dirname8 } from "node:path";
-import { babelParse as babelParse2, recast, types as t3 } from "storybook/internal/babel";
-import { logger as logger7 } from "storybook/internal/node-logger";
-
-// src/componentManifest/reactDocgenTypescript.ts
-import { dirname as dirname7 } from "node:path";
-import { logger as logger6 } from "storybook/internal/node-logger";
-var typeScriptPromise, reactDocgenTypescriptPromise, loadTypeScript = () => typeScriptPromise ??= import("typescript"), loadReactDocgenTypescript = () => reactDocgenTypescriptPromise ??= import("react-docgen-typescript"), LARGE_NON_USER_SOURCE_THRESHOLD = 30, getPropSource = (prop) => prop.parent?.fileName ?? prop.declarations?.[0]?.fileName, getLargeNonUserPropSources = (props) => {
-  let countBySource = /* @__PURE__ */ new Map();
-  for (let prop of Object.values(props)) {
-    let source = getPropSource(prop);
-    (source?.includes("node_modules") || source?.endsWith(".d.ts")) && countBySource.set(source, (countBySource.get(source) ?? 0) + 1);
-  }
-  let largeNonUserSources = /* @__PURE__ */ new Set();
-  for (let [source, count] of countBySource)
-    count > LARGE_NON_USER_SOURCE_THRESHOLD && largeNonUserSources.add(source);
-  return largeNonUserSources;
-};
-function findDisplayNameAssignment(typescript, sourceFile, identifierName) {
-  for (let statement of sourceFile.statements) {
-    if (!typescript.isExpressionStatement(statement))
-      continue;
-    let expr = statement.expression;
-    if (typescript.isBinaryExpression(expr) && expr.operatorToken.kind === typescript.SyntaxKind.EqualsToken && typescript.isPropertyAccessExpression(expr.left) && expr.left.name.text === "displayName" && typescript.isIdentifier(expr.left.expression) && expr.left.expression.text === identifierName && typescript.isStringLiteral(expr.right))
-      return expr.right.text;
+function extractStaticDefaultProps(typescript, checker, resolved) {
+  let defaults = /* @__PURE__ */ new Map(), decl = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
+  if (!decl)
+    return defaults;
+  let componentSourceFile = decl.getSourceFile();
+  for (let stmt of componentSourceFile.statements) {
+    if (typescript.isClassDeclaration(stmt) && stmt.name) {
+      if (checker.getSymbolAtLocation(stmt.name) !== resolved)
+        continue;
+      for (let member of stmt.members) {
+        if (!typescript.isPropertyDeclaration(member) || !member.name || member.name.getText() !== "defaultProps" || !member.initializer)
+          continue;
+        let initializer = member.initializer;
+        if (typescript.isIdentifier(initializer)) {
+          let symDecl = checker.getSymbolAtLocation(initializer)?.valueDeclaration;
+          symDecl && typescript.isVariableDeclaration(symDecl) && symDecl.initializer && (initializer = symDecl.initializer);
+        }
+        typescript.isObjectLiteralExpression(initializer) && collectObjectLiteralDefaults(typescript, checker, initializer, defaults);
+      }
+    }
+    if (typescript.isExpressionStatement(stmt) && typescript.isBinaryExpression(stmt.expression) && stmt.expression.operatorToken.kind === typescript.SyntaxKind.EqualsToken) {
+      let left = stmt.expression.left;
+      if (!typescript.isPropertyAccessExpression(left) || left.name.text !== "defaultProps")
+        continue;
+      let targetSymbol = checker.getSymbolAtLocation(left.expression);
+      if (!targetSymbol || (targetSymbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(targetSymbol) : targetSymbol) !== resolved)
+        continue;
+      let right = stmt.expression.right;
+      if (typescript.isIdentifier(right)) {
+        let symDecl = checker.getSymbolAtLocation(right)?.valueDeclaration;
+        symDecl && typescript.isVariableDeclaration(symDecl) && symDecl.initializer && (right = symDecl.initializer);
+      }
+      typescript.isObjectLiteralExpression(right) && collectObjectLiteralDefaults(typescript, checker, right, defaults);
+    }
   }
+  return defaults;
 }
-function getExportNameMap(typescript, checker, sourceFile) {
-  let moduleSymbol = checker.getSymbolAtLocation(sourceFile);
-  if (!moduleSymbol)
-    return /* @__PURE__ */ new Map();
-  let result = /* @__PURE__ */ new Map(), fileName = sourceFile.fileName.replace(/.*\//, "").replace(/\.[^.]+$/, "");
-  for (let exportSymbol of checker.getExportsOfModule(moduleSymbol)) {
-    let resolved = exportSymbol.flags & typescript.SymbolFlags.Alias ? checker.getAliasedSymbol(exportSymbol) : exportSymbol, declaration = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
-    if (!declaration)
-      continue;
-    let type = checker.getTypeOfSymbolAtLocation(resolved, declaration), isStateless = type.getCallSignatures().some((sig) => {
-      let params = sig.getParameters();
-      return params.length === 1 || params.length > 0 && params[0].getName() === "props";
-    }), isStateful = type.getConstructSignatures().some(
-      (sig) => sig.getReturnType().getProperty("props") !== void 0
-    );
-    if (isStateless || isStateful) {
-      let exportName = exportSymbol.getName(), resolvedName = resolved.getName();
-      result.set(resolvedName, exportName), exportName === "default" && result.set(fileName, "default");
-      let displayNameValue = findDisplayNameAssignment(typescript, sourceFile, resolvedName);
-      displayNameValue && result.set(displayNameValue, exportName);
-    }
-  }
-  return result;
+function getJSDocDefault(typescript, prop, checker) {
+  let tags = prop.getJsDocTags(checker);
+  for (let tag of tags)
+    if (tag.name === "default" || tag.name === "defaultValue")
+      return typescript.displayPartsToString(tag.text) || void 0;
 }
-var cachedCompilerOptions, cachedFileNames, previousProgram, parser, cachedParserOptionsKey;
-function invalidateParser() {
-  parser = void 0, cachedCompilerOptions = void 0, cachedFileNames = void 0, cachedParserOptionsKey = void 0;
+function extractPropItem(typescript, checker, prop, contextNode, defaultsMap) {
+  let isRequired = !!!(prop.flags & typescript.SymbolFlags.Optional), propType = checker.getTypeOfSymbolAtLocation(prop, contextNode), type = serializeType(typescript, checker, propType, isRequired), description = typescript.displayPartsToString(prop.getDocumentationComment(checker)), parent = getParentType(typescript, prop), declarations = getAllDeclarationParents(typescript, prop), propName = prop.getName(), destructuringDefault = defaultsMap?.get(propName), jsDocDefault = getJSDocDefault(typescript, prop, checker), defaultStr = destructuringDefault ?? jsDocDefault;
+  return {
+    name: propName,
+    required: isRequired,
+    type,
+    description,
+    defaultValue: defaultStr !== void 0 ? { value: defaultStr } : null,
+    parent,
+    declarations
+  };
 }
-async function getParser5(userOptions) {
-  let [typescript, reactDocgenTypescript] = await Promise.all([
-    loadTypeScript(),
-    loadReactDocgenTypescript()
-  ]), optionsKey = JSON.stringify(userOptions ?? {});
-  if (parser && cachedParserOptionsKey !== optionsKey && (parser = void 0), !parser) {
-    let configPath = findTsconfigPath(process.cwd());
-    if (cachedCompilerOptions = { noErrorTruncation: !0, strict: !0 }, configPath) {
-      let { config } = typescript.readConfigFile(configPath, typescript.sys.readFile), parsed = typescript.parseJsonConfigFileContent(
-        config,
-        typescript.sys,
-        dirname7(configPath)
-      );
-      cachedCompilerOptions = { ...parsed.options, noErrorTruncation: !0 }, cachedFileNames = parsed.fileNames;
-    } else
-      logger6.warn(
-        "No tsconfig.json (or tsconfig.base.json / tsconfig.app.json) found. TypeScript component props will not be documented by react-docgen-typescript. Create a tsconfig.json in your project root to enable automatic controls."
-      );
-    let program = typescript.createProgram(
-      cachedFileNames ?? [],
-      cachedCompilerOptions,
-      void 0,
-      previousProgram
-    );
-    previousProgram = program;
-    let parserOptions = {
-      shouldExtractLiteralValuesFromEnum: !0,
-      shouldRemoveUndefinedFromOptional: !0,
-      ...userOptions,
-      // Always force savePropValueAsString so default values are in a consistent format
-      savePropValueAsString: !0
-    };
-    parser = {
-      program,
-      fileParser: reactDocgenTypescript.withCompilerOptions(cachedCompilerOptions, parserOptions)
-    }, cachedParserOptionsKey = optionsKey;
+function getBulkSourceExclusions(properties) {
+  let propSourceCache = /* @__PURE__ */ new Map(), getSource = (prop) => {
+    let cached2 = propSourceCache.get(prop);
+    return cached2 === void 0 && !propSourceCache.has(prop) && (cached2 = getPropSourceFile(prop), propSourceCache.set(prop, cached2)), cached2;
+  }, sourceCount = /* @__PURE__ */ new Map();
+  for (let prop of properties) {
+    let source = getSource(prop);
+    source && (source.includes("node_modules") || source.endsWith(".d.ts")) && sourceCount.set(source, (sourceCount.get(source) ?? 0) + 1);
   }
-  return { ...parser, typescript };
+  let bulkSources = new Set(
+    [...sourceCount.entries()].filter(([, count]) => count > LARGE_SOURCE_THRESHOLD).map(([source]) => source)
+  ), excluded = /* @__PURE__ */ new Set();
+  for (let prop of properties) {
+    let source = getSource(prop);
+    source && bulkSources.has(source) && excluded.add(prop.getName());
+  }
+  return excluded;
 }
-function matchComponentDoc(docs, {
-  importName,
-  localImportName,
-  componentName
+function computeDisplayName({
+  exportSymbol,
+  resolvedSymbol
 }) {
-  if (docs.length !== 0)
-    return docs.length === 1 ? docs[0] : docs.find(
-      (doc) => doc.exportName === importName || doc.exportName === localImportName || doc.displayName === importName || doc.displayName === localImportName || doc.displayName === componentName
-    );
+  let resolvedName = resolvedSymbol.getName();
+  if (!exportSymbol)
+    return resolvedName && resolvedName !== "default" && resolvedName !== "__function" ? resolvedName : void 0;
+  let exportName = exportSymbol.getName();
+  return exportName === "default" ? resolvedName && resolvedName !== "default" && resolvedName !== "__function" ? resolvedName : void 0 : exportName;
 }
-function getReactDocgenTypescriptError(path5, {
-  importName,
-  localImportName,
-  componentName
-}, docs) {
-  return docs.length === 0 ? {
-    name: "react-docgen-typescript found no component docs",
-    message: [
-      `File: ${path5}`,
-      "react-docgen-typescript did not return any component docs for this file."
-    ].join(`
-`)
-  } : {
-    name: "react-docgen-typescript could not match component docs",
-    message: [
-      `File: ${path5}`,
-      "react-docgen-typescript returned component docs for this file, but none matched the story's component import.",
-      `Looked for: componentName=${componentName}, localImportName=${localImportName ?? "<none>"}, importName=${importName ?? "<none>"}.`
-    ].join(`
-`)
-  };
+function extractComponentJsDocTags(typescript, checker, symbol) {
+  let tags = symbol.getJsDocTags(checker);
+  if (tags.length === 0)
+    return;
+  let groupedTags = groupBy(tags, (tag) => tag.name);
+  return Object.fromEntries(
+    Object.entries(groupedTags).map(([name, grouped]) => [
+      name,
+      (grouped ?? []).map((tag) => typescript.displayPartsToString(tag.text ?? []).trim())
+    ])
+  );
 }
-var parseWithReactDocgenTypescript = asyncCache(
-  async (filePath, userOptions) => {
-    let { program, fileParser, typescript } = await getParser5(userOptions), checker = program.getTypeChecker(), sourceFile = program.getSourceFile(filePath), docs = fileParser.parseWithProgramProvider(filePath, () => program), exportNameMap = sourceFile ? getExportNameMap(typescript, checker, sourceFile) : /* @__PURE__ */ new Map();
-    return docs.map((doc) => {
-      let largeNonUserSources = getLargeNonUserPropSources(doc.props);
-      return {
-        ...doc,
-        // Use name-based lookup: displayName is the resolved symbol name, so look it up in the
-        // export map to get the public export name. Falls back to displayName when not aliased.
-        exportName: exportNameMap.get(doc.displayName) ?? doc.displayName,
-        // Filter out bulk props from non-user sources (React built-ins, DOM, CSS-in-JS system props)
-        props: Object.fromEntries(
-          Object.entries(doc.props).filter(([, prop]) => {
-            let source = getPropSource(prop);
-            return !source || !largeNonUserSources.has(source);
-          })
-        )
-      };
-    });
-  },
-  { name: "parseWithReactDocgenTypescript" }
-);
-
-// src/componentManifest/getComponentImports.ts
-var baseIdentifier = (component) => component.split(".")[0] ?? component, isTypeSpecifier = (s) => t3.isImportSpecifier(s) && s.importKind === "type", importedName = (im) => t3.isIdentifier(im) ? im.name : im.value, addUniqueBy = (arr, item, eq2) => {
-  arr.find(eq2) || arr.push(item);
-}, getComponents = async ({
-  csf,
-  storyFilePath,
-  typescriptOptions = {},
-  docgenEngine,
-  additionalComponentNames = []
-}) => {
-  let { reactDocgenTypescriptOptions } = typescriptOptions, program = csf._file.path, componentSet = /* @__PURE__ */ new Set(), componentDepth = /* @__PURE__ */ new Map(), localToImport = /* @__PURE__ */ new Map(), jsxDepth = 0;
-  program.traverse({
-    JSXElement: {
-      enter() {
-        jsxDepth++;
-      },
-      exit() {
-        jsxDepth--;
-      }
-    },
-    JSXOpeningElement(p) {
-      let n = p.node.name, name;
-      if (t3.isJSXIdentifier(n))
-        name = n.name, name && /[A-Z]/.test(name.charAt(0)) && componentSet.add(name);
-      else if (t3.isJSXMemberExpression(n)) {
-        let jsxNameToString = (nm) => t3.isJSXIdentifier(nm) ? nm.name : `${jsxNameToString(nm.object)}.${jsxNameToString(nm.property)}`;
-        name = jsxNameToString(n), componentSet.add(name);
-      }
-      if (name) {
-        let depth = jsxDepth - 1, existing = componentDepth.get(name);
-        (existing === void 0 || depth < existing) && componentDepth.set(name, depth);
-      }
-    }
-  });
-  let metaComp = csf._meta?.component;
-  metaComp && componentSet.add(metaComp);
-  for (let componentName of additionalComponentNames)
-    componentSet.add(componentName);
-  let components = Array.from(componentSet).sort((a, b) => a.localeCompare(b)), body = program.get("body");
-  for (let stmt of body) {
-    if (!stmt.isImportDeclaration())
-      continue;
-    let decl = stmt.node;
-    if (decl.importKind === "type")
-      continue;
-    let specifiers = decl.specifiers ?? [];
-    if (specifiers.length !== 0)
-      for (let s of specifiers) {
-        if (!("local" in s) || !s.local || isTypeSpecifier(s))
-          continue;
-        let importId = decl.source.value;
-        if (t3.isImportDefaultSpecifier(s))
-          localToImport.set(s.local.name, { importId, importName: "default" });
-        else if (t3.isImportNamespaceSpecifier(s))
-          localToImport.set(s.local.name, { importId, importName: "*" });
-        else if (t3.isImportSpecifier(s)) {
-          let imported = importedName(s.imported);
-          localToImport.set(s.local.name, { importId, importName: imported });
+function serializeComponentDoc(typescript, checker, {
+  sourceFile,
+  resolvedComponent,
+  defaultsSourcePath
+}) {
+  let { componentRef, propsType, symbol } = resolvedComponent, exportName = componentRef.importName;
+  if (!exportName)
+    return;
+  let displayNameOverride = componentRef.componentName, isMemberSelection = !!componentRef.member, filePath = componentRef.path ?? sourceFile.fileName, resolved = resolveAliasedSymbol(typescript, checker, symbol), contextNode = resolved.valueDeclaration ?? resolved.getDeclarations()?.[0];
+  if (!contextNode)
+    return;
+  let moduleSymbol = checker.getSymbolAtLocation(sourceFile), exportSymbol = moduleSymbol ? checker.getExportsOfModule(moduleSymbol).find((candidate) => candidate.getName() === exportName) : void 0, allProperties, unionForceOptional;
+  if (isUnionType(propsType)) {
+    let seen = /* @__PURE__ */ new Map(), forceOptional = /* @__PURE__ */ new Set(), unionMembers = propsType.types, allMemberPropSets = [];
+    for (let member of unionMembers) {
+      let memberPropNames = /* @__PURE__ */ new Set();
+      for (let prop of member.getApparentProperties()) {
+        let name = prop.getName();
+        memberPropNames.add(name);
+        let propType = checker.getTypeOfSymbolAtLocation(prop, contextNode), isOptional = !!(prop.flags & typescript.SymbolFlags.Optional), isDegraded = !!(propType.getFlags() & typescript.TypeFlags.Never) || !!(propType.getFlags() & typescript.TypeFlags.Undefined);
+        (isOptional || isDegraded) && forceOptional.add(name);
+        let existing = seen.get(name);
+        if (!existing)
+          seen.set(name, prop);
+        else if (!isDegraded) {
+          let existingType = checker.getTypeOfSymbolAtLocation(existing, contextNode);
+          (!!(existingType.getFlags() & typescript.TypeFlags.Never) || !!(existingType.getFlags() & typescript.TypeFlags.Undefined)) && seen.set(name, prop);
         }
       }
+      allMemberPropSets.push(memberPropNames);
+    }
+    for (let name of seen.keys())
+      allMemberPropSets.every((s) => s.has(name)) || forceOptional.add(name);
+    allProperties = Array.from(seen.values()), unionForceOptional = forceOptional;
+  } else
+    allProperties = propsType.getApparentProperties();
+  let excluded = getBulkSourceExclusions(allProperties), defaultsMap = extractDestructuringDefaults(typescript, resolved, checker);
+  if (defaultsMap.size === 0 && defaultsSourcePath) {
+    let fallbackDefaults = extractDefaultsFromSourceFile(typescript, defaultsSourcePath, {
+      exportName,
+      localName: resolved.getName(),
+      preferLocalName: isMemberSelection
+    });
+    for (let [key, value] of fallbackDefaults)
+      defaultsMap.set(key, value);
   }
-  let isLocallyDefinedWithoutImport = (base2) => {
-    let binding = program.scope.getBinding(base2);
-    return binding ? !!!(binding.path.isImportSpecifier?.() || binding.path.isImportDefaultSpecifier?.() || binding.path.isImportNamespaceSpecifier?.()) : !1;
-  }, filteredComponents = components.filter(
-    (c) => !isLocallyDefinedWithoutImport(baseIdentifier(c))
-  );
-  return (await Promise.all(
-    filteredComponents.map(async (c) => {
-      let depth = componentDepth.get(c), dot = c.indexOf("."), component = dot !== -1 ? (() => {
-        let ns = c.slice(0, dot), mem = c.slice(dot + 1), direct = localToImport.get(ns);
-        return direct ? direct.importName === "*" ? {
-          componentName: c,
-          localImportName: ns,
-          importId: direct.importId,
-          importName: mem,
-          namespace: ns,
-          member: mem,
-          jsxDepth: depth
-        } : {
-          componentName: c,
-          localImportName: ns,
-          importId: direct.importId,
-          importName: direct.importName,
-          member: mem,
-          jsxDepth: depth
-        } : { componentName: c, member: mem, jsxDepth: depth };
-      })() : (() => {
-        let direct = localToImport.get(c);
-        return direct ? {
-          componentName: c,
-          localImportName: c,
-          importId: direct.importId,
-          importName: direct.importName,
-          jsxDepth: depth
-        } : { componentName: c, jsxDepth: depth };
-      })(), path5, isPackage = !1;
-      try {
-        component.importId && storyFilePath && (path5 = cachedResolveImport(matchPath(component.importId, dirname8(storyFilePath)), {
-          basedir: dirname8(storyFilePath)
-        }));
-      } catch (e) {
-        logger7.debug(e);
-      }
-      try {
-        component.importId && !component.importId.startsWith(".") && storyFilePath && (cachedResolveImport(component.importId, { basedir: dirname8(storyFilePath) }), isPackage = !0);
-      } catch {
-      }
-      let componentWithPackage = { ...component, isPackage };
-      if (path5) {
-        if (docgenEngine === "react-docgen-typescript") {
-          let reactDocgenTypescript, reactDocgenTypescriptError;
-          try {
-            let docs = await parseWithReactDocgenTypescript(path5, reactDocgenTypescriptOptions);
-            reactDocgenTypescript = matchComponentDoc(docs, component), reactDocgenTypescript || (reactDocgenTypescriptError = getReactDocgenTypescriptError(path5, component, docs));
-          } catch (e) {
-            let message = e instanceof Error ? e.message : String(e);
-            logger7.debug(`react-docgen-typescript failed for ${path5}: ${message}`), reactDocgenTypescriptError = {
-              name: "react-docgen-typescript parse error",
-              message: `File: ${path5}
-${message}`
-            };
-          }
-          let importOverride = reactDocgenTypescript ? getImportTag(reactDocgenTypescript) : void 0;
-          return {
-            ...componentWithPackage,
-            path: path5,
-            ...reactDocgenTypescript ? { reactDocgenTypescript } : {},
-            ...reactDocgenTypescriptError ? { reactDocgenTypescriptError } : {},
-            importOverride
-          };
+  let staticDefaults = extractStaticDefaultProps(typescript, checker, resolved);
+  for (let [key, value] of staticDefaults)
+    defaultsMap.has(key) || defaultsMap.set(key, value);
+  let props = {};
+  for (let prop of allProperties) {
+    if (excluded.has(prop.getName()))
+      continue;
+    let item = extractPropItem(typescript, checker, prop, contextNode, defaultsMap);
+    unionForceOptional?.has(prop.getName()) && (item.required = !1), props[prop.getName()] = item;
+  }
+  let displayName = (isMemberSelection ? displayNameOverride : void 0) ?? computeDisplayName({
+    exportSymbol,
+    resolvedSymbol: resolved
+  }) ?? displayNameOverride, description = typescript.displayPartsToString(resolved.getDocumentationComment(checker)), selectedJsDocTags = extractComponentJsDocTags(typescript, checker, resolved), exportResolved = exportSymbol && exportSymbol !== resolved ? resolveAliasedSymbol(typescript, checker, exportSymbol) : void 0, exportJsDocTags = exportResolved ? extractComponentJsDocTags(typescript, checker, exportResolved) : void 0, jsDocTags = selectedJsDocTags?.import || !exportJsDocTags?.import ? selectedJsDocTags : {
+    ...selectedJsDocTags ?? {},
+    import: exportJsDocTags.import
+  };
+  return {
+    displayName,
+    exportName,
+    filePath,
+    description,
+    jsDocTags,
+    props
+  };
+}
+function extractDefaultsFromSourceFile(typescript, filePath, {
+  exportName,
+  localName,
+  preferLocalName = !1
+}) {
+  let defaults = /* @__PURE__ */ new Map(), content = typescript.sys.readFile(filePath);
+  if (!content)
+    return defaults;
+  let sf = typescript.createSourceFile(
+    filePath,
+    content,
+    typescript.ScriptTarget.Latest,
+    /* setParentNodes */
+    !0
+  ), varMap = /* @__PURE__ */ new Map();
+  for (let stmt of sf.statements) {
+    if (typescript.isVariableStatement(stmt))
+      for (let decl of stmt.declarationList.declarations)
+        typescript.isIdentifier(decl.name) && decl.initializer && varMap.set(decl.name.text, decl.initializer);
+    typescript.isFunctionDeclaration(stmt) && stmt.name && varMap.set(stmt.name.text, stmt);
+  }
+  let fn = preferLocalName ? findLocalFunction(typescript, sf, localName, varMap) ?? findExportedFunction(typescript, sf, exportName, varMap) : findExportedFunction(typescript, sf, exportName, varMap) ?? findLocalFunction(typescript, sf, localName, varMap);
+  if (!fn)
+    return defaults;
+  let firstParam = fn.parameters[0];
+  if (!firstParam)
+    return defaults;
+  if (typescript.isObjectBindingPattern(firstParam.name))
+    collectBindingDefaults(typescript, firstParam.name, defaults);
+  else if (fn.body) {
+    let propsParamName = typescript.isIdentifier(firstParam.name) ? firstParam.name : void 0, body = typescript.isBlock(fn.body) ? fn.body : void 0;
+    if (body && propsParamName) {
+      for (let stmt of body.statements)
+        if (typescript.isVariableStatement(stmt))
+          for (let varDecl of stmt.declarationList.declarations)
+            typescript.isObjectBindingPattern(varDecl.name) && varDecl.initializer && isPropsDerivedInitializer(typescript, varDecl.initializer, propsParamName) && collectBindingDefaults(typescript, varDecl.name, defaults);
+    }
+  }
+  return defaults;
+}
+function findLocalFunction(typescript, sf, localName, varMap) {
+  if (!localName)
+    return;
+  let targetExpr = varMap.get(localName);
+  if (targetExpr)
+    return unwrapToFunctionAST(typescript, targetExpr, varMap, 0);
+}
+function findExportedFunction(typescript, sf, exportName, varMap) {
+  let targetExpr;
+  for (let stmt of sf.statements) {
+    if (exportName === "default" && typescript.isExportAssignment(stmt) && !stmt.isExportEquals) {
+      targetExpr = stmt.expression;
+      break;
+    }
+    if (typescript.isVariableStatement(stmt) && hasExportModifier(typescript, stmt)) {
+      for (let decl of stmt.declarationList.declarations)
+        if (typescript.isIdentifier(decl.name) && decl.name.text === exportName && decl.initializer) {
+          targetExpr = decl.initializer;
+          break;
         }
-        if (docgenEngine === "react-docgen") {
-          let reactDocgen = getReactDocgen(path5, componentWithPackage);
-          return {
-            ...componentWithPackage,
-            path: path5,
-            reactDocgen,
-            importOverride: reactDocgen.type === "success" ? getImportTag(reactDocgen.data) : void 0
-          };
+      if (targetExpr)
+        break;
+    }
+    if (typescript.isFunctionDeclaration(stmt) && hasExportModifier(typescript, stmt) && stmt.name?.text === exportName)
+      return findFunctionImpl(typescript, sf, stmt.name.text) ?? stmt;
+    if (typescript.isExportDeclaration(stmt) && stmt.exportClause && typescript.isNamedExports(stmt.exportClause)) {
+      for (let spec of stmt.exportClause.elements) {
+        let exported = spec.name.text, local = spec.propertyName ? spec.propertyName.text : spec.name.text;
+        if (exported === exportName) {
+          targetExpr = varMap.get(local);
+          break;
         }
-        if (docgenEngine === "react-component-meta")
-          return {
-            ...componentWithPackage,
-            path: path5
-          };
       }
-      return componentWithPackage;
-    })
-  )).sort((a, b) => a.componentName.localeCompare(b.componentName));
-}, getImports = ({
-  components,
-  packageName
-}) => {
-  let withSource = components.filter((c) => !!c.importId).map((c, idx) => {
-    let importId = c.importId, overrideSource = (() => {
-      if (c.importOverride)
-        try {
-          let src = babelParse2(c.importOverride).program.body.find((n) => t3.isImportDeclaration(n))?.source?.value;
-          return typeof src == "string" ? src : void 0;
-        } catch {
+      if (targetExpr)
+        break;
+    }
+  }
+  if (targetExpr || (targetExpr = varMap.get(exportName)), !!targetExpr)
+    return unwrapToFunctionAST(typescript, targetExpr, varMap, 0);
+}
+function unwrapToFunctionAST(typescript, node, varMap, depth) {
+  if (!(depth > MAX_UNWRAP_DEPTH)) {
+    if (typescript.isFunctionExpression(node) || typescript.isArrowFunction(node) || typescript.isFunctionDeclaration(node))
+      return node;
+    if (typescript.isParenthesizedExpression(node) || typescript.isAsExpression(node) || typescript.isTypeAssertionExpression && typescript.isTypeAssertionExpression(node))
+      return unwrapToFunctionAST(typescript, node.expression, varMap, depth + 1);
+    if (typescript.isCallExpression(node)) {
+      let callee = node.expression;
+      if (typescript.isPropertyAccessExpression(callee) && typescript.isIdentifier(callee.expression) && callee.expression.text === "Object" && callee.name.text === "assign" && node.arguments.length >= 1 || node.arguments.length >= 1)
+        return unwrapToFunctionAST(typescript, node.arguments[0], varMap, depth + 1);
+    }
+    if (typescript.isIdentifier(node)) {
+      let init = varMap.get(node.text);
+      if (init)
+        return unwrapToFunctionAST(typescript, init, varMap, depth + 1);
+    }
+  }
+}
+function findFunctionImpl(typescript, sf, name) {
+  for (let stmt of sf.statements)
+    if (typescript.isFunctionDeclaration(stmt) && stmt.name?.text === name && stmt.body)
+      return stmt;
+}
+function hasExportModifier(typescript, node) {
+  return typescript.canHaveModifiers(node) && typescript.getModifiers(node)?.some((m) => m.kind === typescript.SyntaxKind.ExportKeyword) === !0;
+}
+
+// src/componentManifest/componentMeta/ComponentMetaProject.ts
+var ComponentMetaProject = class {
+  constructor(typescript, commandLine, configFileName, fsFileSnapshots = /* @__PURE__ */ new Map(), getCommandLineFn) {
+    this.typescript = typescript;
+    this.commandLine = commandLine;
+    this.configFileName = configFileName;
+    this.fsFileSnapshots = fsFileSnapshots;
+    this.getCommandLineFn = getCommandLineFn;
+    this.projectVersion = 0;
+    this.shouldCheckRootFiles = !1;
+    /** Entries to extract — set by the generator, replayed during warmup for targeted type resolution. */
+    this.entries = [];
+    let language = (0, import_language_core.createLanguage)(
+      [{ getLanguageId: (fileName) => (0, import_typescript.resolveFileLanguageId)(fileName) }],
+      new import_language_core.FileMap(typescript.sys.useCaseSensitiveFileNames),
+      (fileName, includeFsFiles) => {
+        if (!includeFsFiles)
           return;
-        }
-    })(), rewritten = overrideSource !== void 0 ? overrideSource : (
-      // only rewrite to the package name it the import id is not already a valid package
-      // tsconfig paths such as ~/components/Button and components/Button are not seen as packages
-      packageName && !c.isPackage ? packageName : importId
+        let cache = fsFileSnapshots.get(fileName), modifiedTime = typescript.sys.getModifiedTime?.(fileName)?.valueOf();
+        if (!cache || cache[0] !== modifiedTime)
+          if (typescript.sys.fileExists(fileName)) {
+            let text = typescript.sys.readFile(fileName), snapshot2 = text !== void 0 ? typescript.ScriptSnapshot.fromString(text) : void 0;
+            fsFileSnapshots.set(fileName, [modifiedTime, snapshot2]);
+          } else
+            fsFileSnapshots.set(fileName, [modifiedTime, void 0]);
+        let snapshot = fsFileSnapshots.get(fileName)?.[1];
+        snapshot ? language.scripts.set(fileName, snapshot) : language.scripts.delete(fileName);
+      }
+    ), projectHost = {
+      getCurrentDirectory: () => configFileName ? path2.dirname(configFileName) : commandLine.options.rootDir ?? process.cwd(),
+      getCompilationSettings: () => this.commandLine.options,
+      getProjectReferences: () => this.commandLine.projectReferences,
+      getProjectVersion: () => (this.checkRootFilesUpdate(), this.projectVersion.toString()),
+      getScriptFileNames: () => (this.checkRootFilesUpdate(), this.commandLine.fileNames)
+    }, { languageServiceHost } = (0, import_typescript.createLanguageServiceHost)(
+      typescript,
+      typescript.sys,
+      language,
+      (s) => s,
+      // asScriptId — identity for React (no URI mapping needed)
+      projectHost
+    );
+    this.ls = typescript.createLanguageService(languageServiceHost);
+  }
+  getCommandLine() {
+    return this.commandLine;
+  }
+  dispose() {
+    clearTimeout(this.warmupTimer), this.ls.dispose();
+  }
+  // ---------------------------------------------------------------------------
+  // Project management
+  // ---------------------------------------------------------------------------
+  /**
+   * Batch-add multiple files to the project in one go. Only bumps projectVersion once, avoiding
+   * repeated program rebuilds.
+   */
+  ensureFiles(fileNames) {
+    let added = !1;
+    for (let fileName of fileNames)
+      this.commandLine.fileNames.includes(fileName) || (this.commandLine.fileNames.push(fileName), added = !0);
+    added && this.projectVersion++;
+  }
+  /**
+   * Adapted from:
+   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L436-L447
+   */
+  checkRootFilesUpdate() {
+    if (!this.shouldCheckRootFiles || (this.shouldCheckRootFiles = !1, !this.getCommandLineFn))
+      return;
+    let newCommandLine = this.getCommandLineFn();
+    arrayItemsEqual(newCommandLine.fileNames, this.commandLine.fileNames) || (this.commandLine.fileNames = newCommandLine.fileNames, this.projectVersion++);
+  }
+  hasSourceFile(fileName) {
+    return !!this.ls.getProgram()?.getSourceFile(fileName);
+  }
+  /**
+   * Get all non-node_modules source file paths from the TS program. Used by ComponentMetaManager to
+   * watch directories for file changes.
+   */
+  getSourceFilePaths() {
+    let program = this.ls.getProgram();
+    return program ? program.getSourceFiles().map((sf) => sf.fileName.replace(/\\/g, "/")).filter((f) => !f.includes("node_modules")) : [];
+  }
+  /**
+   * Adapted from:
+   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L409-L432
+   *
+   * Created events only set shouldCheckRootFiles (version bump happens in checkRootFilesUpdate if
+   * the file list actually changed). Deleted/created break early since they trigger a full config
+   * reparse — processing remaining changes is unnecessary.
+   */
+  onFilesChanged(changes) {
+    for (let { filePath } of changes)
+      this.fsFileSnapshots.delete(filePath);
+    let oldVersion = this.projectVersion, program = this.ls.getProgram();
+    for (let { filePath, type } of changes)
+      if (type === "changed")
+        program?.getSourceFile(filePath) && this.projectVersion++;
+      else if (type === "deleted") {
+        program?.getSourceFile(filePath) && this.projectVersion++, this.shouldCheckRootFiles = !0;
+        break;
+      } else if (type === "created") {
+        this.shouldCheckRootFiles = !0;
+        break;
+      }
+    this.projectVersion !== oldVersion && this.entries.length > 0 && (clearTimeout(this.warmupTimer), this.warmupTimer = setTimeout(() => {
+      try {
+        this.extractPropsFromStories(this.entries);
+      } catch {
+      }
+    }, 100), this.warmupTimer?.unref?.());
+  }
+  // ---------------------------------------------------------------------------
+  // Primary extraction method — probe-free
+  // ---------------------------------------------------------------------------
+  extractPropsFromStories(entries) {
+    this.entries = entries;
+    let allFiles = entries.flatMap(
+      (entry) => entry.component?.path ? [entry.storyPath, entry.component.path] : [entry.storyPath]
     );
-    return { c, src: t3.stringLiteral(rewritten), key: rewritten, ord: idx };
-  }), orderOfSource = {};
-  for (let w of withSource)
-    orderOfSource[w.key] === void 0 && (orderOfSource[w.key] = w.ord);
-  let buckets = /* @__PURE__ */ new Map(), ensureBucket = (key, src) => {
-    let prev = buckets.get(key);
-    if (prev)
-      return prev;
-    let b = {
-      source: src,
-      defaults: [],
-      namespaces: [],
-      named: [],
-      order: orderOfSource[key] ?? 0
-    };
-    return buckets.set(key, b), b;
-  };
-  for (let { c, src, key } of withSource) {
-    let b = ensureBucket(key, src), rewritten = src.value !== c.importId, overrideSpec = (() => {
-      if (c.importOverride)
-        try {
-          let decl = babelParse2(c.importOverride).program.body.find((n) => t3.isImportDeclaration(n));
-          if (!decl)
-            return;
-          let spec = (decl.specifiers ?? []).find((s) => !isTypeSpecifier(s));
-          return spec ? t3.isImportNamespaceSpecifier(spec) ? { kind: "namespace", local: spec.local.name } : t3.isImportDefaultSpecifier(spec) ? { kind: "default" } : t3.isImportSpecifier(spec) ? { kind: "named", imported: t3.isIdentifier(spec.imported) ? spec.imported.name : spec.imported.value } : void 0 : void 0;
-        } catch {
-          return;
+    this.ensureFiles(allFiles), this.ensureFresh(allFiles);
+    let program = this.ls.getProgram();
+    if (!program)
+      return;
+    let checker = program.getTypeChecker(), serializationContextByComponentPath = /* @__PURE__ */ new Map();
+    for (let entry of entries)
+      try {
+        let storySourceFile = program.getSourceFile(entry.storyPath), entryComponent = entry.component, componentPath = entryComponent?.path, exportName = entryComponent?.importName;
+        if (!storySourceFile || !componentPath || !exportName || !entryComponent)
+          continue;
+        let importId = entryComponent.importId, isPackageImport = importId && !importId.startsWith("."), componentSourceFile;
+        if (isPackageImport) {
+          let resolved = this.typescript.resolveModuleName(
+            importId,
+            entry.storyPath,
+            this.commandLine.options,
+            this.typescript.sys
+          );
+          componentSourceFile = resolved.resolvedModule ? program.getSourceFile(resolved.resolvedModule.resolvedFileName) : program.getSourceFile(componentPath);
+        } else
+          componentSourceFile = program.getSourceFile(componentPath);
+        if (!componentSourceFile)
+          continue;
+        let resolvedComponent;
+        if (importId && (resolvedComponent = resolvePropsFromStoryFile(
+          this.typescript,
+          checker,
+          storySourceFile,
+          entryComponent
+        )), resolvedComponent || (resolvedComponent = this.resolveFromMetaComponent(
+          checker,
+          storySourceFile,
+          entryComponent
+        )), !resolvedComponent)
+          continue;
+        let serializationContext = serializationContextByComponentPath.get(componentPath);
+        if (serializationContext === void 0) {
+          let resolvedFileName = componentSourceFile.fileName;
+          serializationContext = {
+            sourceFile: componentSourceFile,
+            defaultsSourcePath: resolvedFileName.endsWith(".d.ts") || resolvedFileName.endsWith(".d.mts") || resolvedFileName.endsWith(".d.cts") ? componentPath : void 0
+          }, serializationContextByComponentPath.set(componentPath, serializationContext);
         }
-    })();
-    if (overrideSpec) {
-      if (overrideSpec.kind === "namespace") {
-        let ns = t3.identifier(overrideSpec.local);
-        addUniqueBy(b.namespaces, ns, (n) => n.name === ns.name);
-        continue;
-      }
-      if (!c.localImportName)
-        continue;
-      if (overrideSpec.kind === "default") {
-        let id = t3.identifier(c.localImportName);
-        addUniqueBy(b.defaults, id, (d) => d.name === id.name);
+        let doc = serializeComponentDoc(this.typescript, checker, {
+          sourceFile: serializationContext.sourceFile,
+          resolvedComponent,
+          defaultsSourcePath: serializationContext.defaultsSourcePath
+        });
+        doc && (entryComponent.reactComponentMeta = doc, entryComponent.componentJsDocTags = doc.jsDocTags, entryComponent.importOverride = entryComponent.componentJsDocTags?.import?.[0]?.trim());
+      } catch {
         continue;
       }
-      if (overrideSpec.kind === "named") {
-        let local = t3.identifier(c.localImportName), imported = t3.identifier(overrideSpec.imported);
-        addUniqueBy(
-          b.named,
-          t3.importSpecifier(local, imported),
-          (n) => n.local.name === local.name && importedName(n.imported) === imported.name
-        );
+  }
+  /**
+   * Check mtime for specific files and bump projectVersion if any changed.
+   *
+   * This bypasses the sync() gate in createLanguageServiceHost — sync() only runs when
+   * projectVersion changes, so mtime-based cache alone can't detect stale files. We do a targeted
+   * mtime check for the files we're about to extract from, ensuring freshness even when the
+   * fs.watch event hasn't arrived yet (race with HMR) or was missed entirely.
+   */
+  ensureFresh(fileNames) {
+    let stale = !1;
+    for (let fileName of fileNames) {
+      let cache = this.fsFileSnapshots.get(fileName);
+      if (!cache)
         continue;
-      }
+      let currentMtime = this.typescript.sys.getModifiedTime?.(fileName)?.valueOf();
+      cache[0] !== currentMtime && (this.fsFileSnapshots.delete(fileName), stale = !0);
     }
-    if (c.namespace) {
-      if (rewritten) {
-        if (!c.importName)
-          continue;
-        let member = c.importName, id = t3.identifier(member);
-        addUniqueBy(
-          b.named,
-          t3.importSpecifier(id, id),
-          (n) => n.local.name === member && importedName(n.imported) === member
-        );
-      } else {
-        let ns = t3.identifier(c.namespace);
-        addUniqueBy(b.namespaces, ns, (n) => n.name === ns.name);
-      }
-      continue;
+    stale && this.projectVersion++;
+  }
+  // ---------------------------------------------------------------------------
+  // Internal helpers
+  // ---------------------------------------------------------------------------
+  /**
+   * Path 2 fallback: resolve the component type from the story file's `meta.component` property.
+   * Only works when the user explicitly set `component:` in the meta — no node means no
+   * extraction.
+   */
+  resolveFromMetaComponent(checker, storySourceFile, componentRef) {
+    let { member: memberAccess } = componentRef, moduleSymbol = checker.getSymbolAtLocation(storySourceFile);
+    if (!moduleSymbol)
+      return;
+    let defaultExport = checker.getExportsOfModule(moduleSymbol).find((e) => e.getName() === "default");
+    if (!defaultExport)
+      return;
+    let componentProp = checker.getTypeOfSymbol(defaultExport).getProperty("component");
+    if (!componentProp)
+      return;
+    let componentType = checker.getTypeOfSymbol(componentProp), selectedSymbol = componentProp.valueDeclaration && this.typescript.isPropertyAssignment(componentProp.valueDeclaration) ? checker.getSymbolAtLocation(componentProp.valueDeclaration.initializer) : componentType.getSymbol?.();
+    if (memberAccess) {
+      let prop = componentType.getProperty(memberAccess);
+      if (prop)
+        componentType = checker.getTypeOfSymbol(prop), selectedSymbol = prop;
+      else
+        return;
     }
-    if (c.importName === "default") {
-      if (!c.localImportName)
-        continue;
-      if (rewritten) {
-        let id = t3.identifier(c.localImportName);
-        addUniqueBy(
-          b.named,
-          t3.importSpecifier(id, id),
-          (n) => n.local.name === id.name && importedName(n.imported) === id.name
-        );
-      } else {
-        let id = t3.identifier(c.localImportName);
-        addUniqueBy(b.defaults, id, (d) => d.name === id.name);
+    let propsType = resolvePropsFromComponentType(this.typescript, checker, componentType);
+    if (!(!propsType || !selectedSymbol))
+      return {
+        componentRef,
+        propsType,
+        symbol: selectedSymbol
+      };
+  }
+};
+function arrayItemsEqual(a, b) {
+  if (a.length !== b.length)
+    return !1;
+  let set = new Set(a);
+  for (let file of b)
+    if (!set.has(file))
+      return !1;
+  return !0;
+}
+
+// src/componentManifest/componentMeta/ComponentMetaManager.ts
+var rootTsConfigNames = ["tsconfig.json", "jsconfig.json"], DEFAULT_INFERRED_OPTIONS = {
+  strict: !0,
+  esModuleInterop: !0,
+  allowJs: !0,
+  skipLibCheck: !0
+}, ComponentMetaManager = class {
+  constructor(typescript) {
+    this.typescript = typescript;
+    // Adapted from:
+    // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L34-L37
+    this.configProjects = /* @__PURE__ */ new Map();
+    this.rootTsConfigs = /* @__PURE__ */ new Set();
+    this.searchedDirs = /* @__PURE__ */ new Set();
+    // Our own file watching layer
+    this.watching = !1;
+    this.watchersByDir = /* @__PURE__ */ new Map();
+    this.pendingEvents = /* @__PURE__ */ new Map();
+    // Adapted from:
+    // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L83
+    this.fsFileSnapshots = /* @__PURE__ */ new Map();
+  }
+  // ---------------------------------------------------------------------------
+  // Adapted from:
+  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L70-L79
+  // ---------------------------------------------------------------------------
+  getProjectForFile(fileName) {
+    let tsconfig = this.findMatchTSConfig(fileName);
+    return tsconfig ? this.getOrCreateConfiguredProject(tsconfig) ?? this.getOrCreateInferredProject(fileName) : this.getOrCreateInferredProject(fileName);
+  }
+  /**
+   * Batch-extract component props across all entries, grouping by tsconfig project so each project
+   * builds its TS program only once.
+   */
+  batchExtract(entries) {
+    let extractableEntries = entries.filter(
+      (storyRef) => storyRef.component?.path && storyRef.component.importName
+    ), byProject = groupByToMap(
+      extractableEntries,
+      (storyRef) => this.getProjectForFile(storyRef.storyPath)
+    );
+    for (let [project, projectEntries] of byProject)
+      try {
+        project.extractPropsFromStories(projectEntries);
+      } catch (err) {
+        logger7.debug(`[reactComponentMeta] Batch extraction failed: ${err}`);
       }
-      continue;
-    }
-    if (c.importName) {
-      if (!c.localImportName)
-        continue;
-      let local = t3.identifier(c.localImportName), imported = t3.identifier(c.importName);
-      addUniqueBy(
-        b.named,
-        t3.importSpecifier(local, imported),
-        (n) => n.local.name === local.name && importedName(n.imported) === imported.name
-      );
-      continue;
+  }
+  // ---------------------------------------------------------------------------
+  // Adapted from:
+  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L101-L234
+  // ---------------------------------------------------------------------------
+  findMatchTSConfig(filePath) {
+    let fileName = filePath.replace(/\\/g, "/"), dir = path3.dirname(fileName);
+    for (; !this.searchedDirs.has(dir); ) {
+      this.searchedDirs.add(dir);
+      for (let tsConfigName of rootTsConfigNames) {
+        let tsconfigPath = path3.join(dir, tsConfigName).replace(/\\/g, "/");
+        this.typescript.sys.fileExists(tsconfigPath) && this.rootTsConfigs.add(tsconfigPath);
+      }
+      let parent = path3.dirname(dir);
+      if (parent === dir)
+        break;
+      dir = parent;
     }
-  }
-  let merged = [], printDecl = (specs, src) => {
-    let node = t3.importDeclaration(specs, src), code = recast.print(node, {}).code;
-    merged.push(code);
-  }, sortedBuckets = Array.from(buckets.values()).sort((a, b) => a.order - b.order);
-  for (let bucket of sortedBuckets) {
-    let { source, defaults, namespaces, named } = bucket;
-    if (!(defaults.length === 0 && namespaces.length === 0 && named.length === 0))
-      if (namespaces.length > 0) {
-        let firstSpecs = [];
-        defaults[0] && firstSpecs.push(t3.importDefaultSpecifier(defaults[0])), firstSpecs.push(t3.importNamespaceSpecifier(namespaces[0])), printDecl(firstSpecs, source), named.length > 0 && printDecl(named, source);
-        for (let d of defaults.slice(1))
-          printDecl([t3.importDefaultSpecifier(d)], source);
-        for (let ns of namespaces.slice(1))
-          printDecl([t3.importNamespaceSpecifier(ns)], source);
-      } else {
-        if (defaults.length > 0 || named.length > 0) {
-          let specs = [];
-          defaults[0] && specs.push(t3.importDefaultSpecifier(defaults[0])), specs.push(...named), printDecl(specs, source);
+    if (this.rootTsConfigs.size === 0)
+      return null;
+    let prepareClosestRootCommandLine = () => {
+      let matches = [];
+      for (let rootTsConfig of this.rootTsConfigs)
+        isFileInDir(fileName, path3.dirname(rootTsConfig)) && matches.push(rootTsConfig);
+      matches = matches.sort((a, b) => sortTSConfigs(fileName, a, b)), matches.length && getCommandLine(matches[0]);
+    }, findIndirectReferenceTsconfig = () => findTSConfig((tsconfig) => !!this.configProjects.get(tsconfig)?.hasSourceFile(fileName)), findDirectIncludeTsconfig = () => findTSConfig((tsconfig) => {
+      let commandLine = getCommandLine(tsconfig);
+      return new Set(commandLine?.fileNames ?? []).has(fileName);
+    }), findTSConfig = (match) => {
+      let checked = /* @__PURE__ */ new Set();
+      for (let rootTsConfig of [...this.rootTsConfigs].sort(
+        (a, b) => sortTSConfigs(fileName, a, b)
+      )) {
+        let project = this.configProjects.get(rootTsConfig);
+        if (project) {
+          let chains = getReferencesChains(project.getCommandLine(), rootTsConfig, []);
+          chains = chains.reverse();
+          for (let chain of chains)
+            for (let i = chain.length - 1; i >= 0; i--) {
+              let tsconfig = chain[i];
+              if (!checked.has(tsconfig) && (checked.add(tsconfig), match(tsconfig)))
+                return tsconfig;
+            }
         }
-        for (let d of defaults.slice(1))
-          printDecl([t3.importDefaultSpecifier(d)], source);
       }
+      return null;
+    }, getReferencesChains = (commandLine, tsConfig, before) => {
+      if (commandLine.projectReferences?.length) {
+        let newChains = [];
+        for (let projectReference of commandLine.projectReferences) {
+          let tsConfigPath = projectReference.path.replace(/\\/g, "/");
+          if (this.typescript.sys.directoryExists(tsConfigPath)) {
+            let newTsConfigPath = path3.join(tsConfigPath, "tsconfig.json"), newJsConfigPath = path3.join(tsConfigPath, "jsconfig.json");
+            this.typescript.sys.fileExists(newTsConfigPath) ? tsConfigPath = newTsConfigPath : this.typescript.sys.fileExists(newJsConfigPath) && (tsConfigPath = newJsConfigPath);
+          }
+          let beforeIndex = before.indexOf(tsConfigPath);
+          if (beforeIndex >= 0)
+            newChains.push(before.slice(0, Math.max(beforeIndex, 1)));
+          else {
+            let referenceCommandLine = getCommandLine(tsConfigPath);
+            if (referenceCommandLine)
+              for (let chain of getReferencesChains(referenceCommandLine, tsConfigPath, [
+                ...before,
+                tsConfig
+              ]))
+                newChains.push(chain);
+          }
+        }
+        return newChains;
+      } else
+        return [[...before, tsConfig]];
+    }, getCommandLine = (tsConfig) => this.getOrCreateConfiguredProject(tsConfig)?.getCommandLine();
+    return prepareClosestRootCommandLine(), findDirectIncludeTsconfig() ?? findIndirectReferenceTsconfig();
+  }
+  // ---------------------------------------------------------------------------
+  // Adapted from:
+  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L236-L256
+  // ---------------------------------------------------------------------------
+  getOrCreateConfiguredProject(tsconfig) {
+    tsconfig = tsconfig.replace(/\\/g, "/");
+    let project = this.configProjects.get(tsconfig);
+    if (!project)
+      try {
+        let getCommandLine = () => this.parseConfigWorker(tsconfig);
+        project = new ComponentMetaProject(
+          this.typescript,
+          getCommandLine(),
+          tsconfig,
+          this.fsFileSnapshots,
+          getCommandLine
+        ), this.configProjects.set(tsconfig, project), this.watching && (this.watchDirectory(path3.dirname(tsconfig)), this.watchProgramSourceDirs(project));
+      } catch (err) {
+        return logger7.debug(`[reactComponentMeta] Failed to parse tsconfig ${tsconfig}: ${err}`), null;
+      }
+    return project;
   }
-  return merged;
-};
-
-// src/componentManifest/subcomponents.ts
-import { types as t4 } from "storybook/internal/babel";
-function findExactComponentMatch(components, componentName) {
-  if (componentName)
-    return components.find((component) => component.componentName === componentName);
-}
-function extractDeclaredSubcomponents(csf) {
-  let rawSubcomponents = unwrapSubcomponentNode(
-    csf._metaAnnotations.subcomponents,
-    csf._ast.program
-  );
-  return !rawSubcomponents || !t4.isObjectExpression(rawSubcomponents) ? [] : rawSubcomponents.properties.flatMap((property) => {
-    if (!t4.isObjectProperty(property))
-      return [];
-    let name = getObjectKeyName(property.key), directComponentName = getComponentExpressionName(property.value), componentExpression = unwrapSubcomponentNode(property.value, csf._ast.program), componentName = getComponentExpressionName(componentExpression) ?? directComponentName;
-    return name && componentName ? [{ name, componentName }] : [];
-  });
-}
-function findVariableInitialization(identifier, program) {
-  for (let node of program.body) {
-    let declaration = (t4.isVariableDeclaration(node) ? node.declarations : t4.isExportNamedDeclaration(node) && t4.isVariableDeclaration(node.declaration) ? node.declaration.declarations : void 0)?.find(
-      (decl) => t4.isVariableDeclarator(decl) && t4.isIdentifier(decl.id) && decl.id.name === identifier
+  // ---------------------------------------------------------------------------
+  // Adapted from:
+  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L258-L284
+  // ---------------------------------------------------------------------------
+  getOrCreateInferredProject(fileName) {
+    return this.inferredProject || (this.inferredProject = new ComponentMetaProject(
+      this.typescript,
+      {
+        options: {
+          ...DEFAULT_INFERRED_OPTIONS,
+          target: this.typescript.ScriptTarget.Latest,
+          module: this.typescript.ModuleKind.ESNext,
+          moduleResolution: this.typescript.ModuleResolutionKind.Bundler,
+          jsx: this.typescript.JsxEmit.ReactJSX
+        },
+        fileNames: [],
+        errors: []
+      },
+      void 0,
+      this.fsFileSnapshots
+    )), this.inferredProject.ensureFiles([fileName]), this.inferredProject;
+  }
+  // ---------------------------------------------------------------------------
+  // Adapted from:
+  // https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProjectLs.ts#L262-L353
+  // ---------------------------------------------------------------------------
+  parseConfigWorker(tsconfig) {
+    let config = this.typescript.readJsonConfigFile(tsconfig, this.typescript.sys.readFile), content = this.typescript.parseJsonSourceFileConfigFileContent(
+      config,
+      this.typescript.sys,
+      path3.dirname(tsconfig),
+      {},
+      tsconfig
     );
-    if (declaration?.init && t4.isExpression(declaration.init))
-      return declaration.init;
+    return content.options.outDir = void 0, content.fileNames = content.fileNames.map((fileName) => fileName.replace(/\\/g, "/")), content;
   }
-}
-function unwrapSubcomponentNode(node, program, visitedIdentifiers = /* @__PURE__ */ new Set()) {
-  let current2 = node;
-  for (; current2; ) {
-    if (t4.isIdentifier(current2)) {
-      if (visitedIdentifiers.has(current2.name))
-        return;
-      visitedIdentifiers.add(current2.name), current2 = findVariableInitialization(current2.name, program);
-      continue;
+  // ---------------------------------------------------------------------------
+  // File events
+  // ---------------------------------------------------------------------------
+  /**
+   * Broadcast file changes to all projects. Each project selectively bumps projectVersion.
+   *
+   * Adapted from:
+   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/kit/lib/createChecker.ts#L409-L432
+   */
+  onFilesChanged(changes) {
+    for (let project of this.configProjects.values())
+      project.onFilesChanged(changes);
+    this.inferredProject?.onFilesChanged(changes);
+  }
+  /**
+   * Adapted from:
+   * https://github.com/volarjs/volar.js/blob/882cd56d46a13d272f34e451f495d3d62251969a/packages/language-server/lib/project/typescriptProject.ts#L43-L68
+   */
+  onConfigChanged(configPath, type) {
+    if (configPath = configPath.replace(/\\/g, "/"), type === "created")
+      this.rootTsConfigs.add(configPath);
+    else if ((type === "changed" || type === "deleted") && this.configProjects.has(configPath)) {
+      type === "deleted" && this.rootTsConfigs.delete(configPath);
+      let project = this.configProjects.get(configPath);
+      this.configProjects.delete(configPath), project?.dispose();
     }
-    if (t4.isParenthesizedExpression(current2) || t4.isTSAsExpression(current2) || t4.isTSSatisfiesExpression(current2) || t4.isTSNonNullExpression(current2)) {
-      current2 = current2.expression;
-      continue;
+    this.searchedDirs.clear();
+  }
+  // ---------------------------------------------------------------------------
+  // Our own file watching layer (no Volar equivalent — we're standalone)
+  // ---------------------------------------------------------------------------
+  startWatching() {
+    if (!this.watching) {
+      this.watching = !0;
+      for (let tsconfig of this.configProjects.keys())
+        this.watchDirectory(path3.dirname(tsconfig));
+      this.watchProgramSourceDirs();
     }
-    return current2;
   }
-}
-function getObjectKeyName(key) {
-  if (t4.isIdentifier(key))
-    return key.name;
-  if (t4.isStringLiteral(key))
-    return key.value;
-}
-function getComponentExpressionName(node) {
-  if (node) {
-    if (t4.isIdentifier(node))
-      return node.name;
-    if (t4.isMemberExpression(node) && !node.computed) {
-      let objectName = getComponentExpressionName(node.object), propertyName = getComponentExpressionName(node.property);
-      return objectName && propertyName ? `${objectName}.${propertyName}` : void 0;
+  /**
+   * Watch directories that contain source files from all TS programs. This covers monorepo setups
+   * where stories import components via path aliases (e.g. apps/storybook/ imports from
+   * packages/ui/ via tsconfig paths).
+   */
+  watchProgramSourceDirs(singleProject) {
+    let dirs = /* @__PURE__ */ new Set();
+    if (singleProject)
+      for (let filePath of singleProject.getSourceFilePaths())
+        dirs.add(path3.dirname(filePath));
+    else {
+      for (let project of this.configProjects.values())
+        for (let filePath of project.getSourceFilePaths())
+          dirs.add(path3.dirname(filePath));
+      if (this.inferredProject)
+        for (let filePath of this.inferredProject.getSourceFilePaths())
+          dirs.add(path3.dirname(filePath));
+    }
+    let roots = /* @__PURE__ */ new Set();
+    for (let dir of dirs) {
+      let candidate = dir;
+      for (; candidate !== path3.dirname(candidate); ) {
+        let normalized = candidate.replace(/\\/g, "/"), alreadyWatched = !1;
+        for (let watched of this.watchersByDir.keys())
+          if (normalized === watched || normalized.startsWith(watched + "/")) {
+            alreadyWatched = !0;
+            break;
+          }
+        if (alreadyWatched)
+          break;
+        if (this.typescript.sys.fileExists(path3.join(candidate, "package.json")) || this.typescript.sys.fileExists(path3.join(candidate, "tsconfig.json"))) {
+          roots.add(candidate);
+          break;
+        }
+        candidate = path3.dirname(candidate);
+      }
     }
+    for (let root of roots)
+      this.watchDirectory(root);
   }
-}
-
-// src/componentManifest/generator.ts
-var componentMetaManager;
-async function createComponentMetaManager(watch2) {
-  if (componentMetaManager && watch2)
-    return componentMetaManager;
-  try {
-    let ts = await import("typescript"), manager = new ComponentMetaManager(ts);
-    return watch2 && (componentMetaManager = manager), manager;
-  } catch {
-    logger8.debug(
-      "[reactComponentMeta] TypeScript not available, skipping component meta extraction"
-    );
-  }
-}
-function isAttachedDocsEntry(entry) {
-  return entry.type === "docs" && entry.tags?.includes(Tag.ATTACHED_MDX) === !0 && entry.storiesImports.length > 0;
-}
-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.
-    isAttachedDocsEntry(entry)
-  ).forEach((entry) => {
-    let componentId = entry.id.split("--")[0], existingEntry = entriesByComponentId.get(componentId);
-    if (!existingEntry) {
-      entriesByComponentId.set(componentId, entry);
+  watchDirectory(dir) {
+    if (!this.watching)
       return;
+    let normalized = dir.replace(/\\/g, "/");
+    for (let watched of this.watchersByDir.keys())
+      if (normalized === watched || normalized.startsWith(watched + "/"))
+        return;
+    for (let [watched, watcher] of this.watchersByDir)
+      watched.startsWith(normalized + "/") && (watcher.close(), this.watchersByDir.delete(watched));
+    try {
+      let watcher = watch(dir, { recursive: !0 }, (eventType, filename) => {
+        if (!filename)
+          return;
+        let filePath = path3.resolve(dir, filename).replace(/\\/g, "/");
+        if (filePath.includes("/node_modules/") || filePath.includes("/.git/"))
+          return;
+        let existing = this.pendingEvents.get(filePath);
+        existing && clearTimeout(existing), this.pendingEvents.set(
+          filePath,
+          setTimeout(() => {
+            this.pendingEvents.delete(filePath), eventType === "rename" ? existsSync3(filePath) ? this.handleFileEvent(filePath, "created") : this.handleFileEvent(filePath, "deleted") : this.handleFileEvent(filePath, "changed");
+          }, 50)
+        );
+      });
+      watcher.unref(), this.watchersByDir.set(normalized, watcher);
+    } catch (err) {
+      logger7.debug(`[reactComponentMeta] Failed to watch directory ${normalized}: ${err}`);
     }
-    existingEntry.type === "docs" && entry.type === "story" && entriesByComponentId.set(componentId, entry);
-  }), [...entriesByComponentId.values()];
-}
-function findMatchingComponent(components, componentName, title) {
-  let exactMatch = findExactComponentMatch(components, componentName);
-  if (exactMatch)
-    return exactMatch;
-  let trimmedTitle = title.replace(/\s+/g, ""), matches = components.filter(
-    (it) => trimmedTitle.includes(it.componentName) || it.localImportName && trimmedTitle.includes(it.localImportName) || it.importName && trimmedTitle.includes(it.importName)
-  );
-  if (matches.length <= 1)
-    return matches[0];
-  let best = matches[0];
-  for (let cur of matches) {
-    if (cur.jsxDepth === 0)
-      return cur;
-    (cur.jsxDepth ?? 1 / 0) < (best.jsxDepth ?? 1 / 0) && (best = cur);
   }
-  return best;
-}
-function getPackageInfo(componentPath, fallbackPath) {
-  let nearestPkg = cachedFindUp("package.json", {
-    cwd: path.dirname(componentPath ?? fallbackPath)
-  });
-  try {
-    if (!nearestPkg)
+  stopWatching() {
+    for (let timeout of this.pendingEvents.values())
+      clearTimeout(timeout);
+    this.pendingEvents.clear();
+    for (let watcher of this.watchersByDir.values())
+      watcher.close();
+    this.watchersByDir.clear(), this.watching = !1;
+  }
+  /**
+   * Map raw fs.watch events to LSP-style FileChangeType before broadcasting.
+   *
+   * Fs.watch reports atomic saves (sed -i, editors) as `rename` → we classify as `created` (file
+   * exists after rename). But an IDE/LSP would report an atomic save of an _existing_ file as
+   * `Changed`, not `Created`.
+   *
+   * We reclassify here so that onFilesChanged stays 1:1 with Volar Kit.
+   */
+  handleFileEvent(filePath, type) {
+    if (type === "created") {
+      for (let project of this.configProjects.values())
+        if (project.hasSourceFile(filePath)) {
+          type = "changed";
+          break;
+        }
+      type === "created" && this.inferredProject?.hasSourceFile(filePath) && (type = "changed");
+    }
+    let basename3 = path3.basename(filePath);
+    if (rootTsConfigNames.includes(basename3)) {
+      this.onConfigChanged(filePath, type);
       return;
-    let parsed = JSON.parse(cachedReadTextFileSync(nearestPkg));
-    return typeof parsed == "object" && parsed && "name" in parsed && typeof parsed.name == "string" ? parsed.name : void 0;
-  } catch {
-    return;
+    }
+    this.onFilesChanged([{ filePath, type }]);
   }
+  dispose() {
+    this.stopWatching();
+    for (let project of this.configProjects.values())
+      project.dispose();
+    this.inferredProject?.dispose(), this.configProjects.clear(), this.inferredProject = void 0, this.fsFileSnapshots.clear(), this.searchedDirs.clear(), this.rootTsConfigs.clear();
+  }
+};
+function sortTSConfigs(file, a, b) {
+  let inA = isFileInDir(file, path3.dirname(a)), inB = isFileInDir(file, path3.dirname(b));
+  if (inA !== inB)
+    return (inB ? 1 : 0) - (inA ? 1 : 0);
+  let aLength = a.split("/").length, bLength = b.split("/").length;
+  if (aLength === bLength) {
+    let aWeight = path3.basename(a) === "tsconfig.json" ? 1 : 0;
+    return (path3.basename(b) === "tsconfig.json" ? 1 : 0) - aWeight;
+  }
+  return bLength - aLength;
 }
-function getFallbackImport(packageName, componentName) {
-  let exportName = componentName?.split(".").at(-1);
-  return packageName && exportName ? `import { ${exportName} } from "${packageName}";` : "";
-}
-function getComponentDocgenData(component, docgenEngine) {
-  let reactDocgen, reactDocgenTypescript, reactComponentMeta, docgenDescription, docgenJsDocTags, docgenError;
-  if (docgenEngine === "react-docgen") {
-    let result = component?.reactDocgen;
-    reactDocgen = result?.type === "success" ? result.data : void 0, docgenDescription = reactDocgen?.description, docgenError = result?.type === "error" ? result.error : void 0;
-  } else docgenEngine === "react-docgen-typescript" ? (reactDocgenTypescript = component?.reactDocgenTypescript, docgenDescription = reactDocgenTypescript?.description, docgenError = component?.reactDocgenTypescriptError) : (reactComponentMeta = component?.reactComponentMeta, docgenDescription = reactComponentMeta?.description, docgenJsDocTags = component?.componentJsDocTags);
-  return {
-    docgenDescription,
-    docgenError,
-    docgenJsDocTags,
-    reactComponentMeta,
-    reactDocgen,
-    reactDocgenTypescript
-  };
-}
-function createSubcomponentManifest({
-  component,
-  declaredName,
-  docgenEngine,
-  packageName,
-  storyFilePath
-}) {
-  let imports = getImports({ components: component ? [component] : [], packageName }).join(`
-`).trim() || getFallbackImport(packageName, component?.componentName), {
-    reactDocgen,
-    reactDocgenTypescript,
-    reactComponentMeta,
-    docgenDescription,
-    docgenJsDocTags,
-    docgenError
-  } = getComponentDocgenData(component, docgenEngine), { description, summary, jsDocTags } = extractComponentDescription(
-    void 0,
-    docgenDescription,
-    docgenJsDocTags
-  );
-  return {
-    name: declaredName,
-    path: component?.path ?? storyFilePath,
-    description,
-    summary,
-    import: imports || void 0,
-    jsDocTags,
-    reactDocgen,
-    reactDocgenTypescript,
-    reactComponentMeta,
-    error: docgenError ?? (component ? void 0 : {
-      name: "No component import found",
-      message: `No component file found for the "${declaredName}" subcomponent.`
-    })
-  };
+function isFileInDir(fileName, dir) {
+  let relative3 = path3.relative(dir, fileName);
+  return !!relative3 && !relative3.startsWith("..") && !path3.isAbsolute(relative3);
 }
-function extractStories(csf, componentName, manifestEntries) {
-  let manifestEntryIds = new Set(manifestEntries.map((entry) => entry.id));
-  return Object.entries(csf._stories).filter(
-    ([, story]) => (
-      // Only include stories that are in the list of entries already filtered for the 'manifest' tag
-      manifestEntryIds.has(story.id)
-    )
-  ).map(([storyExport, story]) => {
+
+// src/componentManifest/componentMetaManagerSingleton.ts
+var componentMetaManagerPromise;
+function getSharedComponentMetaManager() {
+  return componentMetaManagerPromise || (componentMetaManagerPromise = (async () => {
     try {
-      let jsdocComment = extractDescription(csf._storyStatements[storyExport]), { tags = {}, description } = jsdocComment ? extractJSDocInfo(jsdocComment) : {}, finalDescription = (tags?.describe?.[0] || tags?.desc?.[0]) ?? description;
-      return {
-        id: story.id,
-        name: story.name ?? storyNameFromExport(storyExport),
-        snippet: recast2.print(getCodeSnippet(csf, storyExport, componentName)).code,
-        description: finalDescription?.trim(),
-        summary: tags.summary?.[0]
-      };
-    } catch (e) {
-      return invariant(e instanceof Error), {
-        id: story.id,
-        name: story.name ?? storyNameFromExport(storyExport),
-        error: { name: e.name, message: e.message }
-      };
+      let ts = await import("typescript");
+      return new ComponentMetaManager(ts);
+    } catch {
+      logger8.debug(
+        "[reactComponentMeta] TypeScript not available, skipping component meta extraction."
+      );
+      return;
     }
-  });
-}
-function extractComponentDescription(metaJsDoc, docgenDescription, docgenJsDocTags) {
-  let jsdocComment = metaJsDoc || docgenDescription, extracted = jsdocComment ? extractJSDocInfo(jsdocComment) : void 0, tags = docgenJsDocTags ?? extracted?.tags ?? {}, description = extracted?.description;
-  return {
-    description: ((tags?.describe?.[0] || tags?.desc?.[0]) ?? description)?.trim(),
-    summary: tags.summary?.[0],
-    jsDocTags: tags
-  };
+  })()), componentMetaManagerPromise;
 }
+
+// src/componentManifest/generator.ts
 var manifests = async (existingManifests = {}, options) => {
   let { manifestEntries, presets, watch: watch2 } = options, typescriptOptions = await presets?.apply("typescript", {}) ?? {}, docgenEngine = (await presets?.apply("features", {}))?.experimentalReactComponentMeta ? "react-component-meta" : typescriptOptions.reactDocgen || "react-docgen";
   invalidateCache(), invalidateParser();
-  let startTime = performance.now(), manager = docgenEngine === "react-component-meta" ? await createComponentMetaManager(watch2) : null;
-  try {
-    let entriesByUniqueComponent = selectComponentEntries(manifestEntries), resolvedEntries = await Promise.all(
-      entriesByUniqueComponent.map(async (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]
-        ), storyPath = path.join(process.cwd(), storyFilePath), storyFile = cachedReadTextFileSync(storyPath), csf = loadCsf(storyFile, {
-          makeTitle: () => entry.title
-        }).parse(), componentName = csf._meta?.component, declaredSubcomponents = extractDeclaredSubcomponents(csf), allComponents = await getComponents({
-          additionalComponentNames: declaredSubcomponents.map(
-            (subcomponent) => subcomponent.componentName
-          ),
-          csf,
-          storyFilePath: storyPath,
-          typescriptOptions,
-          docgenEngine
-        }), component = findMatchingComponent(allComponents, componentName, entry.title), subcomponents = declaredSubcomponents.map((declaredSubcomponent) => ({
-          component: findExactComponentMatch(allComponents, declaredSubcomponent.componentName),
-          name: declaredSubcomponent.name
-        }));
-        return {
-          storyPath,
-          component,
-          entry,
-          storyFilePath,
-          storyFile,
-          csf,
-          componentName,
-          allComponents,
-          subcomponents
-        };
-      })
-    );
-    docgenEngine === "react-component-meta" && manager && manager.batchExtract(
-      resolvedEntries.flatMap(({ storyPath, component, subcomponents }) => [
-        ...component ? [{ storyPath, component }] : [],
-        ...subcomponents.filter(
-          (subcomponent) => subcomponent.component !== void 0
-        ).map((subcomponent) => ({
-          storyPath,
-          component: subcomponent.component
-        }))
-      ])
-    );
-    let components = resolvedEntries.map(
-      ({
+  let startTime = performance.now(), manager = docgenEngine === "react-component-meta" ? await getSharedComponentMetaManager() : void 0, entriesByUniqueComponent = [
+    ...selectComponentEntriesByComponentId(manifestEntries).values()
+  ], resolvedEntries = await Promise.all(
+    entriesByUniqueComponent.map(async (entry) => {
+      let storyFilePath = getStoryImportPathFromEntry(entry);
+      if (!storyFilePath)
+        throw new Error(`No story file path for index entry ${entry.id}`);
+      let storyPath = path.join(process.cwd(), storyFilePath), resolved = await resolveStoryFileComponents({
         storyPath,
-        component,
+        title: entry.title,
+        typescriptOptions,
+        docgenEngine
+      });
+      return { entry, storyFilePath, ...resolved };
+    })
+  );
+  docgenEngine === "react-component-meta" && manager && manager.batchExtract(
+    resolvedEntries.flatMap(({ storyPath, component, subcomponents }) => [
+      ...component ? [{ storyPath, component }] : [],
+      ...subcomponents.filter(
+        (subcomponent) => subcomponent.component !== void 0
+      ).map((subcomponent) => ({
+        storyPath,
+        component: subcomponent.component
+      }))
+    ])
+  );
+  let manifestEntryIds = new Set(manifestEntries.map((entry) => entry.id)), components = resolvedEntries.map(
+    ({
+      storyPath,
+      component,
+      entry,
+      storyFilePath,
+      storyFile,
+      csf,
+      componentName,
+      allComponents,
+      subcomponents
+    }) => toReactComponentManifest(
+      buildReactComponentDocgenFromResolved({
         entry,
+        storyPath,
         storyFilePath,
         storyFile,
         csf,
         componentName,
+        component,
         allComponents,
-        subcomponents
-      }) => {
-        let id = entry.id.split("--")[0], 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 = extractStories(csf, component?.componentName, manifestEntries), base2 = {
-          id,
-          name: componentName ?? title,
-          path: storyFilePath,
-          stories,
-          import: imports,
-          jsDocTags: {}
-        }, {
-          reactDocgen,
-          reactDocgenTypescript,
-          reactComponentMeta,
-          docgenDescription,
-          docgenJsDocTags,
-          docgenError
-        } = getComponentDocgenData(component, docgenEngine);
-        if (!reactDocgen && !reactDocgenTypescript && !reactComponentMeta) {
-          let error = csf._meta?.component ? {
-            name: "No component import found",
-            message: `No component file found for the "${csf.meta.component}" component.`
-          } : {
-            name: "No component found",
-            message: "We could not detect the component from your story file. Specify meta.component."
-          };
-          return {
-            ...base2,
-            error: docgenError ?? {
-              name: error.name,
-              message: (csf._metaStatementPath?.buildCodeFrameError(error.message).message ?? error.message) + `
-
-${entry.importPath}:
-${storyFile}`
-            }
-          };
-        }
-        let metaJsDoc = extractDescription(csf._metaStatement) || void 0, { description, summary, jsDocTags } = extractComponentDescription(
-          metaJsDoc,
-          docgenDescription,
-          docgenJsDocTags
-        ), subcomponentEntries = Object.fromEntries(
-          subcomponents.map((subcomponent) => [
-            subcomponent.name,
-            createSubcomponentManifest({
-              component: subcomponent.component,
-              declaredName: subcomponent.name,
-              docgenEngine,
-              packageName,
-              storyFilePath
-            })
-          ])
-        );
-        return {
-          ...base2,
-          description,
-          summary,
-          import: imports,
-          reactDocgen,
-          reactDocgenTypescript,
-          reactComponentMeta,
-          jsDocTags,
-          ...Object.keys(subcomponentEntries).length > 0 ? { subcomponents: subcomponentEntries } : {},
-          error: docgenError
-        };
-      }
-    ).filter((component) => component !== void 0);
-    manager && watch2 && manager.startWatching();
-    let durationMs = Math.round(performance.now() - startTime);
-    return {
-      ...existingManifests,
-      components: {
-        v: 0,
-        components: Object.fromEntries(components.map((component) => [component.id, component])),
-        meta: {
-          docgen: docgenEngine,
-          durationMs
-        }
+        subcomponents,
+        docgenEngine,
+        filterStoryIds: manifestEntryIds
+      })
+    )
+  ).filter((component) => component !== void 0);
+  manager && watch2 && manager.startWatching();
+  let durationMs = Math.round(performance.now() - startTime);
+  return {
+    ...existingManifests,
+    components: {
+      v: 0,
+      components: Object.fromEntries(components.map((component) => [component.id, component])),
+      meta: {
+        docgen: docgenEngine,
+        durationMs
       }
-    };
-  } finally {
-    manager && !watch2 && manager.dispose();
-  }
+    }
+  };
 };
 
 // src/enrichCsf.ts
@@ -17706,6 +17764,120 @@ var enrichCsf = async (input, options) => {
     };
 };
 
+// src/docgen/preset.ts
+import { STORY_FILE_TEST_REGEXP, getStoryImportPathFromEntry as getStoryImportPathFromEntry3 } from "storybook/internal/common";
+
+// src/docgen/buildDocgen.ts
+import { getStoryImportPathFromEntry as getStoryImportPathFromEntry2 } from "storybook/internal/common";
+function mapProps(doc) {
+  return doc ? Object.values(doc.props).map((prop) => ({
+    name: prop.name,
+    required: prop.required,
+    type: prop.type,
+    description: prop.description,
+    defaultValue: prop.defaultValue,
+    parent: prop.parent,
+    declarations: prop.declarations
+  })) : [];
+}
+function mapSubcomponentToDocgen(sub) {
+  return {
+    name: sub.name,
+    path: sub.path,
+    description: sub.description,
+    summary: sub.summary,
+    import: sub.import,
+    jsDocTags: sub.jsDocTags,
+    props: mapProps(sub.reactComponentMeta),
+    error: sub.error
+  };
+}
+function toDocgenPayload(resolved) {
+  let stories = resolved.stories.length > 0 ? resolved.stories.map((story) => ({
+    id: story.id,
+    name: story.name,
+    snippet: story.snippet,
+    description: story.description,
+    summary: story.summary,
+    error: story.error
+  })) : void 0, subcomponents = resolved.subcomponents && Object.keys(resolved.subcomponents).length > 0 ? Object.fromEntries(
+    Object.entries(resolved.subcomponents).map(([key, sub]) => [
+      key,
+      mapSubcomponentToDocgen(sub)
+    ])
+  ) : void 0;
+  return {
+    componentId: resolved.componentId,
+    name: resolved.name,
+    path: resolved.path,
+    import: resolved.import,
+    description: resolved.description ?? "",
+    summary: resolved.summary,
+    jsDocTags: resolved.jsDocTags,
+    props: mapProps(resolved.reactComponentMeta),
+    error: resolved.error,
+    ...subcomponents ? { subcomponents } : {},
+    ...stories ? { stories } : {}
+  };
+}
+async function buildDocgenPayload(input, context) {
+  let storyFilePath = getStoryImportPathFromEntry2(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, 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({
+    entry: input.entry,
+    storyPath,
+    storyFilePath,
+    storyFile,
+    csf,
+    componentName,
+    component,
+    allComponents,
+    subcomponents,
+    docgenEngine: "react-component-meta"
+  });
+  return toDocgenPayload(componentDocgen);
+}
+
+// src/docgen/preset.ts
+var experimental_docgenProvider = async (nextDocgen, options) => {
+  let typescriptOptionsPromise = options.presets?.apply(
+    "typescript",
+    {}
+  ) ?? Promise.resolve({});
+  return getSharedComponentMetaManager(), async (input) => {
+    let storyImportPath = getStoryImportPathFromEntry3(input.entry);
+    if (!storyImportPath || !STORY_FILE_TEST_REGEXP.test(storyImportPath))
+      return nextDocgen(input);
+    let componentMetaManager = await getSharedComponentMetaManager();
+    if (!componentMetaManager)
+      return nextDocgen(input);
+    let ours = await buildDocgenPayload(input, {
+      componentMetaManager,
+      typescriptOptions: await typescriptOptionsPromise
+    });
+    return ours ? { ...await nextDocgen(input), ...ours } : nextDocgen(input);
+  };
+};
+
 // src/preset.ts
 var addons = [
   import.meta.resolve("@storybook/react-dom-shim/preset")
@@ -17759,6 +17931,7 @@ async function internal_getArgTypesData(_input, options) {
 var optimizeViteDeps = ["react-dom/test-utils"];
 export {
   addons,
+  experimental_docgenProvider,
   enrichCsf as experimental_enrichCsf,
   manifests as experimental_manifests,
   internal_getArgTypesData,