@storybook/vue3 11.0.0-alpha.8 → 11.0.0-beta.0

package/dist/_node-chunks/{chunk-ZYAY4DT5.js → chunk-LXLV32GL.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -31,7 +31,7 @@ import {
   renderPropLikeArg,
   renderSlotContent,
   wrapSlotContent
-} from "./chunk-KQTNCEDF.js";
+} from "./chunk-OYGQEKHF.js";
 
 // src/docgen/story-docs/build-story-docs.ts
 import { readFile } from "node:fs/promises";

package/dist/_node-chunks/{chunk-K4HJOKKZ.js → chunk-NTR7OES7.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-KQTNCEDF.js → chunk-OYGQEKHF.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-R5GT4RHL.js → chunk-XX3DEJSJ.js}

@@ -1,17 +1,20 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   indent
-} from "./chunk-KQTNCEDF.js";
+} from "./chunk-OYGQEKHF.js";
+import {
+  collectComponentMetaSources
+} from "./chunk-NTR7OES7.js";
 
 // src/docgen/component-docgen/arg-types/extractArgTypes.ts
 import { convert, extractComponentProps, hasDocgen } from "storybook/internal/docs-tools";
@@ -325,8 +328,246 @@ function createNamedTypeDetailResolver({
   };
 }
 
