@storybook/vue3 11.0.0-alpha.6 → 11.0.0-alpha.8

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

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_o98lcndpw1r from 'node:url';
-import CJS_COMPAT_NODE_PATH_o98lcndpw1r from 'node:path';
-import CJS_COMPAT_NODE_MODULE_o98lcndpw1r from "node:module";
+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_o98lcndpw1r.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_o98lcndpw1r.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_o98lcndpw1r.createRequire(import.meta.url);
+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
@@ -136,7 +136,7 @@ async function applyVueDocgenApiTempFixes(filename, componentsMeta, exportNames)
     let parsedComponentDocs = await parseMulti(filename), parsedByExportName = new Map(parsedComponentDocs.map((doc) => [doc.exportName, doc]));
     componentsMeta.forEach((meta, index) => {
       let parsed = parsedByExportName.get(exportNames[index]);
-      parsed && ((hasEvents || needsEventRestore) && mergeEventDescriptions(meta, parsed.events), needsEventRestore && restoreMissingRuntimeEvents(meta, parsed.events), needsSlots && mergeTemplateSlots(meta, parsed.slots));
+      parsed && ((hasEvents || needsEventRestore) && mergeEventDescriptions(meta, parsed.events), needsEventRestore && restoreMissingRuntimeEvents(meta, parsed.events), needsSlots && mergeTemplateSlots(meta, parsed.slots, source));
     });
   } catch {
   }
@@ -185,16 +185,36 @@ function hasTemplateSlotGap(filename, componentsMeta, source) {
     (meta) => meta.slots.length === 0 || meta.slots.some((slot) => !slot.description)
   ) ? !1 : /<slot[\s/>]/.test(source ?? "");
 }
