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

package/dist/entry-preview-docs.js

@@ -1,160 +1,107 @@
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/docs/sourceDecorator.ts
 import { SourceType } from "storybook/internal/docs-tools";
 import { emitTransformCode, useEffect } from "storybook/preview-api";
 import { isVNode } from "vue";
-var TRACKING_SYMBOL = Symbol("DEEP_ACCESS_SYMBOL");
-var isProxy = /* @__PURE__ */ __name((obj) => !!(obj && typeof obj === "object" && TRACKING_SYMBOL in obj), "isProxy");
-var sourceDecorator = /* @__PURE__ */ __name((storyFn, ctx) => {
-  const story = storyFn();
-  useEffect(() => {
-    const sourceCode = generateSourceCode(ctx);
-    if (shouldSkipSourceCodeGeneration(ctx)) {
-      return;
-    }
-    emitTransformCode(sourceCode, ctx);
-  });
-  return story;
-}, "sourceDecorator");
-var generateSourceCode = /* @__PURE__ */ __name((ctx) => {
-  const sourceCodeContext = {
+var TRACKING_SYMBOL = Symbol("DEEP_ACCESS_SYMBOL"), isProxy = (obj) => !!(obj && typeof obj == "object" && TRACKING_SYMBOL in obj), sourceDecorator = (storyFn, ctx) => {
+  let story = storyFn();
+  return useEffect(() => {
+    let sourceCode = generateSourceCode(ctx);
+    shouldSkipSourceCodeGeneration(ctx) || emitTransformCode(sourceCode, ctx);
+  }), story;
+}, generateSourceCode = (ctx) => {
+  let sourceCodeContext = {
     imports: {},
     scriptVariables: {}
-  };
-  const { displayName, slotNames, eventNames } = parseDocgenInfo(ctx.component);
-  const props = generatePropsSourceCode(ctx.args, slotNames, eventNames, sourceCodeContext);
-  const slotSourceCode = generateSlotSourceCode(ctx.args, slotNames, sourceCodeContext);
-  const componentName = displayName || ctx.title.split("/").at(-1);
-  const templateCode = slotSourceCode ? `<${componentName} ${props}> ${slotSourceCode} </${componentName}>` : `<${componentName} ${props} />`;
-  const variablesCode = Object.entries(sourceCodeContext.scriptVariables).map(([name, value]) => `const ${name} = ${value};`).join("\n\n");
-  const importsCode = Object.entries(sourceCodeContext.imports).map(([packageName, imports]) => {
-    return `import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`;
-  }).join("\n");
-  const template = `<template>
+  }, { displayName, slotNames, eventNames } = parseDocgenInfo(ctx.component), props = generatePropsSourceCode(ctx.args, slotNames, eventNames, sourceCodeContext), slotSourceCode = generateSlotSourceCode(ctx.args, slotNames, sourceCodeContext), componentName = displayName || ctx.title.split("/").at(-1), templateCode = slotSourceCode ? `<${componentName} ${props}> ${slotSourceCode} </${componentName}>` : `<${componentName} ${props} />`, variablesCode = Object.entries(sourceCodeContext.scriptVariables).map(([name, value]) => `const ${name} = ${value};`).join(`
+
+`), importsCode = Object.entries(sourceCodeContext.imports).map(([packageName, imports]) => `import { ${Array.from(imports.values()).sort().join(", ")} } from "${packageName}";`).join(`
+`), template = `<template>
   ${templateCode}
 </template>`;
-  if (!importsCode && !variablesCode) {
-    return template;
-  }
-  return `<script lang="ts" setup>
+  return !importsCode && !variablesCode ? template : `<script lang="ts" setup>
 ${importsCode ? `${importsCode}
 
 ${variablesCode}` : variablesCode}
 <\/script>
 
 ${template}`;
-}, "generateSourceCode");
-var shouldSkipSourceCodeGeneration = /* @__PURE__ */ __name((context) => {
-  const sourceParams = context?.parameters.docs?.source;
-  if (sourceParams?.type === SourceType.DYNAMIC) {
-    return false;
-  }
-  const isArgsStory = context?.parameters.__isArgsStory;
-  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
-}, "shouldSkipSourceCodeGeneration");
-var parseDocgenInfo = /* @__PURE__ */ __name((component) => {
-  if (!component || !("__docgenInfo" in component) || !component.__docgenInfo || typeof component.__docgenInfo !== "object") {
+}, shouldSkipSourceCodeGeneration = (context) => {
+  let sourceParams = context?.parameters.docs?.source;
+  return sourceParams?.type === SourceType.DYNAMIC ? !1 : !context?.parameters.__isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+}, parseDocgenInfo = (component) => {
+  if (!component || !("__docgenInfo" in component) || !component.__docgenInfo || typeof component.__docgenInfo != "object")
     return {
       displayName: component?.__name,
       eventNames: [],
       slotNames: []
     };
-  }
-  const docgenInfo = component.__docgenInfo;
-  const displayName = "displayName" in docgenInfo && typeof docgenInfo.displayName === "string" ? docgenInfo.displayName : void 0;
-  const parseNames = /* @__PURE__ */ __name((key) => {
-    if (!(key in docgenInfo) || !Array.isArray(docgenInfo[key])) {
-      return [];
-    }
-    const values = docgenInfo[key];
-    return values.map((i) => i && typeof i === "object" && "name" in i ? i.name : void 0).filter((i) => typeof i === "string");
-  }, "parseNames");
+  let docgenInfo = component.__docgenInfo, displayName = "displayName" in docgenInfo && typeof docgenInfo.displayName == "string" ? docgenInfo.displayName : void 0, parseNames = (key) => !(key in docgenInfo) || !Array.isArray(docgenInfo[key]) ? [] : docgenInfo[key].map((i) => i && typeof i == "object" && "name" in i ? i.name : void 0).filter((i) => typeof i == "string");
   return {
     displayName: displayName || component.__name,
-    slotNames: parseNames("slots").sort((a, b) => {
-      if (a === "default") {
-        return -1;
-      }
-      if (b === "default") {
-        return 1;
-      }
-      return a.localeCompare(b);
-    }),
+    slotNames: parseNames("slots").sort((a, b) => a === "default" ? -1 : b === "default" ? 1 : a.localeCompare(b)),
     eventNames: parseNames("events")
   };
-}, "parseDocgenInfo");
-var generatePropsSourceCode = /* @__PURE__ */ __name((args, slotNames, eventNames, ctx) => {
-  const properties = [];
+}, generatePropsSourceCode = (args, slotNames, eventNames, ctx) => {
+  let properties = [];
   Object.entries(args).forEach(([propName, value]) => {
-    if (slotNames.includes(propName)) {
-      return;
-    }
-    if (value == void 0) {
-      return;
-    }
-    if (isProxy(value)) {
-      value = value.toString();
-    }
-    switch (typeof value) {
-      case "string":
-        if (value === "") {
-          return;
+    if (!slotNames.includes(propName) && value != null)
+      switch (isProxy(value) && (value = value.toString()), typeof value) {
+        case "string":
+          if (value === "")
+            return;
+          properties.push({
+            name: propName,
+            value: value.includes('"') ? `'${value}'` : `"${value}"`,
+            templateFn: (name, propValue) => `${name}=${propValue}`
+          });
+          break;
+        case "number":
+          properties.push({
+            name: propName,
+            value: value.toString(),
+            templateFn: (name, propValue) => `:${name}="${propValue}"`
+          });
+          break;
+        case "bigint":
+          properties.push({
+            name: propName,
+            value: `BigInt(${value.toString()})`,
+            templateFn: (name, propValue) => `:${name}="${propValue}"`
+          });
+          break;
+        case "boolean":
+          properties.push({
+            name: propName,
+            value: value ? "true" : "false",
+            templateFn: (name, propValue) => propValue === "true" ? name : `:${name}="false"`
+          });
+          break;
+        case "symbol":
+          properties.push({
+            name: propName,
+            value: `Symbol(${value.description ? `'${value.description}'` : ""})`,
+            templateFn: (name, propValue) => `:${name}="${propValue}"`
+          });
+          break;
+        case "object": {
+          properties.push({
+            name: propName,
+            value: formatObject(value ?? {}),
+            // to follow Vue best practices, complex values like object and arrays are
+            // usually placed inside the <script setup> block instead of inlining them in the <template>
+            templateFn: void 0
+          });
+          break;
         }
-        properties.push({
-          name: propName,
-          value: value.includes('"') ? `'${value}'` : `"${value}"`,
-          templateFn: /* @__PURE__ */ __name((name, propValue) => `${name}=${propValue}`, "templateFn")
-        });
-        break;
-      case "number":
-        properties.push({
-          name: propName,
-          value: value.toString(),
-          templateFn: /* @__PURE__ */ __name((name, propValue) => `:${name}="${propValue}"`, "templateFn")
-        });
-        break;
-      case "bigint":
-        properties.push({
-          name: propName,
-          value: `BigInt(${value.toString()})`,
-          templateFn: /* @__PURE__ */ __name((name, propValue) => `:${name}="${propValue}"`, "templateFn")
-        });
-        break;
-      case "boolean":
-        properties.push({
-          name: propName,
-          value: value ? "true" : "false",
-          templateFn: /* @__PURE__ */ __name((name, propValue) => propValue === "true" ? name : `:${name}="false"`, "templateFn")
-        });
-        break;
-      case "symbol":
-        properties.push({
-          name: propName,
-          value: `Symbol(${value.description ? `'${value.description}'` : ""})`,
-          templateFn: /* @__PURE__ */ __name((name, propValue) => `:${name}="${propValue}"`, "templateFn")
-        });
-        break;
-      case "object": {
-        properties.push({
-          name: propName,
-          value: formatObject(value ?? {}),
-          // to follow Vue best practices, complex values like object and arrays are
-          // usually placed inside the <script setup> block instead of inlining them in the <template>
-          templateFn: void 0
-        });
-        break;
+        case "function":
+          break;
       }
-      case "function":
-        break;
-    }
-  });
-  properties.sort((a, b) => a.name.localeCompare(b.name));
-  const props = [];
-  properties.forEach((prop) => {
-    const isVModel = eventNames.includes(`update:${prop.name}`);
+  }), properties.sort((a, b) => a.name.localeCompare(b.name));
+  let props = [];
+  return properties.forEach((prop) => {
+    let isVModel = eventNames.includes(`update:${prop.name}`);
     if (!isVModel && prop.templateFn) {
       props.push(prop.templateFn(prop.name, prop.value));
       return;
@@ -162,116 +109,73 @@ var generatePropsSourceCode = /* @__PURE__ */ __name((args, slotNames, eventName
     let variableName = prop.name;
     if (variableName in ctx.scriptVariables) {
       let index = 1;
-      do {
-        variableName = `${prop.name}${index}`;
-        index++;
-      } while (variableName in ctx.scriptVariables);
+      do
+        variableName = `${prop.name}${index}`, index++;
+      while (variableName in ctx.scriptVariables);
     }
     if (!isVModel) {
-      ctx.scriptVariables[variableName] = prop.value;
-      props.push(`:${prop.name}="${variableName}"`);
+      ctx.scriptVariables[variableName] = prop.value, props.push(`:${prop.name}="${variableName}"`);
       return;
     }
-    ctx.scriptVariables[variableName] = `ref(${prop.value})`;
-    if (!ctx.imports.vue) {
-      ctx.imports.vue = /* @__PURE__ */ new Set();
-    }
-    ctx.imports.vue.add("ref");
-    if (prop.name === "modelValue") {
-      props.push(`v-model="${variableName}"`);
-    } else {
-      props.push(`v-model:${prop.name}="${variableName}"`);
-    }
-  });
-  return props.join(" ");
-}, "generatePropsSourceCode");
-var generateSlotSourceCode = /* @__PURE__ */ __name((args, slotNames, ctx) => {
-  const slotSourceCodes = [];
-  slotNames.forEach((slotName) => {
-    const arg = args[slotName];
-    if (!arg) {
+    ctx.scriptVariables[variableName] = `ref(${prop.value})`, ctx.imports.vue || (ctx.imports.vue = /* @__PURE__ */ new Set()), ctx.imports.vue.add("ref"), prop.name === "modelValue" ? props.push(`v-model="${variableName}"`) : props.push(`v-model:${prop.name}="${variableName}"`);
+  }), props.join(" ");
+}, generateSlotSourceCode = (args, slotNames, ctx) => {
+  let slotSourceCodes = [];
+  return slotNames.forEach((slotName) => {
+    let arg = args[slotName];
+    if (!arg)
       return;
-    }
-    const slotContent = generateSlotChildrenSourceCode([arg], ctx);
-    if (!slotContent) {
+    let slotContent = generateSlotChildrenSourceCode([arg], ctx);
+    if (!slotContent)
       return;
-    }
-    const slotBindings = typeof arg === "function" ? getFunctionParamNames(arg) : [];
-    if (slotName === "default" && !slotBindings.length) {
-      slotSourceCodes.push(slotContent);
-    } else {
-      slotSourceCodes.push(
-        `<template ${slotBindingsToString(slotName, slotBindings)}>${slotContent}</template>`
-      );
-    }
-  });
-  return slotSourceCodes.join("\n\n");
-}, "generateSlotSourceCode");
-var generateSlotChildrenSourceCode = /* @__PURE__ */ __name((children, ctx) => {
-  const slotChildrenSourceCodes = [];
-  const generateSingleChildSourceCode = /* @__PURE__ */ __name((child) => {
-    if (isVNode(child)) {
+    let slotBindings = typeof arg == "function" ? getFunctionParamNames(arg) : [];
+    slotName === "default" && !slotBindings.length ? slotSourceCodes.push(slotContent) : slotSourceCodes.push(
+      `<template ${slotBindingsToString(slotName, slotBindings)}>${slotContent}</template>`
+    );
+  }), slotSourceCodes.join(`
+
+`);
+}, generateSlotChildrenSourceCode = (children, ctx) => {
+  let slotChildrenSourceCodes = [], generateSingleChildSourceCode = (child) => {
+    if (isVNode(child))
       return generateVNodeSourceCode(child, ctx);
-    }
     switch (typeof child) {
       case "string":
       case "number":
       case "boolean":
         return child.toString();
       case "object":
-        if (child === null) {
-          return "";
-        }
-        if (Array.isArray(child)) {
-          return child.map(generateSingleChildSourceCode).filter((code) => code !== "").join("\n");
-        }
-        return JSON.stringify(child);
+        return child === null ? "" : Array.isArray(child) ? child.map(generateSingleChildSourceCode).filter((code) => code !== "").join(`
+`) : JSON.stringify(child);
       case "function": {
-        const paramNames = getFunctionParamNames(child).filter(
+        let paramNames = getFunctionParamNames(child).filter(
           (param) => !["{", "}"].includes(param)
-        );
-        const parameters = {};
-        const proxied = {};
+        ), parameters = {}, proxied = {};
         paramNames.forEach((param) => {
-          parameters[param] = `{{ ${param} }}`;
-          proxied[param] = new Proxy(
+          parameters[param] = `{{ ${param} }}`, proxied[param] = new Proxy(
             {
               // we use the symbol to identify the proxy
-              [TRACKING_SYMBOL]: true
+              [TRACKING_SYMBOL]: !0
             },
             {
               // getter is called when any prop of the parameter is read
-              get: /* @__PURE__ */ __name((t, key) => {
-                if (key === TRACKING_SYMBOL) {
-                  return t[TRACKING_SYMBOL];
-                }
-                if ([Symbol.toPrimitive, Symbol.toStringTag, "toString"].includes(key)) {
-                  return () => `{{ ${param} }}`;
-                }
-                if (key === "v-bind") {
-                  return `${param}`;
-                }
-                return `{{ ${param}.${key.toString()} }}`;
-              }, "get"),
+              get: (t, key) => key === TRACKING_SYMBOL ? t[TRACKING_SYMBOL] : [Symbol.toPrimitive, Symbol.toStringTag, "toString"].includes(key) ? () => `{{ ${param} }}` : key === "v-bind" ? `${param}` : `{{ ${param}.${key.toString()} }}`,
               // ownKeys is called, among other uses, when an object is destructured
               // in this case we assume the parameter is supposed to be bound using "v-bind"
               // Therefore we only return one special key "v-bind" and the getter will be called afterwards with it
-              ownKeys: /* @__PURE__ */ __name(() => {
-                return [`v-bind`];
-              }, "ownKeys"),
+              ownKeys: () => ["v-bind"],
               /** Called when destructured */
-              getOwnPropertyDescriptor: /* @__PURE__ */ __name(() => ({
-                configurable: true,
-                enumerable: true,
+              getOwnPropertyDescriptor: () => ({
+                configurable: !0,
+                enumerable: !0,
                 value: param,
-                writable: true
-              }), "getOwnPropertyDescriptor")
+                writable: !0
+              })
             }
           );
         });
-        const returnValue = child(proxied);
-        const slotSourceCode = generateSlotChildrenSourceCode([returnValue], ctx);
-        return slotSourceCode.replaceAll(/ (\S+)="{{ (\S+) }}"/g, ` :$1="$2"`);
+        let returnValue = child(proxied);
+        return generateSlotChildrenSourceCode([returnValue], ctx).replaceAll(/ (\S+)="{{ (\S+) }}"/g, ' :$1="$2"');
       }
       case "bigint":
         return `{{ BigInt(${child.toString()}) }}`;
@@ -280,90 +184,44 @@ var generateSlotChildrenSourceCode = /* @__PURE__ */ __name((children, ctx) => {
       default:
         return "";
     }
-  }, "generateSingleChildSourceCode");
-  children.forEach((child) => {
-    const sourceCode = generateSingleChildSourceCode(child);
-    if (sourceCode !== "") {
-      slotChildrenSourceCodes.push(sourceCode);
-    }
-  });
-  return slotChildrenSourceCodes.join("\n");
-}, "generateSlotChildrenSourceCode");
-var generateVNodeSourceCode = /* @__PURE__ */ __name((vnode, ctx) => {
-  const componentName = getVNodeName(vnode);
-  let childrenCode = "";
-  if (typeof vnode.children === "string") {
-    childrenCode = vnode.children;
-  } else if (Array.isArray(vnode.children)) {
-    childrenCode = generateSlotChildrenSourceCode(vnode.children, ctx);
-  } else if (vnode.children) {
-    childrenCode = generateSlotSourceCode(
-      vnode.children,
-      // $stable is a default property in vnode.children so we need to filter it out
-      // to not generate source code for it
-      Object.keys(vnode.children).filter((i) => i !== "$stable"),
-      ctx
-    );
-  }
-  const props = vnode.props ? generatePropsSourceCode(vnode.props, [], [], ctx) : "";
-  if (childrenCode) {
-    return `<${componentName}${props ? ` ${props}` : ""}>${childrenCode}</${componentName}>`;
-  }
-  return `<${componentName}${props ? ` ${props}` : ""} />`;
-}, "generateVNodeSourceCode");
-var getVNodeName = /* @__PURE__ */ __name((vnode) => {
-  if (typeof vnode.type === "string") {
+  };
+  return children.forEach((child) => {
+    let sourceCode = generateSingleChildSourceCode(child);
+    sourceCode !== "" && slotChildrenSourceCodes.push(sourceCode);
+  }), slotChildrenSourceCodes.join(`
+`);
+}, generateVNodeSourceCode = (vnode, ctx) => {
+  let componentName = getVNodeName(vnode), childrenCode = "";
+  typeof vnode.children == "string" ? childrenCode = vnode.children : Array.isArray(vnode.children) ? childrenCode = generateSlotChildrenSourceCode(vnode.children, ctx) : vnode.children && (childrenCode = generateSlotSourceCode(
+    vnode.children,
+    // $stable is a default property in vnode.children so we need to filter it out
+    // to not generate source code for it
+    Object.keys(vnode.children).filter((i) => i !== "$stable"),
+    ctx
+  ));
+  let props = vnode.props ? generatePropsSourceCode(vnode.props, [], [], ctx) : "";
+  return childrenCode ? `<${componentName}${props ? ` ${props}` : ""}>${childrenCode}</${componentName}>` : `<${componentName}${props ? ` ${props}` : ""} />`;
+}, getVNodeName = (vnode) => {
+  if (typeof vnode.type == "string")
     return vnode.type;
-  }
-  if (typeof vnode.type === "object") {
-    if ("name" in vnode.type && vnode.type.name) {
+  if (typeof vnode.type == "object") {
+    if ("name" in vnode.type && vnode.type.name)
       return vnode.type.name;
-    } else if ("__name" in vnode.type && vnode.type.__name) {
+    if ("__name" in vnode.type && vnode.type.__name)
       return vnode.type.__name;
-    }
   }
   return "component";
-}, "getVNodeName");
-var getFunctionParamNames = /* @__PURE__ */ __name((func) => {
-  const STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm;
-  const ARGUMENT_NAMES = /([^\s,]+)/g;
-  const fnStr = func.toString().replace(STRIP_COMMENTS, "");
-  const result = fnStr.slice(fnStr.indexOf("(") + 1, fnStr.indexOf(")")).match(ARGUMENT_NAMES);
-  if (!result) {
-    return [];
-  }
-  return result.flatMap((param) => {
-    if (["{", "}"].includes(param)) {
+}, getFunctionParamNames = (func) => {
+  let STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm, ARGUMENT_NAMES = /([^\s,]+)/g, fnStr = func.toString().replace(STRIP_COMMENTS, ""), result = fnStr.slice(fnStr.indexOf("(") + 1, fnStr.indexOf(")")).match(ARGUMENT_NAMES);
+  return result ? result.flatMap((param) => {
+    if (["{", "}"].includes(param))
       return param;
-    }
-    const nonMinifiedName = param.split(":")[0].trim();
-    if (nonMinifiedName.startsWith("{")) {
-      return ["{", nonMinifiedName.substring(1)];
-    }
-    if (param.endsWith("}") && !nonMinifiedName.endsWith("}")) {
-      return [nonMinifiedName, "}"];
-    }
-    return nonMinifiedName;
-  });
-}, "getFunctionParamNames");
-var slotBindingsToString = /* @__PURE__ */ __name((slotName, params) => {
-  if (!params.length) {
-    return `#${slotName}`;
-  }
-  if (params.length === 1) {
-    return `#${slotName}="${params[0]}"`;
-  }
-  return `#${slotName}="{ ${params.filter((i) => !["{", "}"].includes(i)).join(", ")} }"`;
-}, "slotBindingsToString");
-var formatObject = /* @__PURE__ */ __name((obj) => {
-  const isPrimitive = Object.values(obj).every(
-    (value) => value == null || typeof value !== "object"
-  );
-  if (isPrimitive) {
-    return JSON.stringify(obj);
-  }
-  return JSON.stringify(obj, null, 2);
-}, "formatObject");
+    let nonMinifiedName = param.split(":")[0].trim();
+    return nonMinifiedName.startsWith("{") ? ["{", nonMinifiedName.substring(1)] : param.endsWith("}") && !nonMinifiedName.endsWith("}") ? [nonMinifiedName, "}"] : nonMinifiedName;
+  }) : [];
+}, slotBindingsToString = (slotName, params) => params.length ? params.length === 1 ? `#${slotName}="${params[0]}"` : `#${slotName}="{ ${params.filter((i) => !["{", "}"].includes(i)).join(", ")} }"` : `#${slotName}`, formatObject = (obj) => Object.values(obj).every(
+  (value) => value == null || typeof value != "object"
+) ? JSON.stringify(obj) : JSON.stringify(obj, null, 2);
 
 // src/entry-preview-docs.ts
 var decorators = [sourceDecorator];

package/dist/entry-preview.js

@@ -5,8 +5,8 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-GZHEVVQL.js";
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-YJYABENR.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   decorateStory as applyDecorators,
   argTypesEnhancers,

package/dist/index.js

@@ -2,10 +2,8 @@ import {
   entry_preview_exports,
   renderToCanvas,
   setup
-} from "./_browser-chunks/chunk-GZHEVVQL.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-YJYABENR.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/globals.ts
 import { global } from "@storybook/global";
@@ -22,45 +20,36 @@ import {
 } from "storybook/preview-api";
 import { h } from "vue";
 function setProjectAnnotations(projectAnnotations) {
-  setDefaultProjectAnnotations(vueProjectAnnotations);
-  return originalSetProjectAnnotations(
+  return setDefaultProjectAnnotations(vueProjectAnnotations), originalSetProjectAnnotations(
     projectAnnotations
   );
 }
-__name(setProjectAnnotations, "setProjectAnnotations");
 var vueProjectAnnotations = {
   ...entry_preview_exports,
   /** @deprecated */
-  renderToCanvas: /* @__PURE__ */ __name((renderContext, canvasElement) => {
-    if (renderContext.storyContext.testingLibraryRender == null) {
+  renderToCanvas: (renderContext, canvasElement) => {
+    if (renderContext.storyContext.testingLibraryRender == null)
       return renderToCanvas(renderContext, canvasElement);
-    }
-    const {
+    let {
       storyFn,
       storyContext: { testingLibraryRender: render }
-    } = renderContext;
-    const { unmount } = render(storyFn(), { container: canvasElement });
+    } = renderContext, { unmount } = render(storyFn(), { container: canvasElement });
     return unmount;
-  }, "renderToCanvas")
+  }
 };
 function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
-  const composedStory = originalComposeStory(
+  let composedStory = originalComposeStory(
     story,
     componentAnnotations,
     projectAnnotations,
     globalThis.globalProjectAnnotations ?? vueProjectAnnotations,
     exportsName
-  );
-  const renderable = /* @__PURE__ */ __name((...args) => h(composedStory(...args)), "renderable");
-  Object.assign(renderable, composedStory);
-  return renderable;
+  ), renderable = (...args) => h(composedStory(...args));
+  return Object.assign(renderable, composedStory), renderable;
 }
-__name(composeStory, "composeStory");
 function composeStories(csfExports, projectAnnotations) {
-  const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
-  return composedStories;
+  return originalComposeStories(csfExports, projectAnnotations, composeStory);
 }
-__name(composeStories, "composeStories");
 export {
   composeStories,
   composeStory,

package/dist/playwright.js

@@ -1,4 +1,4 @@
-import "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/playwright.ts
 import { createPlaywrightTest } from "storybook/preview-api";

package/dist/preset.js

@@ -1,26 +1,23 @@
-import CJS_COMPAT_NODE_URL_b34t2klk8n from 'node:url';
-import CJS_COMPAT_NODE_PATH_b34t2klk8n from 'node:path';
-import CJS_COMPAT_NODE_MODULE_b34t2klk8n from "node:module";
+import CJS_COMPAT_NODE_URL_oagrjas449k from 'node:url';
+import CJS_COMPAT_NODE_PATH_oagrjas449k from 'node:path';
+import CJS_COMPAT_NODE_MODULE_oagrjas449k from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_b34t2klk8n.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_b34t2klk8n.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_b34t2klk8n.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_oagrjas449k.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_oagrjas449k.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_oagrjas449k.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/preset.ts
 import { fileURLToPath } from "node:url";
-var previewAnnotations = /* @__PURE__ */ __name(async (input = [], options) => {
-  const docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
-  const result = [];
-  return result.concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/vue3/entry-preview"))]).concat(
+var previewAnnotations = async (input = [], options) => {
+  let docsEnabled = Object.keys(await options.presets.apply("docs", {}, options)).length > 0;
+  return [].concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/vue3/entry-preview"))]).concat(
     docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/vue3/entry-preview-docs"))] : []
   );
-}, "previewAnnotations");
+};
 export {
   previewAnnotations
 };