+// src/docgen/component-docgen/build-docgen.ts
+import { readFile } from "node:fs/promises";
+import { join } from "node:path";
+import {
+  extractComponentDescription,
+  extractDescription,
+  loadCsf,
+  storyShapeError
+} from "storybook/internal/csf-tools";
+import {
+  extractDeclaredSubcomponents,
+  getComponentIdFromEntry,
+  getStoryImportPathFromEntry
+} from "storybook/internal/common";
+
+// src/docgen/component-docgen/resolve-component/follow-re-export.ts
+function followReExport(checker, filePath, exportName) {
+  let program = checker.getProgram(), sourceFile = program?.getSourceFile(filePath);
+  if (!program || !sourceFile)
+    return;
+  let typeChecker = program.getTypeChecker(), moduleSymbol = typeChecker.getSymbolAtLocation(sourceFile);
+  if (!moduleSymbol)
+    return;
+  let exported = typeChecker.getExportsOfModule(moduleSymbol).find((symbol) => symbol.name === exportName);
+  if (!exported)
+    return;
+  let target;
+  try {
+    target = typeChecker.getAliasedSymbol(exported);
+  } catch {
+    return;
+  }
+  let declaringPath = target.declarations?.[0]?.getSourceFile().fileName;
+  if (!(!declaringPath || declaringPath === filePath))
+    return { path: declaringPath, exportName: target.name };
+}
+
+// src/docgen/component-docgen/resolve-component/resolve-component.ts
+import { createMetaComponentResolver } from "storybook/internal/common";
+var resolveComponent = createMetaComponentResolver({ extensions: [".vue"] });
+function resolveMetaComponent(csf, storyPath, componentNode) {
+  let resolved = resolveComponent(csf, storyPath, componentNode);
+  if ("reason" in resolved)
+    return resolved;
+  let { localName, importId, path, exportName } = resolved.component;
+  return !importId || !path ? { reason: "no-component-import" } : { component: { localName, importId, path, exportName } };
+}
+
+// src/docgen/component-docgen/build-docgen.ts
+var META_COMPONENT_NAME = /^[A-Za-z_$][\w$]*(\.[A-Za-z_$][\w$]*)*$/, NON_COMPONENT_NAMES = /* @__PURE__ */ new Set([
+  "null",
+  "undefined",
+  "true",
+  "false",
+  "NaN",
+  "Infinity",
+  "this",
+  "import"
+]), UNRESOLVED_COMPONENT_MESSAGES = {
+  "no-meta-component": (subject) => ({
+    name: "No component found",
+    message: `We could not detect the component from ${subject}. Specify meta.component.`
+  }),
+  "no-component-import": (subject) => ({
+    name: "No component import found",
+    message: `No component file found for the component declared in ${subject}. Import it into the story file.`
+  }),
+  "unreadable-component-expression": (subject) => ({
+    name: "No component found",
+    message: `We could not follow ${subject} to a component. Storybook follows an imported name, a namespace-import property access, or a chain of property accesses and spreads through modules it can resolve.`
+  })
+};
+function unresolvedComponentError(reason, subject) {
+  return UNRESOLVED_COMPONENT_MESSAGES[reason](subject);
+}
+function componentNameFromTitle(title) {
+  return title.split("/").at(-1).replace(/\s+/g, "");
+}
+function getUsableComponentName(component) {
+  let name = component?.trim();
+  if (!(!name || NON_COMPONENT_NAMES.has(name.split(".")[0]) || !META_COMPONENT_NAME.test(name)))
+    return name;
+}
+async function extractVueComponentDocgen(context, resolvedComponent, { metaJsDoc, errorContext = "" } = {}) {
+  let checker = context.getChecker(resolvedComponent.path), declaredExport = followReExport(
+    checker,
+    resolvedComponent.path,
+    resolvedComponent.exportName
+  ) ?? {
+    path: resolvedComponent.path,
+    exportName: resolvedComponent.exportName
+  }, componentMeta = (await collectComponentMetaSources(
+    checker,
+    declaredExport.path,
+    context.typescript
+  )).find((meta) => meta.exportName === declaredExport.exportName);
+  if (!componentMeta)
+    return {
+      error: {
+        name: "No docgen found",
+        message: `vue-component-meta extracted no component metadata for the "${declaredExport.exportName}" export of ${declaredExport.path}${errorContext}.`
+      }
+    };
+  let { description, summary, jsDocTags } = extractComponentDescription(
+    metaJsDoc,
+    componentMeta.description,
+    componentMeta.jsDocTags
+  ), resolveNamedTypeDetail = createNamedTypeDetailResolver({
+    checker,
+    typescript: context.typescript,
+    componentPath: declaredExport.path
+  });
+  return {
+    path: declaredExport.path,
+    componentMeta,
+    description,
+    summary,
+    jsDocTags,
+    argTypes: extractArgTypes({ __docgenInfo: componentMeta }, resolveNamedTypeDetail) ?? void 0,
+    apiDescription: buildApiDescription(componentMeta)
+  };
+}
+async function buildSubcomponentDocgen(csf, storyPath, storyFilePath, declared, context) {
+  let failure = (error) => ({
+    name: declared.componentName,
+    path: storyFilePath,
+    jsDocTags: {},
+    error
+  });
+  try {
+    let resolved = resolveMetaComponent(csf, storyPath, declared.node);
+    if ("reason" in resolved)
+      return failure(
+        unresolvedComponentError(resolved.reason, `meta.subcomponents.${declared.name}`)
+      );
+    let extracted = await extractVueComponentDocgen(context, resolved.component, {
+      errorContext: ` (subcomponent "${declared.name}")`
+    });
+    return "error" in extracted ? failure(extracted.error) : {
+      name: declared.componentName,
+      path: extracted.path,
+      description: extracted.description,
+      summary: extracted.summary,
+      jsDocTags: extracted.jsDocTags,
+      argTypes: extracted.argTypes,
+      apiDescription: extracted.apiDescription,
+      renderer: "vue3"
+    };
+  } catch (error) {
+    return failure({
+      name: "Subcomponent extraction failed",
+      message: `Extracting docgen for the declared subcomponent "${declared.name}" failed: ${error instanceof Error ? error.message : String(error)}`
+    });
+  }
+}
+async function buildDocgenPayload(input, context) {
+  let storyFilePath = getStoryImportPathFromEntry(input.entry);
+  if (!storyFilePath)
+    return;
+  let storyPath = (context.resolvePath ?? ((importPath) => join(process.cwd(), importPath)))(storyFilePath), storyFile;
+  try {
+    storyFile = await readFile(storyPath, "utf8");
+  } catch (error) {
+    if (error.code === "ENOENT")
+      return;
+    throw error;
+  }
+  let fallbackName = componentNameFromTitle(input.entry.title), baseFor = (name) => ({
+    id: getComponentIdFromEntry(input.entry),
+    name,
+    path: storyFilePath,
+    jsDocTags: {}
+  }), csf;
+  try {
+    csf = loadCsf(storyFile, {
+      makeTitle: () => input.entry.title,
+      fileName: storyPath
+    }).parse();
+  } catch (error) {
+    return {
+      ...baseFor(fallbackName),
+      error: {
+        name: "Story file could not be parsed",
+        message: `${error instanceof Error ? error.message : String(error)}
+
+${input.entry.importPath}:
+${storyFile}`
+      }
+    };
+  }
+  let authoredComponentName = getUsableComponentName(csf._meta?.component), base = baseFor(authoredComponentName ?? fallbackName), resolved = resolveMetaComponent(csf, storyPath);
+  if ("reason" in resolved) {
+    let error = unresolvedComponentError(
+      resolved.reason,
+      resolved.reason === "no-meta-component" ? "your story file" : "meta.component"
+    );
+    return {
+      ...base,
+      error: {
+        name: error.name,
+        message: (csf._metaStatement ? storyShapeError(error.message, csf._metaStatement, csf.editor).message : error.message) + `
+
+${input.entry.importPath}:
+${storyFile}`
+      }
+    };
+  }
+  let { component } = resolved, metaJsDoc = extractDescription(csf._metaStatement, csf.editor) || void 0, [primaryDocgen, subcomponentEntries] = await Promise.all([
+    extractVueComponentDocgen(context, component, { metaJsDoc }),
+    Promise.all(
+      extractDeclaredSubcomponents(csf).map(
+        async (declaredSubcomponent) => [
+          declaredSubcomponent.name,
+          await buildSubcomponentDocgen(
+            csf,
+            storyPath,
+            storyFilePath,
+            declaredSubcomponent,
+            context
+          )
+        ]
+      )
+    ).then((entries) => Object.fromEntries(entries))
+  ]);
+  return "error" in primaryDocgen ? { ...base, error: primaryDocgen.error } : {
+    ...baseFor((authoredComponentName ?? primaryDocgen.componentMeta.displayName) || fallbackName),
+    description: primaryDocgen.description,
+    summary: primaryDocgen.summary,
+    jsDocTags: primaryDocgen.jsDocTags,
+    vueComponentMeta: primaryDocgen.componentMeta,
+    argTypes: primaryDocgen.argTypes,
+    apiDescription: primaryDocgen.apiDescription,
+    renderer: "vue3",
+    ...Object.keys(subcomponentEntries).length > 0 ? { subcomponents: subcomponentEntries } : {}
+  };
+}
+
 export {
   extractArgTypes,
   buildApiDescription,
-  createNamedTypeDetailResolver
+  createNamedTypeDetailResolver,
+  buildDocgenPayload
 };

