@storybook/vue3 7.0.0-alpha.49 → 7.0.0-alpha.50

package/dist/chunk-YPCW34O2.mjs

@@ -0,0 +1,4 @@
+import{h as f}from"vue";import{sanitizeStoryContextUpdate as R}from"@storybook/store";function l(e){return typeof e=="function"?{render:e,name:e.name}:e}function c(e,o){let r=e;return r==null?null:o?{...l(r),components:{...r.components||{},story:o}}:{render(){return f(r)}}}function F(e,o){return o.reduce((r,p)=>u=>{let t,n=p(m=>(t=r({...u,...R(m)}),t),u);return t||(t=r(u)),n===t?t:c(n,t)},r=>c(e(r)))}import{dedent as C}from"ts-dedent";import{createApp as V,h as i}from"vue";var A=(e,o)=>{let{id:r,component:p}=o;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return i(p,e)},d=e=>{},L=e=>{d=e},s=new Map;function b({title:e,name:o,storyFn:r,showMain:p,showError:u,showException:t},n){let m,y=V({unmounted(){s.delete(n)},render(){return s.set(n,y),d(y),i(m)}});if(y.config.errorHandler=a=>t(a),m=r(),!m){u({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:C`
+      Did you forget to return the Vue component from the story?
+      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
+      `});return}p(),s.get(n)?.unmount(),y.mount(n)}export{F as a,A as b,L as c,b as d};

package/dist/config.d.ts

@@ -1,13 +1,13 @@
 import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
 import * as lib_types_dist from 'lib/types/dist';
-import { V as VueFramework } from './render-da0f65a2.js';
-export { r as render, a as renderToCanvas } from './render-da0f65a2.js';
+import { V as VueRenderer } from './render-52740da1.js';
+export { r as render, a as renderToCanvas } from './render-52740da1.js';
 import { LegacyStoryFn, DecoratorFunction } from '@storybook/types';
 import 'vue';
 