-function mergeTemplateSlots(meta, slots) {
+var NAME_DIRECTIVE = /(?:^|\s)(?::|v-bind:)name\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
+function isDynamicSlotName(slot, source) {
+  if (!(slot.bindings?.some((binding) => binding.name === "name") ?? !1) || !source)
+    return !1;
+  let expression = slot.name.trim();
+  for (let match of source.matchAll(NAME_DIRECTIVE))
+    if ((match[1] ?? match[2] ?? "").trim() === expression)
+      return !0;
+  return !1;
+}
+var FOLDABLE_SLOT_NAME = /^\s*[\w$][\w$.]*\s*\?\?\s*(?:'([^']+)'|"([^"]+)")\s*$/;
+function resolveTemplateSlotName(slot, isDynamic) {
+  if (!isDynamic)
+    return slot.name;
+  let fallback = slot.name.match(FOLDABLE_SLOT_NAME);
+  return fallback?.[1] || fallback?.[2];
+}
+function mergeTemplateSlots(meta, slots, source) {
   for (let slot of slots ?? []) {
-    let existing = meta.slots.find((candidate) => candidate.name === slot.name);
+    let isDynamic = isDynamicSlotName(slot, source), slotName = resolveTemplateSlotName(slot, isDynamic);
+    if (!slotName)
+      continue;
+    let existing = meta.slots.find((candidate) => candidate.name === slotName);
     if (existing) {
       !existing.description && slot.description && (existing.description = slot.description);
       continue;
     }
-    let bindings = (slot.bindings ?? []).filter((binding) => binding.name).map((binding) => `${binding.name}: ${binding.type?.name ?? "unknown"}`), type = bindings.length > 0 ? `{ ${bindings.join("; ")} }` : "{}";
+    let bindings = (slot.bindings ?? []).filter((binding) => binding.name && (!isDynamic || binding.name !== "name")).map((binding) => `${binding.name}: ${binding.type?.name ?? "unknown"}`), type = bindings.length > 0 ? `{ ${bindings.join("; ")} }` : "{}";
     meta.slots.push({
-      name: slot.name,
+      name: slotName,
       description: slot.description ?? "",
       type,
       schema: type,

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

@@ -1,25 +1,29 @@
-import CJS_COMPAT_NODE_URL_o98lcndpw1r from 'node:url';
-import CJS_COMPAT_NODE_PATH_o98lcndpw1r from 'node:path';
-import CJS_COMPAT_NODE_MODULE_o98lcndpw1r from "node:module";
+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_o98lcndpw1r.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_o98lcndpw1r.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_o98lcndpw1r.createRequire(import.meta.url);
+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/shared/render-primitives.ts
-import { types as t } from "storybook/internal/babel";
 import {
   buildImportStatements,
+  isStringLiteral as isStringLiteral2,
   unwrapExpression as unwrapExpression2
 } from "storybook/internal/csf-tools";
 
 // src/docgen/shared/classify-value.ts
-import { recast } from "storybook/internal/babel";
-import { unwrapExpression } from "storybook/internal/csf-tools";
+import {
+  textOf,
+  isStringLiteral,
+  unwrapExpression,
+  walk
+} from "storybook/internal/csf-tools";
 var RESOLVABLE_GLOBALS = /* @__PURE__ */ new Set([
   "Array",
   "BigInt",
@@ -59,7 +63,27 @@ function classifyValue(node) {
   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;
+  let source = textOf(node), lines = source.split(`
+`);
+  if (lines.length === 1)
+    return source;
+  let { start } = node, quasis = [];
+  walk(node, (child) => {
+    if (child.type === "TemplateElement") {
+      let span = child;
+      quasis.push([span.start - start, span.end - start]);
+    }
+  });
+  let offset = 0, dedentable = lines.map((line, index) => {
+    let lineStart = offset;
+    return offset += line.length + 1, index > 0 && !quasis.some(([from, to]) => from < lineStart && lineStart <= to);
+  }), depth = Math.min(
+    ...lines.filter((line, index) => dedentable[index] && line.trim() !== "").map((line) => line.search(/\S/))
+  );
+  return Number.isFinite(depth) && depth > 0 ? lines.map(
+    (line, index) => dedentable[index] ? line.slice(Math.min(depth, line.search(/\S|$/))) : line
+  ).join(`
+`) : source;
 }
 function isFunctionExpression(node) {
   let unwrapped = unwrapExpression(node);
@@ -74,7 +98,7 @@ function isSelfContainedFunction(node) {
   if (fn.type !== "ArrowFunctionExpression" && fn.type !== "FunctionExpression")
     return !1;
   let locals = /* @__PURE__ */ new Set();
-  return fn.params.every((param) => collectPatternNames(param, locals)) ? fn.body.type !== "BlockStatement" ? isResolvable(fn.body, locals) : fn.body.body.every((statement) => statementIsResolvable(statement, locals)) : !1;
+  return !fn.params.every((param) => collectPatternNames(param, locals)) || !fn.body ? !1 : fn.body.type !== "BlockStatement" ? isResolvable(fn.body, locals) : fn.body.body.every((statement) => statementIsResolvable(statement, locals));
 }
 function statementIsResolvable(statement, locals) {
   switch (statement.type) {
@@ -110,17 +134,13 @@ function collectPatternNames(pattern, into) {
 }
 function isEmptyString(node) {
   let value = unwrapExpression(node);
-  return value.type === "StringLiteral" && value.value === "";
+  return isStringLiteral(value) && value.value === "";
 }
 function isInlineLiteral(node) {
   let value = unwrapExpression(node);
   switch (value.type) {
-    case "StringLiteral":
-    case "NumericLiteral":
-    case "BooleanLiteral":
-    case "NullLiteral":
-    case "BigIntLiteral":
-      return !0;
+    case "Literal":
+      return !("regex" in value && value.regex);
     case "UnaryExpression":
       return value.operator === "-" && isInlineLiteral(value.argument);
     default:
@@ -130,12 +150,7 @@ function isInlineLiteral(node) {
 function isResolvable(node, locals = NO_LOCALS) {
   let value = unwrapExpression(node), resolves = (child) => isResolvable(child, locals);
   switch (value.type) {
-    case "StringLiteral":
-    case "NumericLiteral":
-    case "BooleanLiteral":
-    case "NullLiteral":
-    case "BigIntLiteral":
-    case "RegExpLiteral":
+    case "Literal":
       return !0;
     case "Identifier":
       return locals.has(value.name) || RESOLVABLE_GLOBALS.has(value.name);
@@ -144,7 +159,7 @@ function isResolvable(node, locals = NO_LOCALS) {
     case "ArrayExpression":
       return value.elements.every((element) => !element || resolves(element));
     case "ObjectExpression":
-      return value.properties.every((property) => property.type !== "ObjectProperty" ? !1 : (!property.computed || resolves(property.key)) && resolves(property.value));
+      return value.properties.every((property) => property.type !== "Property" || property.method || property.kind !== "init" ? !1 : (!property.computed || resolves(property.key)) && resolves(property.value));
     case "CallExpression":
     case "NewExpression":
       return resolves(value.callee) && value.arguments.every(resolves);
@@ -198,7 +213,7 @@ function renderPropArg(arg, ctx) {
 }
 function renderPropValue(input, ctx) {
   let value = unwrapExpression2(input.value);
-  return input.plan.kind === "hoist" ? hoistedProp(input, ctx, printValue(value)) : value.type === "BooleanLiteral" ? value.value ? { attrName: input.attributeName } : { attrName: `:${input.attributeName}`, value: "false" } : value.type === "StringLiteral" ? quoteAttributeValue(value.value) === void 0 ? hoistedProp(input, ctx, printValue(value)) : { attrName: input.attributeName, value: value.value } : { attrName: `:${input.attributeName}`, value: printValue(value) };
+  return input.plan.kind === "hoist" ? hoistedProp(input, ctx, printValue(value)) : value.type === "Literal" && typeof value.value == "boolean" ? value.value ? { attrName: input.attributeName } : { attrName: `:${input.attributeName}`, value: "false" } : isStringLiteral2(value) ? quoteAttributeValue(value.value) === void 0 ? hoistedProp(input, ctx, printValue(value)) : { attrName: input.attributeName, value: value.value } : { attrName: `:${input.attributeName}`, value: printValue(value) };
 }
 function hoistedProp(input, ctx, source) {
   let existing = ctx.hoistedArgs.get(input.variableName);
@@ -229,15 +244,8 @@ function renderSlotContent(arg, plan, ctx) {
 }
 function inlinePrimitiveSource(node) {
   let value = unwrapExpression2(node);
-  switch (value.type) {
-    case "StringLiteral":
-      return value.value;
-    case "NumericLiteral":
-    case "BooleanLiteral":
-      return String(value.value);
-    default:
-      return;
-  }
+  if (value.type === "Literal")
+    return typeof value.value == "string" ? value.value : typeof value.value == "number" || typeof value.value == "boolean" ? String(value.value) : void 0;
 }
 function escapeTextContent(text) {
   return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("{{", "&#123;&#123;");
@@ -256,11 +264,18 @@ ${sections.join(`
 </script>`;
 }
 function allocateBindingName(name, ctx) {
-  let baseName = t.toIdentifier(name), bindingName = baseName, suffix = 2;
+  let baseName = toIdentifier(name), bindingName = baseName, suffix = 2;
   for (; ctx.bindings.has(bindingName); )
     bindingName = `${baseName}${suffix}`, suffix += 1;
   return ctx.bindings.add(bindingName), bindingName;
 }
+var RESERVED_WORDS = new Set(
+  "break case catch class const continue debugger default delete do else enum export extends false finally for function if import in instanceof new null return super switch this throw true try typeof var void while with implements interface let package private protected public static yield await arguments eval".split(" ")
+);
+function toIdentifier(input) {
+  let name = [...input].map((char) => /[\p{ID_Continue}$\u200C\u200D]/u.test(char) ? char : "-").join("").replace(/^[-0-9]+/, "").replace(/[-\s]+(.)?/g, (_, next) => next ? next.toUpperCase() : "");
+  return name && !RESERVED_WORDS.has(name) ? name : `_${name}`;
+}
 function quoteAttributeValue(value) {
   if (!value.includes("&")) {
     if (!value.includes('"'))

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

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_o98lcndpw1r from 'node:url';
-import CJS_COMPAT_NODE_PATH_o98lcndpw1r from 'node:path';
-import CJS_COMPAT_NODE_MODULE_o98lcndpw1r from "node:module";
+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_o98lcndpw1r.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_o98lcndpw1r.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_o98lcndpw1r.createRequire(import.meta.url);
+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
 // ------------------------------------------------------------
 import {
   indent
-} from "./chunk-MD3CZS6R.js";
+} from "./chunk-KQTNCEDF.js";
 
 // src/docgen/component-docgen/arg-types/extractArgTypes.ts
 import { convert, extractComponentProps, hasDocgen } from "storybook/internal/docs-tools";