package/dist/_node-chunks/{component-meta-ZKYS3FOD.js → component-meta-6EEAMRZO.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,7 +14,7 @@ import {
   applyVueDocgenApiTempFixes,
   collectComponentMetaSources,
   createVueComponentMetaChecker
-} from "./chunk-K4HJOKKZ.js";
+} from "./chunk-NTR7OES7.js";
 export {
   CHECKER_OPTIONS,
   applyVueDocgenApiTempFixes,

package/dist/_node-chunks/{parsers-DJDPMLMG.js → parsers-LBXFRFRC.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/vue-docgen-api-S7UZPICT.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/docgen/vue-docgen-api.ts
+import { parse } from "vue-docgen-api";
+export {
+  parse
+};

package/dist/{chunk-CeOI_Kon.d.ts → chunk-DIk4dpkW.d.ts}

@@ -34,19 +34,19 @@ type VueDocgenInfoEntry<T extends VueDocgenPlugin, TKey extends 'props' | 'event
 /**
  * Metadata to configure the stories for a component.
  *
- * @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
+ * @see [Meta](https://storybook.js.org/docs/writing-stories/csf#meta)
  */
 type Meta<TCmpOrArgs = Args> = ComponentAnnotations<VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
 /**
  * Story function that represents a CSFv2 component example.
  *
- * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
+ * @see [Stories](https://storybook.js.org/docs/writing-stories/csf#stories)
  */
 type StoryFn<TCmpOrArgs = Args> = AnnotatedStoryFn<VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
 /**
  * Story object that represents a CSFv3 component example.
  *
- * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
+ * @see [Stories](https://storybook.js.org/docs/writing-stories/csf#stories)
  */
 type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends {
   render?: ArgsStoryFn<VueRenderer, any>;

package/dist/docgen/docgen-worker.js

@@ -1,187 +1,26 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
-  buildApiDescription,
-  createNamedTypeDetailResolver,
-  extractArgTypes
-} from "../_node-chunks/chunk-R5GT4RHL.js";
-import "../_node-chunks/chunk-KQTNCEDF.js";
+  buildDocgenPayload
+} from "../_node-chunks/chunk-XX3DEJSJ.js";
+import "../_node-chunks/chunk-OYGQEKHF.js";
 import {
-  CHECKER_OPTIONS,
-  collectComponentMetaSources
-} from "../_node-chunks/chunk-K4HJOKKZ.js";
+  CHECKER_OPTIONS
+} from "../_node-chunks/chunk-NTR7OES7.js";
 
 // src/docgen/docgen-worker.ts