-declare const argTypesEnhancers: (<TFramework extends lib_types_dist.Framework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
+declare const argTypesEnhancers: (<TRenderer extends lib_types_dist.Renderer>(context: lib_types_dist.StoryContextForEnhancers<TRenderer, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
 
-declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;
+declare function decorateStory(storyFn: LegacyStoryFn<VueRenderer>, decorators: DecoratorFunction<VueRenderer>[]): LegacyStoryFn<VueRenderer>;
 
 declare const parameters: {
     docs: {

package/dist/config.js

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var r in o)d(e,r,{get:o[r],enumerable:!0})},L=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!v.call(e,t)&&t!==r&&d(e,t,{get:()=>o[t],enumerable:!(p=R(o,t))||p.enumerable});return e};var O=e=>L(d({},"__esModule",{value:!0}),e);var P={};D(P,{applyDecorators:()=>T,argTypesEnhancers:()=>C,parameters:()=>M,render:()=>w,renderToCanvas:()=>x});module.exports=O(P);var i=require("@storybook/docs-tools");var u=require("@storybook/docs-tools"),U=["props","events","slots","methods"],F=e=>{if(!(0,u.hasDocgen)(e))return null;let o={};return U.forEach(r=>{(0,u.extractComponentProps)(e,r).forEach(({propDef:t,docgenInfo:n,jsDocTags:m})=>{let{name:s,type:a,description:c,defaultValue:f,required:A}=t,E=r==="props"?(0,u.convert)(n):{name:"void"};o[s]={name:s,description:c,type:{required:A,...E},table:{type:a,jsDocTags:m,defaultValue:f,category:r}}})}),o};var g={docs:{inlineStories:!0,extractArgTypes:F,extractComponentDescription:i.extractComponentDescription}},C=[i.enhanceArgTypes];var k=require("ts-dedent"),y=require("vue"),w=(e,o)=>{let{id:r,component:p}=o;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,y.h)(p,e)},$=e=>{};var l=new Map;function x({title:e,name:o,storyFn:r,showMain:p,showError:t,showException:n},m){var c;let s,a=(0,y.createApp)({unmounted(){l.delete(m)},render(){return l.set(m,a),$(a),(0,y.h)(s)}});if(a.config.errorHandler=f=>n(f),s=r(),!s){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:k.dedent`
+"use strict";var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},L=(e,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of v(t))!w.call(e,o)&&o!==r&&f(e,o,{get:()=>t[o],enumerable:!(p=k(t,o))||p.enumerable});return e};var O=e=>L(f({},"__esModule",{value:!0}),e);var P={};D(P,{applyDecorators:()=>A,argTypesEnhancers:()=>C,parameters:()=>M,render:()=>S,renderToCanvas:()=>V});module.exports=O(P);var i=require("@storybook/docs-tools");var a=require("@storybook/docs-tools"),U=["props","events","slots","methods"],R=e=>{if(!(0,a.hasDocgen)(e))return null;let t={};return U.forEach(r=>{(0,a.extractComponentProps)(e,r).forEach(({propDef:o,docgenInfo:n,jsDocTags:s})=>{let{name:m,type:u,description:c,defaultValue:d,required:E}=o,b=r==="props"?(0,a.convert)(n):{name:"void"};t[m]={name:m,description:c,type:{required:E,...b},table:{type:u,jsDocTags:s,defaultValue:d,category:r}}})}),t};var g={docs:{inlineStories:!0,extractArgTypes:R,extractComponentDescription:i.extractComponentDescription}},C=[i.enhanceArgTypes];var x=require("ts-dedent"),y=require("vue"),S=(e,t)=>{let{id:r,component:p}=t;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,y.h)(p,e)},$=e=>{};var l=new Map;function V({title:e,name:t,storyFn:r,showMain:p,showError:o,showException:n},s){var c;let m,u=(0,y.createApp)({unmounted(){l.delete(s)},render(){return l.set(s,u),$(u),(0,y.h)(m)}});if(u.config.errorHandler=d=>n(d),m=r(),!m){o({title:`Expecting a Vue component from the story: "${t}" of "${e}".`,description:x.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}p(),(c=l.get(m))==null||c.unmount(),a.mount(m)}var V=require("vue"),h=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function S(e,o){let r=e;return r==null?null:o?{...z(r),components:{...r.components||{},story:o}}:{render(){return(0,V.h)(r)}}}function T(e,o){return o.reduce((r,p)=>t=>{let n,m=p(s=>(n=r({...t,...(0,h.sanitizeStoryContextUpdate)(s)}),n),t);return n||(n=r(t)),m===n?n:S(m,n)},r=>S(e(r)))}var M={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});
+      `});return}p(),(c=l.get(s))==null||c.unmount(),u.mount(s)}var T=require("vue"),F=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function h(e,t){let r=e;return r==null?null:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return(0,T.h)(r)}}}function A(e,t){return t.reduce((r,p)=>o=>{let n,s=p(m=>(n=r({...o,...(0,F.sanitizeStoryContextUpdate)(m)}),n),o);return n||(n=r(o)),s===n?n:h(s,n)},r=>h(e(r)))}var M={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as l,b as u,d as x}from"./chunk-FOJXQP7G.mjs";import{extractComponentDescription as E,enhanceArgTypes as S}from"@storybook/docs-tools";import{hasDocgen as T,extractComponentProps as g,convert as h}from"@storybook/docs-tools";var A=["props","events","slots","methods"],s=e=>{if(!T(e))return null;let t={};return A.forEach(r=>{g(e,r).forEach(({propDef:a,docgenInfo:n,jsDocTags:c})=>{let{name:o,type:m,description:y,defaultValue:f,required:i}=a,d=r==="props"?h(n):{name:"void"};t[o]={name:o,description:y,type:{required:i,...d},table:{type:m,jsDocTags:c,defaultValue:f,category:r}}})}),t};var p={docs:{inlineStories:!0,extractArgTypes:s,extractComponentDescription:E}},v=[S];var w={framework:"vue3",...p};export{l as applyDecorators,v as argTypesEnhancers,w as parameters,u as render,x as renderToCanvas};
+import{a as l,b as u,d as x}from"./chunk-YPCW34O2.mjs";import{extractComponentDescription as E,enhanceArgTypes as S}from"@storybook/docs-tools";import{hasDocgen as T,extractComponentProps as g,convert as h}from"@storybook/docs-tools";var A=["props","events","slots","methods"],s=e=>{if(!T(e))return null;let t={};return A.forEach(r=>{g(e,r).forEach(({propDef:a,docgenInfo:n,jsDocTags:c})=>{let{name:o,type:m,description:y,defaultValue:f,required:i}=a,d=r==="props"?h(n):{name:"void"};t[o]={name:o,description:y,type:{required:i,...d},table:{type:m,jsDocTags:c,defaultValue:f,category:r}}})}),t};var p={docs:{inlineStories:!0,extractArgTypes:s,extractComponentDescription:E}},v=[S];var w={framework:"vue3",...p};export{l as applyDecorators,v as argTypesEnhancers,w as parameters,u as render,x as renderToCanvas};

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import * as _storybook_types from '@storybook/types';
-import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, DecoratorFunction } from '@storybook/types';
+import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1 } from '@storybook/types';
+export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
 import { App, ComponentOptions, FunctionalComponent, ConcreteComponent } from 'vue';
