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

package/dist/_node-chunks/{chunk-REUZ4KRS.js → chunk-N23VPSRC.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_zol2z3jfkwh from 'node:url';
-import CJS_COMPAT_NODE_PATH_zol2z3jfkwh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_zol2z3jfkwh from "node:module";
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_zol2z3jfkwh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_zol2z3jfkwh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_zol2z3jfkwh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.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;
@@ -175,7 +175,8 @@ function createRenderContext() {
     bindings: /* @__PURE__ */ new Set(["ref"]),
     variables: /* @__PURE__ */ new Map(),
     hoistedArgs: /* @__PURE__ */ new Map(),
-    componentImports: /* @__PURE__ */ new Set()
+    componentImports: /* @__PURE__ */ new Set(),
+    statements: []
   };
 }
 function renderPreparedSfcSnippet(input) {
@@ -200,8 +201,11 @@ function renderPropValue(input, ctx) {
   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) };
 }
 function hoistedProp(input, ctx, source) {
+  let existing = ctx.hoistedArgs.get(input.variableName);
+  if (existing?.source === source)
+    return { attrName: `:${input.attributeName}`, value: existing.binding };
   let bindingName = allocateBindingName(input.variableName, ctx);
-  return ctx.variables.set(bindingName, source), { attrName: `:${input.attributeName}`, value: bindingName };
+  return ctx.variables.set(bindingName, source), ctx.hoistedArgs.set(input.variableName, { binding: bindingName, source }), { attrName: `:${input.attributeName}`, value: bindingName };
 }
 function renderModelArg(arg, ctx) {
   let bindingName = hoistModelRef(arg.name, arg.value, ctx);
@@ -242,11 +246,13 @@ function renderScript(ctx) {
   let importsCode = Object.entries(ctx.imports).sort(([a], [b]) => a.localeCompare(b)).map(([packageName, imports]) => `import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`).concat(Array.from(ctx.componentImports).sort()).join(`
 `), variablesCode = Array.from(ctx.variables.entries()).map(([name, value]) => `const ${name} = ${value};`).join(`
 
-`);
-  return !importsCode && !variablesCode ? void 0 : `<script lang="ts" setup>
-${importsCode && variablesCode ? `${importsCode}
+`), statementsCode = ctx.statements.join(`
+`), sections = [importsCode, variablesCode, statementsCode].filter(Boolean);
+  if (sections.length !== 0)
+    return `<script lang="ts" setup>
+${sections.join(`
 
-${variablesCode}` : importsCode || variablesCode}
+`)}
 </script>`;
 }
 function allocateBindingName(name, ctx) {
@@ -266,20 +272,23 @@ function quoteAttributeValue(value) {
 function formatRenderedProp(prop) {
   return prop.value === void 0 ? prop.attrName : isVueExpressionAttribute(prop.attrName) ? `${prop.attrName}="${prop.value}"` : `${prop.attrName}=${quoteAttributeValue(prop.value)}`;
 }
-function renderArgsBindingAttributes(args, existingAttributeNames, ctx) {
+function renderArgsBindingExpansion(args, ctx, options) {
   let partitioned = partitionArgsByRole(args);
-  if (partitioned.slots.length > 0 || [
-    ...partitioned.props.map((arg) => arg.name),
-    ...partitioned.events.map((arg) => arg.eventName ?? arg.name)
-  ].some((name) => existingAttributeNames.has(name)))
+  if (partitioned.slots.length > 0 && !options.roleAware)
     return;
   let props = partitioned.props.map(
-    (arg) => renderPropValue(
+    (arg) => options.roleAware ? renderPropLikeArg(arg, ctx) : renderPropValue(
       { attributeName: arg.name, variableName: arg.name, value: arg.value, plan: arg.plan },
       ctx
     )
-  ), events = partitioned.events.map((arg) => renderEventArg(arg, ctx));
-  return [...props, ...events].map(formatRenderedProp).join(" ");
+  ), events = partitioned.events.map((arg) => renderEventArg(arg, ctx)), slotChildren = [];
+  for (let slot of partitioned.slots) {
+    let content = options.renderSlotArg?.(slot);
+    if (content === void 0)
+      return;
+    slotChildren.push(wrapSlotContent(slot.name, content));
+  }
+  return { attributes: [...props, ...events].map(formatRenderedProp), slotChildren };
 }
 function renderBoundArgAttribute(attributeName, arg, ctx) {
   return formatRenderedProp(
@@ -299,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 === "*"))
@@ -332,11 +341,12 @@ function isVueExpressionAttribute(name) {
 }
 
 export {
+  RESOLVABLE_GLOBALS,
   classifyValue,
   printValue,
   isFunctionExpression,
   isSelfContainedFunction,
-  partitionArgsByRole,
+  collectPatternNames,
   createRenderContext,
   renderPreparedSfcSnippet,
   renderPropLikeArg,
@@ -345,7 +355,7 @@ export {
   inlinePrimitiveSource,
   escapeTextContent,
   formatRenderedProp,
-  renderArgsBindingAttributes,
+  renderArgsBindingExpansion,
   renderBoundArgAttribute,
   hoistArgValue,
   hoistModelRef,

package/dist/_node-chunks/{chunk-WN6FRBUG.js → chunk-XAP4PSCV.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_zol2z3jfkwh from 'node:url';
-import CJS_COMPAT_NODE_PATH_zol2z3jfkwh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_zol2z3jfkwh from "node:module";
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_zol2z3jfkwh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_zol2z3jfkwh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_zol2z3jfkwh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{component-meta-P3UPSRFE.js → component-meta-5RDLH5FW.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_zol2z3jfkwh from 'node:url';
-import CJS_COMPAT_NODE_PATH_zol2z3jfkwh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_zol2z3jfkwh from "node:module";
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_zol2z3jfkwh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_zol2z3jfkwh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_zol2z3jfkwh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.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-WN6FRBUG.js";
+} from "./chunk-XAP4PSCV.js";
 export {
   CHECKER_OPTIONS,
   applyVueDocgenApiTempFixes,

package/dist/_node-chunks/{parsers-ISP3M6DB.js → parsers-NYOPLWFS.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_zol2z3jfkwh from 'node:url';
-import CJS_COMPAT_NODE_PATH_zol2z3jfkwh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_zol2z3jfkwh from "node:module";
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_zol2z3jfkwh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_zol2z3jfkwh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_zol2z3jfkwh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/vue-docgen-api-5EDKFEW7.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.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_zol2z3jfkwh from 'node:url';
-import CJS_COMPAT_NODE_PATH_zol2z3jfkwh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_zol2z3jfkwh from "node:module";
+import CJS_COMPAT_NODE_URL_rhcqxor3cl from 'node:url';
+import CJS_COMPAT_NODE_PATH_rhcqxor3cl from 'node:path';
+import CJS_COMPAT_NODE_MODULE_rhcqxor3cl from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_zol2z3jfkwh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_zol2z3jfkwh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_zol2z3jfkwh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_rhcqxor3cl.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_rhcqxor3cl.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_rhcqxor3cl.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   indent
-} from "../_node-chunks/chunk-REUZ4KRS.js";
+} from "../_node-chunks/chunk-N23VPSRC.js";
 import {
   CHECKER_OPTIONS,
   collectComponentMetaSources
-} from "../_node-chunks/chunk-WN6FRBUG.js";
+} from "../_node-chunks/chunk-XAP4PSCV.js";
 
 // src/docgen/docgen-worker.ts
 import { createLazyDocgenMiddleware } from "storybook/internal/common";