-import { createLazyDocgenMiddleware } from "storybook/internal/common";
+import { createLazyDocgenMiddleware, loadTypeScriptCompilerApi } from "storybook/internal/common";
 import { logger } from "storybook/internal/node-logger";
 
-// src/docgen/component-docgen/build-docgen.ts
-import { readFile } from "node:fs/promises";
-import { join } from "node:path";
-import { getComponentIdFromEntry, getStoryImportPathFromEntry } from "storybook/internal/common";
-import {
-  extractComponentDescription,
-  extractDescription,
-  loadCsf,
-  storyShapeError
-} from "storybook/internal/csf-tools";
-
-// src/docgen/component-docgen/resolve-component/follow-re-export.ts
-function followReExport(checker, filePath, exportName) {
-  let program = checker.getProgram(), sourceFile = program?.getSourceFile(filePath);
-  if (!program || !sourceFile)
-    return;
-  let typeChecker = program.getTypeChecker(), moduleSymbol = typeChecker.getSymbolAtLocation(sourceFile);
-  if (!moduleSymbol)
-    return;
-  let exported = typeChecker.getExportsOfModule(moduleSymbol).find((symbol) => symbol.name === exportName);
-  if (!exported)
-    return;
-  let target;
-  try {
-    target = typeChecker.getAliasedSymbol(exported);
-  } catch {
-    return;
-  }
-  let declaringPath = target.declarations?.[0]?.getSourceFile().fileName;
-  if (!(!declaringPath || declaringPath === filePath))
-    return { path: declaringPath, exportName: target.name };
-}
-
-// src/docgen/component-docgen/resolve-component/resolve-component.ts
-import { createMetaComponentResolver } from "storybook/internal/common";
-var resolveComponent = createMetaComponentResolver({ extensions: [".vue"] });
-function resolveMetaComponent(csf, storyPath) {
-  let resolved = resolveComponent(csf, storyPath);
-  if ("reason" in resolved)
-    return resolved;
-  let { localName, importId, path, exportName } = resolved.component;
-  return !importId || !path ? { reason: "no-component-import" } : { component: { localName, importId, path, exportName } };
-}
-
-// src/docgen/component-docgen/build-docgen.ts
-var META_COMPONENT_NAME = /^[A-Za-z_$][\w$]*(\.[A-Za-z_$][\w$]*)*$/, NON_COMPONENT_NAMES = /* @__PURE__ */ new Set([
-  "null",
-  "undefined",
-  "true",
-  "false",
-  "NaN",
-  "Infinity",
-  "this",
-  "import"
-]), UNRESOLVED_COMPONENT_ERRORS = {
-  "no-meta-component": {
-    name: "No component found",
-    message: "We could not detect the component from your story file. Specify meta.component."
-  },
-  "no-component-import": {
-    name: "No component import found",
-    message: "No component file found for the component declared in meta.component."
-  },
-  "unreadable-component-expression": {
-    name: "No component found",
-    message: "We could not follow meta.component to a component. Storybook follows an imported name, a namespace-import property access, or a chain of property accesses and spreads through modules it can resolve."
-  }
-};
-function componentNameFromTitle(title) {
-  return title.split("/").at(-1).replace(/\s+/g, "");
-}
-function getUsableComponentName(component) {
-  let name = component?.trim();
-  if (!(!name || NON_COMPONENT_NAMES.has(name.split(".")[0]) || !META_COMPONENT_NAME.test(name)))
-    return name;
-}
-async function buildDocgenPayload(input, context) {
-  let storyFilePath = getStoryImportPathFromEntry(input.entry);
-  if (!storyFilePath)
-    return;
-  let storyPath = (context.resolvePath ?? ((importPath) => join(process.cwd(), importPath)))(storyFilePath), storyFile;
-  try {
-    storyFile = await readFile(storyPath, "utf8");
-  } catch (error) {
-    if (error.code === "ENOENT")
-      return;
-    throw error;
-  }
-  let fallbackName = componentNameFromTitle(input.entry.title), baseFor = (name) => ({
-    id: getComponentIdFromEntry(input.entry),
-    name,
-    path: storyFilePath,
-    jsDocTags: {}
-  }), csf;
-  try {
-    csf = loadCsf(storyFile, {
-      makeTitle: () => input.entry.title,
-      fileName: storyPath
-    }).parse();
-  } catch (error) {
-    return {
-      ...baseFor(fallbackName),
-      error: {
-        name: "Story file could not be parsed",
-        message: `${error instanceof Error ? error.message : String(error)}
-
-${input.entry.importPath}:
-${storyFile}`
-      }
-    };
-  }
-  let authoredComponentName = getUsableComponentName(csf._meta?.component), base = baseFor(authoredComponentName ?? fallbackName), resolved = resolveMetaComponent(csf, storyPath);
-  if ("reason" in resolved) {
-    let error = UNRESOLVED_COMPONENT_ERRORS[resolved.reason];
-    return {
-      ...base,
-      error: {
-        name: error.name,
-        message: (csf._metaStatement ? storyShapeError(error.message, csf._metaStatement, csf.editor).message : error.message) + `
-
-${input.entry.importPath}:
-${storyFile}`
-      }
-    };
-  }
-  let { component } = resolved, checker = context.getChecker(component.path), declared = followReExport(checker, component.path, component.exportName) ?? {
-    path: component.path,
-    exportName: component.exportName
-  }, componentMeta = (await collectComponentMetaSources(checker, declared.path, context.typescript)).find((meta) => meta.exportName === declared.exportName);
-  if (!componentMeta)
-    return {
-      ...base,
-      error: {
-        name: "No docgen found",
-        message: `vue-component-meta extracted no component metadata for the "${declared.exportName}" export of ${declared.path}.`
-      }
-    };
-  let metaJsDoc = extractDescription(csf._metaStatement, csf.editor) || void 0, { description, summary, jsDocTags } = extractComponentDescription(
-    metaJsDoc,
-    componentMeta.description,
-    componentMeta.jsDocTags
-  ), resolveNamedTypeDetail = createNamedTypeDetailResolver({
-    checker,
-    typescript: context.typescript,
-    componentPath: declared.path
-  });
-  return {
-    ...baseFor((authoredComponentName ?? componentMeta.displayName) || fallbackName),
-    description,
-    summary,
-    jsDocTags,
-    vueComponentMeta: componentMeta,
-    argTypes: extractArgTypes({ __docgenInfo: componentMeta }, resolveNamedTypeDetail) ?? void 0,
-    apiDescription: buildApiDescription(componentMeta),
-    renderer: "vue3"
-  };
-}
-
 // src/docgen/component-docgen/component-meta/vue-project-manager.ts
 import { readFileSync, statSync } from "node:fs";
 import { dirname } from "node:path";