-import { V as VueFramework } from './render-da0f65a2.js';
-export { s as setup } from './render-da0f65a2.js';
+import { V as VueRenderer } from './render-52740da1.js';
+export { V as VueRenderer, s as setup } from './render-52740da1.js';
 import { Simplify, SetOptional } from 'type-fest';
 
-interface ClientApi extends Addon_ClientStoryApi<VueFramework['storyResult']> {
+interface ClientApi extends Addon_ClientStoryApi<VueRenderer['storyResult']> {
     configure(loader: Addon_Loadable, module: NodeModule): void;
     forceReRender(): void;
     raw: () => any;
@@ -15,30 +16,30 @@ interface ClientApi extends Addon_ClientStoryApi<VueFramework['storyResult']> {
 declare const storiesOf: ClientApi['storiesOf'];
 declare const configure: ClientApi['configure'];
 declare const forceReRender: () => void;
-declare const raw: ((...args: any[]) => never) | (() => _storybook_types.Store_BoundStory<VueFramework>[]);
+declare const raw: ((...args: any[]) => never) | (() => _storybook_types.Store_BoundStory<VueRenderer>[]);
 
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-declare type Meta<TCmpOrArgs = Args> = ComponentAnnotations<VueFramework, ComponentPropsOrProps<TCmpOrArgs>>;
+declare 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/formats/component-story-format/#named-story-exports)
  */
-declare type StoryFn<TCmpOrArgs = Args> = AnnotatedStoryFn<VueFramework, ComponentPropsOrProps<TCmpOrArgs>>;
+declare type StoryFn<TCmpOrArgs = Args> = AnnotatedStoryFn<VueRenderer, ComponentPropsOrProps<TCmpOrArgs>>;
 /**
  * Story function that represents a CSFv3 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 declare type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends {
-    render?: ArgsStoryFn<VueFramework, any>;
+    render?: ArgsStoryFn<VueRenderer, any>;
     component?: infer Component;
     args?: infer DefaultArgs;
-} ? Simplify<ComponentProps<Component> & ArgsFromMeta<VueFramework, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<VueFramework, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : StoryAnnotations<VueFramework, ComponentPropsOrProps<TMetaOrCmpOrArgs>>;
+} ? Simplify<ComponentProps<Component> & ArgsFromMeta<VueRenderer, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<VueRenderer, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof DefaultArgs>>> : never : StoryAnnotations<VueRenderer, ComponentPropsOrProps<TMetaOrCmpOrArgs>>;
 declare type ComponentProps<C> = C extends ComponentOptions<infer P> ? P : C extends FunctionalComponent<infer P> ? P : unknown;
 declare type ComponentPropsOrProps<TCmpOrArgs> = TCmpOrArgs extends ConcreteComponent<any> ? unknown extends ComponentProps<TCmpOrArgs> ? TCmpOrArgs : ComponentProps<TCmpOrArgs> : TCmpOrArgs;
 /**
@@ -51,6 +52,8 @@ declare type ComponentPropsOrProps<TCmpOrArgs> = TCmpOrArgs extends ConcreteComp
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 declare type Story<TArgs = Args> = StoryFn<TArgs>;
-declare type DecoratorFn<TArgs = Args> = DecoratorFunction<VueFramework, TArgs>;
+declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<VueRenderer, TArgs>;
+declare type Loader<TArgs = StrictArgs> = LoaderFunction<VueRenderer, TArgs>;
+declare type StoryContext<TArgs = StrictArgs> = StoryContext$1<VueRenderer, TArgs>;
 
-export { DecoratorFn, Meta, Story, StoryFn, StoryObj, configure, forceReRender, raw, storiesOf };
+export { Decorator, Loader, Meta, Story, StoryContext, StoryFn, StoryObj, configure, forceReRender, raw, storiesOf };

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var v=Object.create;var s=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var M=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},f=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of T(o))!E.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(n=L(o,t))||n.enumerable});return e};var D=(e,o,r)=>(r=e!=null?v(_(e)):{},f(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),U=e=>f(s({},"__esModule",{value:!0}),e);var H={};M(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>S,storiesOf:()=>K});module.exports=U(H);var l=D(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var x=require("@storybook/core-client");var w=require("vue"),C=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function F(e,o){let r=e;return r==null?null:o?{...z(r),components:{...r.components||{},story:o}}:{render(){return(0,w.h)(r)}}}function k(e,o){return o.reduce((r,n)=>t=>{let p,m=n(i=>(p=r({...t,...(0,C.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=r(t)),m===p?p:F(m,p)},r=>F(e(r)))}var V=require("ts-dedent"),u=require("vue"),g=(e,o)=>{let{id:r,component:n}=o;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,u.h)(n,e)},A=e=>{},S=e=>{A=e},c=new Map;function R({title:e,name:o,storyFn:r,showMain:n,showError:t,showException:p},m){var d;let i,a=(0,u.createApp)({unmounted(){c.delete(m)},render(){return c.set(m,a),A(a),(0,u.h)(i)}});if(a.config.errorHandler=b=>p(b),i=r(),!i){t({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:V.dedent`
+"use strict";var L=Object.create;var d=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var M=(e,r)=>{for(var o in r)d(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!E.call(e,t)&&t!==o&&d(e,t,{get:()=>r[t],enumerable:!(n=T(r,t))||n.enumerable});return e};var D=(e,r,o)=>(o=e!=null?L(k(e)):{},f(r||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),U=e=>f(d({},"__esModule",{value:!0}),e);var H={};M(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>F,storiesOf:()=>K});module.exports=U(H);var l=D(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var w=require("@storybook/core-client");var C=require("vue"),V=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function R(e,r){let o=e;return o==null?null:r?{...z(o),components:{...o.components||{},story:r}}:{render(){return(0,C.h)(o)}}}function g(e,r){return r.reduce((o,n)=>t=>{let p,u=n(i=>(p=o({...t,...(0,V.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=o(t)),u===p?p:R(u,p)},o=>R(e(o)))}var A=require("ts-dedent"),m=require("vue"),S=(e,r)=>{let{id:o,component:n}=r;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return(0,m.h)(n,e)},x=e=>{},F=e=>{x=e},a=new Map;function h({title:e,name:r,storyFn:o,showMain:n,showError:t,showException:p},u){var c;let i,s=(0,m.createApp)({unmounted(){a.delete(u)},render(){return a.set(u,s),x(s),(0,m.h)(i)}});if(s.config.errorHandler=v=>p(v),i=o(),!i){t({title:`Expecting a Vue component from the story: "${r}" of "${e}".`,description:A.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}n(),(d=c.get(m))==null||d.unmount(),a.mount(m)}var h="vue3",y=(0,x.start)(R,{decorateStory:k,render:g}),K=(e,o)=>y.clientApi.storiesOf(e,o).addParameters({framework:h}),N=(...e)=>y.configure(h,...e),{forceReRender:W}=y,{raw:B}=y.clientApi;var O;(O=module==null?void 0:module.hot)==null||O.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});
+      `});return}n(),(c=a.get(u))==null||c.unmount(),s.mount(u)}var O="vue3",y=(0,w.start)(h,{decorateStory:g,render:S}),K=(e,r)=>y.clientApi.storiesOf(e,r).addParameters({framework:O}),N=(...e)=>y.configure(O,...e),{forceReRender:W}=y,{raw:B}=y.clientApi;var b;(b=module==null?void 0:module.hot)==null||b.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as r,b as t,c as d,d as i}from"./chunk-FOJXQP7G.mjs";import a from"global";var{window:s}=a;s.STORYBOOK_ENV="vue3";import{start as m}from"@storybook/core-client";var n="vue3",o=m(i,{decorateStory:r,render:t}),A=(e,p)=>o.clientApi.storiesOf(e,p).addParameters({framework:n}),y=(...e)=>o.configure(n,...e),{forceReRender:R}=o,{raw:w}=o.clientApi;module?.hot?.decline();export{y as configure,R as forceReRender,w as raw,d as setup,A as storiesOf};
+import{a as r,b as t,c as d,d as i}from"./chunk-YPCW34O2.mjs";import s from"global";var{window:a}=s;a.STORYBOOK_ENV="vue3";import{start as f}from"@storybook/core-client";var n="vue3",e=f(i,{decorateStory:r,render:t}),A=(o,p)=>e.clientApi.storiesOf(o,p).addParameters({framework:n}),y=(...o)=>e.configure(n,...o),{forceReRender:R}=e,{raw:x}=e.clientApi;module?.hot?.decline();export{y as configure,R as forceReRender,x as raw,d as setup,A as storiesOf};

package/dist/render-52740da1.d.ts

@@ -0,0 +1,14 @@
+import { WebRenderer, ArgsStoryFn, Store_RenderContext } from '@storybook/types';
+import { ConcreteComponent } from 'vue';
+
+declare type StoryFnVueReturnType = ConcreteComponent<any>;
+interface VueRenderer extends WebRenderer {
+    component: Omit<ConcreteComponent<this['T']>, 'props'>;
+    storyResult: StoryFnVueReturnType;
+}
+
+declare const render: ArgsStoryFn<VueRenderer>;
+declare const setup: (fn: (app: any) => void) => void;
+declare function renderToCanvas({ title, name, storyFn, showMain, showError, showException }: Store_RenderContext<VueRenderer>, canvasElement: VueRenderer['canvasElement']): void;
+
+export { VueRenderer as V, renderToCanvas as a, render as r, setup as s };

package/jest.config.js

@@ -0,0 +1,11 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.browser');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+  transform: {
+    ...baseConfig.transform,
+    '^.+\\.vue$': '@vue/vue3-jest',
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.49",
+  "version": "7.0.0-alpha.50",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +51,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.49",
-    "@storybook/core-client": "7.0.0-alpha.49",
-    "@storybook/docs-tools": "7.0.0-alpha.49",
-    "@storybook/store": "7.0.0-alpha.49",
-    "@storybook/types": "7.0.0-alpha.49",
+    "@storybook/addons": "7.0.0-alpha.50",
+    "@storybook/core-client": "7.0.0-alpha.50",
+    "@storybook/docs-tools": "7.0.0-alpha.50",
+    "@storybook/store": "7.0.0-alpha.50",
+    "@storybook/types": "7.0.0-alpha.50",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -64,6 +64,7 @@
   },
   "devDependencies": {
     "@digitak/esrun": "^3.2.2",
+    "@vue/vue3-jest": "28",
     "typescript": "~4.6.3",
     "vue": "^3.2.41",
     "vue-tsc": "^1.0.8"
@@ -91,5 +92,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
+  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
 }

package/dist/chunk-FOJXQP7G.mjs

@@ -1,4 +0,0 @@
-import{h as F}from"vue";import{sanitizeStoryContextUpdate as d}from"@storybook/store";function l(e){return typeof e=="function"?{render:e,name:e.name}:e}function s(e,t){let o=e;return o==null?null:t?{...l(o),components:{...o.components||{},story:t}}:{render(){return F(o)}}}function S(e,t){return t.reduce((o,m)=>p=>{let r,n=m(u=>(r=o({...p,...d(u)}),r),p);return r||(r=o(p)),n===r?r:s(n,r)},o=>s(e(o)))}import{dedent as w}from"ts-dedent";import{createApp as k,h as c}from"vue";var R=(e,t)=>{let{id:o,component:m}=t;if(!m)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return c(m,e)},i=e=>{},A=e=>{i=e},a=new Map;function L({title:e,name:t,storyFn:o,showMain:m,showError:p,showException:r},n){let u,y=k({unmounted(){a.delete(n)},render(){return a.set(n,y),i(y),c(u)}});if(y.config.errorHandler=f=>r(f),u=o(),!u){p({title:`Expecting a Vue component from the story: "${t}" of "${e}".`,description:w`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}m(),a.get(n)?.unmount(),y.mount(n)}export{S as a,R as b,A as c,L as d};

package/dist/render-da0f65a2.d.ts

@@ -1,14 +0,0 @@
-import { WebFramework, ArgsStoryFn, Store_RenderContext } from '@storybook/types';
-import { ConcreteComponent } from 'vue';
-
-declare type StoryFnVueReturnType = ConcreteComponent<any>;
-interface VueFramework extends WebFramework {
-    component: Omit<ConcreteComponent<this['T']>, 'props'>;
-    storyResult: StoryFnVueReturnType;
-}
-
-declare const render: ArgsStoryFn<VueFramework>;
-declare const setup: (fn: (app: any) => void) => void;
-declare function renderToCanvas({ title, name, storyFn, showMain, showError, showException }: Store_RenderContext<VueFramework>, canvasElement: VueFramework['canvasElement']): void;
-
-export { VueFramework as V, renderToCanvas as a, render as r, setup as s };