@storybook/vue3 10.6.0-alpha.9 → 10.6.0-beta.1

package/dist/_node-chunks/{chunk-TIYYAC6Z.js → chunk-NEU4ERNK.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -56,7 +56,7 @@ var RESOLVABLE_GLOBALS = /* @__PURE__ */ new Set([
 ]), UNDEFINED_IDENTIFIER = "undefined", NO_LOCALS = /* @__PURE__ */ new Set();
 function classifyValue(node) {
   let value = unwrapExpression(node);
-  return isFunctionExpression(value) || isUndefinedIdentifier(value) || isEmptyString(value) ? { kind: "omit" } : isInlineLiteral(value) ? { kind: "inline" } : isResolvable(value) ? { kind: "hoist" } : { kind: "unrepresentable" };
+  return isUndefinedIdentifier(value) ? { kind: "unset" } : isFunctionExpression(value) || isEmptyString(value) ? { kind: "omit" } : isInlineLiteral(value) ? { kind: "inline" } : isResolvable(value) ? { kind: "hoist" } : { kind: "unrepresentable" };
 }
 function printValue(node) {
   return recast.print(node, { tabWidth: 2 }).code;
@@ -181,7 +181,7 @@ function createRenderContext() {
 }
 function renderPreparedSfcSnippet(input) {
   let template = `<template>
-${indent(input.templateCode)}
+${indent(normalizeTemplateBlock(input.templateCode))}
 </template>`, script = renderScript(input.ctx);
   return script ? `${script}
 
@@ -308,7 +308,7 @@ function hoistArgValue(name, value, ctx) {
 function hoistModelRef(name, value, ctx) {
   (ctx.imports[VUE_PACKAGE] ??= /* @__PURE__ */ new Set()).add("ref");
   let bindingName = allocateBindingName(name, ctx);
-  return ctx.variables.set(bindingName, `ref(${printValue(unwrapExpression2(value))})`), bindingName;
+  return ctx.variables.set(bindingName, value ? `ref(${printValue(unwrapExpression2(value))})` : "ref()"), bindingName;
 }
 function importStatementForBinding(localName, binding) {
   if (!(!binding || binding.importName === "*"))
@@ -330,7 +330,33 @@ ${indent(content)}
 }
 function indent(source) {
   return source.split(`
-`).map((line) => `  ${line}`).join(`
+`).map((line) => line && `  ${line}`).join(`
+`);
+}
+function normalizeTemplateBlock(source) {
+  let lines = source.split(`
+`), start, end = 0, commonPrefix;
+  for (let lineIndex = 0; lineIndex < lines.length; lineIndex += 1) {
+    let line = lines[lineIndex], contentIndex = line.search(/\S/);
+    if (contentIndex === -1) {
+      lines[lineIndex] = "";
+      continue;
+    }
+    if (start ??= lineIndex, end = lineIndex + 1, commonPrefix === void 0) {
+      commonPrefix = line.slice(0, contentIndex);
+      continue;
+    }
+    let index = 0;
+    for (; index < commonPrefix.length && index < contentIndex && commonPrefix[index] === line[index]; )
+      index += 1;
+    commonPrefix = commonPrefix.slice(0, index);
+  }
+  if (start === void 0)
+    return "";
+  if (commonPrefix)
+    for (let lineIndex = start; lineIndex < end; lineIndex += 1)
+      lines[lineIndex] = lines[lineIndex].slice(commonPrefix.length);
+  return lines.slice(start, end).join(`
 `);
 }
 function slotSortKey(name) {

package/dist/_node-chunks/{chunk-ZVNSPIKY.js → chunk-YSO6Z4KW.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{component-meta-QE4NY6QK.js → component-meta-G6I5IDW4.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.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-ZVNSPIKY.js";
+} from "./chunk-YSO6Z4KW.js";
 export {
   CHECKER_OPTIONS,
   applyVueDocgenApiTempFixes,

package/dist/_node-chunks/{parsers-SBPFRAP5.js → parsers-G26HQI5M.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

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

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.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/docgen/docgen-worker.js

@@ -1,21 +1,21 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   indent
-} from "../_node-chunks/chunk-TIYYAC6Z.js";
+} from "../_node-chunks/chunk-NEU4ERNK.js";
 import {
   CHECKER_OPTIONS,
   collectComponentMetaSources
-} from "../_node-chunks/chunk-ZVNSPIKY.js";
+} from "../_node-chunks/chunk-YSO6Z4KW.js";
 
 // src/docgen/docgen-worker.ts
 import { createLazyDocgenMiddleware } from "storybook/internal/common";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
+import CJS_COMPAT_NODE_URL_buse9zdwx0t from 'node:url';
+import CJS_COMPAT_NODE_PATH_buse9zdwx0t from 'node:path';
+import CJS_COMPAT_NODE_MODULE_buse9zdwx0t from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_buse9zdwx0t.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_buse9zdwx0t.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_buse9zdwx0t.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -31,7 +31,7 @@ import {
   renderPropLikeArg,
   renderSlotContent,
   wrapSlotContent
-} from "./_node-chunks/chunk-TIYYAC6Z.js";
+} from "./_node-chunks/chunk-NEU4ERNK.js";
 
 // src/preset.ts
 import { fileURLToPath as fileURLToPath2 } from "node:url";
@@ -79,12 +79,12 @@ import {
 // src/story-docs/classify-args.ts
 import { returnedExpression, unwrapExpression } from "storybook/internal/csf-tools";
 function classifyArgs(args, docgen) {
-  let classified = [], unresolved = [];
+  let classified = [], unset = /* @__PURE__ */ new Set(), unresolved = [];
   for (let [name, value] of Object.entries(args)) {
     let result = classifyArg(name, value, docgen);
-    result.kind === "classified" ? classified.push(result.arg) : result.kind === "unrepresentable" && unresolved.push(`${name}: ${printValue(value)}`);
+    result.kind === "classified" ? classified.push(result.arg) : result.kind === "unset" ? unset.add(name) : result.kind === "unrepresentable" && unresolved.push(`${name}: ${printValue(value)}`);
   }
-  return { args: classified, unresolved };
+  return { args: classified, unset, unresolved };
 }
 function classifyArg(name, value, docgen) {
   let isSlot = docgen.slots.has(name);
@@ -97,7 +97,7 @@ function classifyArg(name, value, docgen) {
           kind: "classified",
           arg: { name, value: returned, role: "slot", plan: plan2 }
         };
-      if (plan2.kind === "omit")
+      if (plan2.kind === "omit" || plan2.kind === "unset")
         return { kind: "omit" };
     }
     return {
@@ -114,7 +114,7 @@ function classifyArg(name, value, docgen) {
   if (isFunctionExpression(value))
     return docgen.props.has(name) ? isSelfContainedFunction(value) ? { kind: "classified", arg: { name, value, role: "prop", plan: { kind: "hoist" } } } : { kind: "unrepresentable" } : { kind: "omit" };
   let plan = classifyValue(value);
-  return plan.kind === "omit" || plan.kind === "unrepresentable" ? { kind: plan.kind } : {
+  return plan.kind === "omit" || plan.kind === "unrepresentable" ? { kind: plan.kind } : plan.kind === "unset" ? { kind: "unset" } : {
     kind: "classified",
     arg: isSlot ? { name, value, role: "slot", plan } : {
       name,
@@ -264,7 +264,7 @@ function printProps(node, tag, options) {
     let classification = classifyArg(name, propValue, docgen);
     if (classification.kind === "unrepresentable" || classification.kind === "omit" && isFunctionExpression(propValue))
       return;
-    if (classification.kind === "omit")
+    if (classification.kind === "omit" || classification.kind === "unset")
       continue;
     let arg = classification.arg;
     if (arg.role === "slot") {
@@ -699,7 +699,7 @@ function renderSlotArgContent(arg, ctx, importBindings, componentImportStatement
 }
 
 // src/story-docs/transform-template.ts
-var ARGS_NAME3 = "args", ARGS_IDENTIFIER_REGEXP = /(^|[^\w$])args([^\w$]|$)/, ARGS_MEMBER_REGEXP = /^args\.([A-Za-z_$][\w$]*)$/, SETUP_PROPERTY = "setup", TEMPLATE_UNREADABLE_WARNING = "No static snippet: the `template` could not be read statically.", COMPONENTS_UNREADABLE_WARNING = "No static snippet: the `components` map could not be read statically.";
+var ARGS_NAME3 = "args", ARGS_IDENTIFIER_REGEXP = /(^|[^\w$])args([^\w$]|$)/, ARGS_MEMBER_REGEXP = /^args\.([A-Za-z_$][\w$]*)$/, BLANK_REGEXP = /[ \t]/, SETUP_PROPERTY = "setup", TEMPLATE_UNREADABLE_WARNING = "No static snippet: the `template` could not be read statically.", COMPONENTS_UNREADABLE_WARNING = "No static snippet: the `components` map could not be read statically.";
 function readTemplateRenderConfig(renderObject, importBindings, options = {}) {
   if (!hasOnlySupportedRenderProperties(renderObject))
     return { kind: "skip" };
@@ -735,6 +735,7 @@ function transformTemplate(input) {
     return;
   let state = {
     argsByName: new Map(input.args.map((arg) => [arg.name, arg])),
+    unsetArgs: input.unsetArgs,
     ctx: input.ctx ?? createRenderContext(),
     edits: [],
     componentImports: input.componentImports,
@@ -768,10 +769,10 @@ function appendSetupStatements(setup, state) {
   for (let statement of setup.statements) {
     let text = statement.source;
     for (let read of [...statement.argsReads].sort((a, b) => b.start - a.start)) {
-      let arg = state.argsByName.get(read.name);
-      if (!arg || arg.role !== "prop")
+      let arg = state.argsByName.get(read.name), rendered = arg ? arg.role === "prop" ? arg.plan.kind === "inline" ? printValue(unwrapExpression5(arg.value)) : hoistArgValue(arg.name, arg.value, state.ctx) : void 0 : state.unsetArgs.has(read.name) ? "undefined" : void 0;
+      if (rendered === void 0)
         return !1;
-      let rendered = arg.plan.kind === "inline" ? printValue(unwrapExpression5(arg.value)) : hoistArgValue(arg.name, arg.value, state.ctx), wrapped = wrapSubstitution(rendered, text.slice(read.end));
+      let wrapped = wrapSubstitution(rendered, text.slice(read.end));
       text = text.slice(0, read.start) + wrapped + text.slice(read.end);
     }
     text = text.replace(/\r\n?/g, `
@@ -801,7 +802,12 @@ function transformInterpolation(node, state) {
     let edit = substituteArgsExpression(expressionNode, state, "interpolation");
     return edit ? (state.edits.push(edit), !0) : !1;
   }
-  let arg = state.argsByName.get(argName), rendered = arg ? inlinePrimitiveSource(arg.value) : void 0;
+  let arg = state.argsByName.get(argName);
+  if (!arg && state.unsetArgs.has(argName))
+    return state.edits.push({ start: node.loc.start.offset, end: node.loc.end.offset, text: "" }), !0;
+  if (!arg)
+    return !1;
+  let rendered = inlinePrimitiveSource(arg.value);
   if (rendered === void 0)
     return !1;
   let text = escapeTextContent(rendered), start = node.loc.start.offset, end = node.loc.end.offset;
@@ -879,7 +885,11 @@ function transformDirective(directive, attributesByName, element, state) {
   let expressionNode = directive.exp?.type === NodeTypes.SIMPLE_EXPRESSION ? directive.exp : void 0, expression = expressionNode?.content.trim(), boundProp = staticDirectiveArg(directive), argName = expression === void 0 ? void 0 : exactArgsMemberName(expression);
   if (directive.name === "bind" && boundProp && directive.modifiers.length === 0 && argName) {
     let arg = state.argsByName.get(argName);
-    if (!arg || (attributesByName.get(boundProp)?.length ?? 0) > 1)
+    if ((attributesByName.get(boundProp)?.length ?? 0) > 1)
+      return !1;
+    if (!arg && state.unsetArgs.has(argName))
+      return state.edits.push(replacementFor(directive, "", state.template)), !0;
+    if (!arg)
       return !1;
     if (arg.role === "slot") {
       if (!element.storyTag)
@@ -900,7 +910,7 @@ function transformDirective(directive, attributesByName, element, state) {
   }
   if (directive.name === "on" && boundProp && argName && expressionNode) {
     let arg = state.argsByName.get(argName);
-    return !arg || !isFunctionExpression(arg.value) ? !1 : (state.edits.push({
+    return !arg && state.unsetArgs.has(argName) ? (state.edits.push(replacementFor(directive, "", state.template)), !0) : !arg || !isFunctionExpression(arg.value) ? !1 : (state.edits.push({
       start: expressionNode.loc.start.offset,
       end: expressionNode.loc.end.offset,
       text: hoistArgValue(argName, arg.value, state.ctx)
@@ -908,10 +918,10 @@ function transformDirective(directive, attributesByName, element, state) {
   }
   if (directive.name === "model" && argName && expressionNode) {
     let arg = state.argsByName.get(argName);
-    return !arg || arg.role === "slot" || arg.role === "event" ? !1 : (state.edits.push({
+    return !arg && !state.unsetArgs.has(argName) || arg && (arg.role === "slot" || arg.role === "event") ? !1 : (state.edits.push({
       start: expressionNode.loc.start.offset,
       end: expressionNode.loc.end.offset,
-      text: hoistModelRef(argName, arg.value, state.ctx)
+      text: hoistModelRef(argName, arg?.value, state.ctx)
     }), !0);
   }
   if (!expressionNode || !expression || !valueReferencesArgs(expression))
@@ -1031,6 +1041,8 @@ function isAllowedArgsObject(node, parent) {
 }
 function replacementForArgsReference(reference, quote, state) {
   let arg = state.argsByName.get(reference.name);
+  if (!arg && state.unsetArgs.has(reference.name))
+    return "undefined";
   if (!arg || arg.role === "slot")
     return;
   let text = arg.plan.kind === "inline" ? printValue(unwrapExpression5(arg.value)) : hoistArgValue(arg.name, arg.value, state.ctx);
@@ -1038,11 +1050,36 @@ function replacementForArgsReference(reference, quote, state) {
     return text;
 }
 function replacementFor(prop, text, template) {
-  let start = prop.loc.start.offset;
-  if (text === "")
-    for (; start > 0 && template[start - 1] === " "; )
-      start -= 1;
-  return { start, end: prop.loc.end.offset, text };
+  let start = prop.loc.start.offset, end = prop.loc.end.offset;
+  if (text !== "")
+    return { start, end, text };
+  let lineStart = blankRunStart(template, start), lineEnd = blankRunEnd(template, end), lineTerminator = lineTerminatorAt(template, lineEnd);
+  return template[lineStart - 1] === `
+` && lineTerminator ? {
+    start: previousLineTerminatorStart(template, lineStart),
+    end: lineTerminator.start,
+    text
+  } : { start: lineStart, end, text };
+}
+function blankRunStart(template, index) {
+  let cursor = index;
+  for (; cursor > 0 && BLANK_REGEXP.test(template[cursor - 1]); )
+    cursor -= 1;
+  return cursor;
+}
+function blankRunEnd(template, index) {
+  let cursor = index;
+  for (; cursor < template.length && BLANK_REGEXP.test(template[cursor]); )
+    cursor += 1;
+  return cursor;
+}
+function lineTerminatorAt(template, index) {
+  return template[index] === "\r" && template[index + 1] === `
+` ? { start: index } : template[index] === `
+` ? { start: index } : void 0;
+}
+function previousLineTerminatorStart(template, index) {
+  return template[index - 2] === "\r" ? index - 2 : index - 1;
 }
 function slotChildrenEdit(node, children, template) {
   let baseIndent = " ".repeat(Math.max(node.loc.start.column - 1, 0)), joined = `
@@ -1149,7 +1186,11 @@ function setupProperty(renderObject) {
 }
 
 // src/story-docs/build-story-docs.ts
-var openStoryReferences = createStoryReferenceResolver({ extensions: [".vue"] }), RENDER_UNRESOLVED_WARNING = "No static snippet: the `render` function could not be resolved statically.", SLOT_UNRESOLVED_WARNING = "No static snippet: a slot function could not be resolved statically.", IMPORT_UNRESOLVED_WARNING = "No static snippet: the component's import could not be resolved statically.";
+var openStoryReferences = createStoryReferenceResolver({ extensions: [".vue"] }), RENDER_UNRESOLVED_WARNING = "No static snippet: the `render` function could not be resolved statically.", SLOT_UNRESOLVED_WARNING = "No static snippet: a slot function could not be resolved statically.", IMPORT_UNRESOLVED_WARNING = "No static snippet: the component's import could not be resolved statically.", TEMPLATE_UNRESOLVED_WARNING = "No static snippet: the story template could not be resolved statically.", UNRENDERED_WARNINGS = {
+  h: RENDER_UNRESOLVED_WARNING,
+  sfc: SLOT_UNRESOLVED_WARNING,
+  template: TEMPLATE_UNRESOLVED_WARNING
+};
 async function buildStoryDocsPayload(input, context = {}) {
   let storyFilePath = getStoryImportPathFromEntry(input.entry);
   if (!storyFilePath || !STORY_FILE_TEST_REGEXP.test(storyFilePath))
@@ -1256,17 +1297,21 @@ function enrichStoryDoc(csf, storyExport, storyDoc, options) {
     return withWarning(renderer.warning);
   if (renderer.kind === "sfc" && !componentImportStatement)
     return withWarning(IMPORT_UNRESOLVED_WARNING);
-  let resolved = resolveStaticStoryArgs(storyExport, docgenArgInfo, options), { args, unresolved: classifyUnresolved } = resolved.classified, unresolved = [...classifyUnresolved, ...resolved.unresolved];
+  let resolved = resolveStaticStoryArgs(storyExport, docgenArgInfo, options), { classified } = resolved, { args, unresolved: classifyUnresolved } = classified, unresolved = [...classifyUnresolved, ...resolved.unresolved];
   if (args.length === 0 && unresolved.length > 0)
     return withWarning(noSnippetWarning(unresolved));
-  let rendered = renderStaticStorySnippet(renderer, args, componentName, docgenArgInfo, options);
+  let rendered = renderStaticStorySnippet(
+    renderer,
+    classified,
+    componentName,
+    docgenArgInfo,
+    options
+  );
   return rendered ? {
     ...storyDoc,
     snippet: rendered.snippet,
     ...unresolved.length > 0 ? { warning: unresolvedWarning(unresolved) } : {}
-  } : withWarning(
-    renderer.kind === "sfc" ? SLOT_UNRESOLVED_WARNING : RENDER_UNRESOLVED_WARNING
-  );
+  } : withWarning(UNRENDERED_WARNINGS[renderer.kind]);
 }
 function staticRendererForRenderFunction(renderFunction, options) {
   let renderObject = resolveReturnedObjectExpression(renderFunction);
@@ -1303,15 +1348,16 @@ function resolveStaticStoryArgs(storyExport, docgenArgInfo, options) {
     unresolved: resolved.unresolved
   };
 }
-function renderStaticStorySnippet(renderer, args, componentName, docgenArgInfo, options) {
-  let componentImportStatement = options.snippet?.componentImportStatement;
+function renderStaticStorySnippet(renderer, classified, componentName, docgenArgInfo, options) {
+  let componentImportStatement = options.snippet?.componentImportStatement, { args } = classified;
   if (renderer.kind === "sfc")
     return componentImportStatement ? transformTemplate({
       args,
       componentImports: /* @__PURE__ */ new Map([[componentName, componentImportStatement]]),
       componentName,
       importBindings: options.importBindings,
-      template: `<${componentName} v-bind="args" />`
+      template: `<${componentName} v-bind="args" />`,
+      unsetArgs: classified.unset
     }) : void 0;
   if (renderer.kind === "template")
     return transformTemplate({
@@ -1320,7 +1366,8 @@ function renderStaticStorySnippet(renderer, args, componentName, docgenArgInfo,
       componentName,
       importBindings: options.importBindings,
       setup: renderer.setup,
-      template: renderer.template
+      template: renderer.template,
+      unsetArgs: classified.unset
     });
   let ctx = createRenderContext(), printed = printH({
     argsParam: renderer.argsParam,
@@ -1338,7 +1385,8 @@ function renderStaticStorySnippet(renderer, args, componentName, docgenArgInfo,
       componentName,
       ctx,
       importBindings: options.importBindings,
-      template: printed.template
+      template: printed.template,
+      unsetArgs: classified.unset
     });
 }
 function setupReturnedRenderExpression(renderObject) {
@@ -1401,11 +1449,11 @@ var previewAnnotations = async (input = [], options) => {
     docsEnabled ? [fileURLToPath2(import.meta.resolve("@storybook/vue3/entry-preview-docs"))] : []
   );
 }, experimental_importParsers = async (input = []) => {
-  let { vueImportParser } = await import("./_node-chunks/parsers-SBPFRAP5.js");
+  let { vueImportParser } = await import("./_node-chunks/parsers-G26HQI5M.js");
   return [...input, vueImportParser];
 }, experimental_vueDocgenEngine = async () => ({
-  componentMeta: () => import("./_node-chunks/component-meta-QE4NY6QK.js"),
-  vueDocgenApi: () => import("./_node-chunks/vue-docgen-api-G5RUC7NT.js")
+  componentMeta: () => import("./_node-chunks/component-meta-G6I5IDW4.js"),
+  vueDocgenApi: () => import("./_node-chunks/vue-docgen-api-MCLL7MVI.js")
 });
 export {
   DOCGEN_WORKER_SPECIFIER,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "10.6.0-alpha.9",
+  "version": "10.6.0-beta.1",
   "description": "Storybook Vue 3 renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -65,7 +65,7 @@
     "vue-tsc": "latest"
   },
   "peerDependencies": {
-    "storybook": "^10.6.0-alpha.9",
+    "storybook": "^10.6.0-beta.1",
     "typescript": ">= 4.9.x",
     "vue": "^3.0.0"
   },

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

@@ -1,17 +0,0 @@
-import CJS_COMPAT_NODE_URL_wgawtq5ff0t from 'node:url';
-import CJS_COMPAT_NODE_PATH_wgawtq5ff0t from 'node:path';
-import CJS_COMPAT_NODE_MODULE_wgawtq5ff0t from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_wgawtq5ff0t.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_wgawtq5ff0t.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_wgawtq5ff0t.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
-};