@@ -386,7 +225,9 @@ function statMtime(fileName) {
 var createDocgenProvider = () => createLazyDocgenMiddleware({
   createManager: async () => {
     try {
-      let typescript = await import("typescript"), manager = new VueComponentMetaManager(typescript.default ?? typescript);
+      let manager = new VueComponentMetaManager(
+        await loadTypeScriptCompilerApi(() => import("typescript"))
+      );
       return manager.startWatching(), manager;
     } catch (error) {
       logger.warn(

package/dist/docgen/index.d.ts

@@ -1,11 +1,11 @@
-import { l as StoryContext$1 } from "../chunk-CeOI_Kon.js";
+import { l as StoryContext$1 } from "../chunk-DIk4dpkW.js";
 import { i as collectComponentMetaSources, n as MetaSource, r as applyVueDocgenApiTempFixes, t as CHECKER_OPTIONS } from "../chunk-Dka2iJUy.js";
-import { StoryDocsPayload, StoryDocsProviderInput, StrictArgTypes } from "storybook/internal/types";
+import { DocgenPayload, DocgenProviderInput, StoryDocsPayload, StoryDocsProviderInput, StrictArgTypes } from "storybook/internal/types";
 import { ComponentMetaChecker } from "vue-component-meta";
 import ts from "typescript";
 import { Component } from "storybook/internal/docs-tools";
 import { StoryReferenceResolver } from "storybook/internal/csf-tools";
-import { DocgenPayload } from "storybook/open-service";
+import { DocgenPayload as DocgenPayload$1 } from "storybook/open-service";
 
 //#region code/renderers/vue3/.dts-emit/code/renderers/vue3/src/docgen/component-docgen/arg-types/named-type-detail.d.ts
 /** Resolves a prop's named type reference to its `table.type.detail` text, or undefined when the type stays flat. */
@@ -46,7 +46,7 @@ interface BuildStoryDocsContext {
   /** Resolve a CSF import path to an absolute file path. Defaults to `process.cwd()` join. */
   resolvePath?: (importPath: string) => string;
   /** Reads docgen for the component id. Defaults to the registered core/docgen service. */
-  readDocgen?: (id: string) => Promise<DocgenPayload | undefined>;
+  readDocgen?: (id: string) => Promise<DocgenPayload$1 | undefined>;
   /** How args follow a reference out of the story file. Defaults to resolving against disk. */
   references?: StoryReferenceResolver;
 }
@@ -55,4 +55,18 @@ interface BuildStoryDocsContext {
  */
 declare function buildStoryDocsPayload(input: StoryDocsProviderInput, context?: BuildStoryDocsContext): Promise<StoryDocsPayload | undefined>;
 //#endregion
-export { CHECKER_OPTIONS, applyVueDocgenApiTempFixes, buildApiDescription, buildStoryDocsPayload, collectComponentMetaSources, createNamedTypeDetailResolver, extractArgTypes, generateSourceCode };
+//#region code/renderers/vue3/.dts-emit/code/renderers/vue3/src/docgen/component-docgen/build-docgen.d.ts
+type VueDocgenPayload = DocgenPayload & {
+  vueComponentMeta?: MetaSource;
+};
+interface BuildDocgenContext {
+  getChecker: (componentFilePath: string) => ComponentMetaChecker;
+  resolvePath?: (importPath: string) => string;
+  typescript: typeof ts;
+}
+/**
+ * Builds a {@link DocgenPayload} for the component one CSF story file documents.
+ */
+declare function buildDocgenPayload(input: DocgenProviderInput, context: BuildDocgenContext): Promise<VueDocgenPayload | undefined>;
+//#endregion
+export { type BuildDocgenContext, CHECKER_OPTIONS, applyVueDocgenApiTempFixes, buildApiDescription, buildDocgenPayload, buildStoryDocsPayload, collectComponentMetaSources, createNamedTypeDetailResolver, extractArgTypes, generateSourceCode };

package/dist/docgen/index.js

@@ -1,28 +1,29 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   buildStoryDocsPayload
-} from "../_node-chunks/chunk-ZYAY4DT5.js";
+} from "../_node-chunks/chunk-LXLV32GL.js";
 import {
   buildApiDescription,
+  buildDocgenPayload,
   createNamedTypeDetailResolver,
   extractArgTypes
-} from "../_node-chunks/chunk-R5GT4RHL.js";
-import "../_node-chunks/chunk-KQTNCEDF.js";
+} from "../_node-chunks/chunk-XX3DEJSJ.js";
+import "../_node-chunks/chunk-OYGQEKHF.js";
 import {
   CHECKER_OPTIONS,
   applyVueDocgenApiTempFixes,
   collectComponentMetaSources
-} from "../_node-chunks/chunk-K4HJOKKZ.js";
+} from "../_node-chunks/chunk-NTR7OES7.js";
 
 // src/docgen/story-docs/source-decorator/sourceDecorator.ts
 import { SourceType } from "storybook/internal/docs-tools";
@@ -246,6 +247,7 @@ export {
   CHECKER_OPTIONS,
   applyVueDocgenApiTempFixes,
   buildApiDescription,
+  buildDocgenPayload,
   buildStoryDocsPayload,
   collectComponentMetaSources,
   createNamedTypeDetailResolver,

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { _ as VueTypes, a as Loader, c as Preview, d as StoryObj, f as StrictArgs, g as VueRenderer, h as VueDocgenPlugin, i as Decorator, l as StoryContext, m as VueDocgenInfoEntry, n as Args, o as Meta, p as VueDocgenInfo, r as ComponentPropsAndSlots, s as Parameters, t as ArgTypes, u as StoryFn } from "./chunk-CeOI_Kon.js";
+import { _ as VueTypes, a as Loader, c as Preview, d as StoryObj, f as StrictArgs, g as VueRenderer, h as VueDocgenPlugin, i as Decorator, l as StoryContext, m as VueDocgenInfoEntry, n as Args, o as Meta, p as VueDocgenInfo, r as ComponentPropsAndSlots, s as Parameters, t as ArgTypes, u as StoryFn } from "./chunk-DIk4dpkW.js";
 import { Args as Args$1, ArgsStoryFn, ComposedStoryFn, DecoratorFunction, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, ProjectAnnotations, Store_CSFExports, StoriesWithPartialProps, StoryAnnotations, StoryAnnotationsOrFn, StoryContext as StoryContext$1 } from "storybook/internal/types";
 import { App } from "vue";
 import { Simplify } from "type-fest";

package/dist/preset.d.ts

@@ -1,5 +1,5 @@
 import { a as createVueComponentMetaChecker, i as collectComponentMetaSources } from "./chunk-Dka2iJUy.js";
-import { DocgenProviderDescriptor, IndexEntry, PresetProperty, PresetPropertyFn, StorybookConfigRaw } from "storybook/internal/types";
+import { DocgenProviderDescriptor, IndexEntry, Options, PresetProperty, PresetPropertyFn, StorybookConfigRaw } from "storybook/internal/types";
 import { parse } from "vue-docgen-api";
 import { ImportParser } from "storybook/internal/core-server";
 
@@ -34,7 +34,7 @@ interface VueDocgenEngine {
 declare const experimental_vueDocgenEngine: () => Promise<VueDocgenEngine>;
 //#endregion
 //#region code/renderers/vue3/.dts-emit/code/renderers/vue3/src/preset.d.ts
-declare const isDocgenProviderEnabled: () => boolean;
+declare const isDocgenProviderEnabled: (_existing: unknown, options: Options) => Promise<boolean>;
 declare const features: PresetProperty<'features'>;
 declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
 declare const experimental_importParsers: (input?: ImportParser[]) => Promise<ImportParser[]>;

package/dist/preset.js

@@ -1,21 +1,22 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
+import CJS_COMPAT_NODE_URL_runewszu19k from 'node:url';
+import CJS_COMPAT_NODE_PATH_runewszu19k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_runewszu19k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_runewszu19k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_runewszu19k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_runewszu19k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   buildStoryDocsPayload
-} from "./_node-chunks/chunk-ZYAY4DT5.js";
-import "./_node-chunks/chunk-KQTNCEDF.js";
+} from "./_node-chunks/chunk-LXLV32GL.js";
+import "./_node-chunks/chunk-OYGQEKHF.js";
 
 // src/preset.ts
 import { fileURLToPath as fileURLToPath3 } from "node:url";
+import { isTypeScriptReadyForDocgen } from "storybook/internal/common";
 
 // src/docgen/preset.ts
 import { fileURLToPath } from "node:url";
@@ -47,18 +48,12 @@ var experimental_storyDocsProvider = createWorkerGatedStoryDocsProvider({
 
 // src/docgen/engine.ts
 var experimental_vueDocgenEngine = async () => ({
-  componentMeta: () => import("./_node-chunks/component-meta-ZKYS3FOD.js"),
-  vueDocgenApi: () => import("./_node-chunks/vue-docgen-api-H7OPORGU.js")
+  componentMeta: () => import("./_node-chunks/component-meta-6EEAMRZO.js"),
+  vueDocgenApi: () => import("./_node-chunks/vue-docgen-api-S7UZPICT.js")
 });
 
 // src/preset.ts
-var isDocgenProviderEnabled = () => {
-  try {
-    return import.meta.resolve("typescript"), !0;
-  } catch {
-    return !1;
-  }
-}, features = async (existing) => ({
+var isDocgenProviderEnabled = (_existing, options) => isTypeScriptReadyForDocgen((specifier) => import.meta.resolve(specifier), options), features = async (existing) => ({
   ...existing,
   componentsManifest: !0
 }), previewAnnotations = async (input = [], options) => {
@@ -67,7 +62,7 @@ var isDocgenProviderEnabled = () => {
     docsEnabled ? [fileURLToPath3(import.meta.resolve("@storybook/vue3/entry-preview-docs"))] : []
   );
 }, experimental_importParsers = async (input = []) => {
-  let { vueImportParser } = await import("./_node-chunks/parsers-DJDPMLMG.js");
+  let { vueImportParser } = await import("./_node-chunks/parsers-LBXFRFRC.js");
   return [...input, vueImportParser];
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "11.0.0-alpha.8",
+  "version": "11.0.0-beta.0",
   "description": "Storybook Vue 3 renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -71,15 +71,10 @@
     "vue-tsc": "latest"
   },
   "peerDependencies": {
-    "storybook": "^11.0.0-alpha.8",
+    "storybook": "^11.0.0-beta.0",
     "typescript": "^5.9.0 || ^6.0.0 || ^7.0.0",
     "vue": "^3.0.0"
   },
-  "peerDependenciesMeta": {
-    "typescript": {
-      "optional": true
-    }
-  },
   "publishConfig": {
     "access": "public"
   },

package/dist/_node-chunks/vue-docgen-api-H7OPORGU.js

@@ -1,17 +0,0 @@
-import CJS_COMPAT_NODE_URL_6baiaphk7nk from 'node:url';
-import CJS_COMPAT_NODE_PATH_6baiaphk7nk from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6baiaphk7nk from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_6baiaphk7nk.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6baiaphk7nk.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6baiaphk7nk.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// src/docgen/vue-docgen-api.ts
-import { parse } from "vue-docgen-api";
-export {
-  parse
-};