@storybook/preview-api 7.0.0-beta.4 → 7.0.0-beta.6

package/dist/core-client.mjs

@@ -1 +1 @@
-import{start}from"./chunk-JHPAIPKZ.mjs";import{ClientApi}from"./chunk-MUXSBL4H.mjs";import"./chunk-QMJ3NG6X.mjs";import{StoryStore}from"./chunk-DEUXWJKD.mjs";import"./chunk-QSH26RWA.mjs";export{ClientApi,StoryStore,start};
+import{start}from"./chunk-ATCPQ4CW.mjs";import{ClientApi}from"./chunk-IHLRLYIL.mjs";import"./chunk-Z6DHZWDG.mjs";import{StoryStore}from"./chunk-7WHOLHII.mjs";import"./chunk-QSH26RWA.mjs";export{ClientApi,StoryStore,start};

package/dist/index.js

@@ -23,13 +23,13 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
 `,Wn=(0,jt.default)(()=>{},Yn);function pe(t,e,r){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(qt.logger.debug("deprecated story",s),Wn());let i=(0,Ue.storyNameFromExport)(t),a=typeof o!="function"&&o.name||o.storyName||(s==null?void 0:s.name)||i,c=[...o.decorators||[],...(s==null?void 0:s.decorators)||[]],l={...s==null?void 0:s.parameters,...o.parameters},p={...s==null?void 0:s.args,...o.args},d={...s==null?void 0:s.argTypes,...o.argTypes},u=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:h,play:m,tags:y=[]}=o,S=l.__id||(0,Ue.toId)(r.id,i);return{moduleExport:e,id:S,name:a,tags:y,decorators:c,parameters:l,args:p,argTypes:M(d),loaders:u,...h&&{render:h},...n&&{userStoryFn:n},...m&&{play:m}}}var Ht=require("@storybook/csf"),Ar=require("@storybook/client-logger");var Nt=require("@storybook/csf");function Be(t,e=t.title,r){let{id:o,argTypes:n}=t;return{id:(0,Nt.sanitize)(o||e),...t,title:e,...n&&{argTypes:M(n)},parameters:{fileName:r,...t.parameters}}}var Xn=t=>{let{globals:e,globalTypes:r}=t;(e||r)&&Ar.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:r}))},Kn=t=>{let{options:e}=t;e!=null&&e.storySort&&Ar.logger.error("The storySort option parameter can only be set globally")},Gt=t=>{!t||(Xn(t),Kn(t))};function zt(t,e,r){let{default:o,__namedExportsOrder:n,...s}=t,i=Be(o,r,e);Gt(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(c=>{if((0,Ht.isExportStory)(c,i)){let l=pe(c,s[c],i);Gt(l.parameters),a.stories[l.id]=l}}),a}var Ut=require("ts-dedent"),Bt=b(require("util-deprecate")),Pr=b(require("global")),Vt=require("@storybook/csf");var Ve=b(require("lodash/isPlainObject")),A=(...t)=>{let e={},r=t.filter(Boolean),o=r.reduce((n,s)=>(Object.entries(s).forEach(([i,a])=>{let c=n[i];Array.isArray(a)||typeof c>"u"?n[i]=a:(0,Ve.default)(a)&&(0,Ve.default)(c)?e[i]=!0:typeof a<"u"&&(n[i]=a)}),n),{});return Object.keys(e).forEach(n=>{let s=r.filter(Boolean).map(i=>i[n]).filter(i=>typeof i<"u");s.every(i=>(0,Ve.default)(i))?o[n]=A(...s):o[n]=s[s.length-1]}),o};function Cr(t,e,r){let o=r(t);return n=>e(o,n)}function vr({componentId:t,title:e,kind:r,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:c,...l}={}){return l}function $e(t,e){let r={},o=s=>i=>{if(!r.value)throw new Error("Decorated function called without init");return r.value={...r.value,...vr(i)},s(r.value)},n=e.reduce((s,i)=>Cr(s,i,o),t);return s=>(r.value=s,n(s))}var Qn=(0,Bt.default)(()=>{},Ut.dedent`
   \`argType.defaultValue\` is deprecated and will be removed in Storybook 7.0.
 
-  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function ue(t,e,r){var pt;let{moduleExport:o,id:n,name:s}=t,{title:i}=e,a=[...t.tags||e.tags||[],"story"],c=A(r.parameters,e.parameters,t.parameters),l=[...t.decorators||[],...e.decorators||[],...r.decorators||[]],{applyDecorators:p=$e,argTypesEnhancers:d=[],argsEnhancers:u=[],runStep:h}=r,m=[...r.loaders||[],...e.loaders||[],...t.loaders||[]],y=t.userStoryFn||t.render||e.render||r.render;if(!y)throw new Error(`No render function available for storyId '${n}'`);let S=A(r.argTypes,e.argTypes,t.argTypes),{passArgsFirst:R=!0}=c;c.__isArgsStory=R&&y.length>0;let D={...r.args,...e.args,...t.args},E={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:c,initialArgs:D,argTypes:S};E.argTypes=d.reduce((w,P)=>P({...E,argTypes:w}),E.argTypes);let T=de(E.argTypes);Object.keys(T).length>0&&Qn();let v={...T,...D};E.initialArgs=u.reduce((w,P)=>({...w,...P({...E,initialArgs:w})}),v),(pt=Pr.default.FEATURES)!=null&&pt.breakingChangesV7||(E.parameters={...E.parameters,__id:n,globals:r.globals,globalTypes:r.globalTypes,args:E.initialArgs,argTypes:E.argTypes});let ne=async w=>{let P=await Promise.all(m.map(L=>L(w))),G=Object.assign({},...P);return{...w,loaded:G}},ge=w=>{let P=Object.entries(w.args).reduce((Se,[be,Te])=>{var ut;let we=(ut=w.argTypes[be])==null?void 0:ut.mapping;return Se[be]=we&&Te in we?we[Te]:Te,Se},{}),G=Object.entries(P).reduce((Se,[be,Te])=>{let we=w.argTypes[be]||{};return(0,Vt.includeConditionalArg)(we,P,w.globals)&&(Se[be]=Te),Se},{}),L={...w,args:G},{passArgsFirst:Fn=!0}=w.parameters;return Fn?y(L.args,L):y(L)},hr=qe(p)(ge,l),fr=w=>{var G;let P=w;if((G=Pr.default.FEATURES)!=null&&G.argTypeTargetsV7){let L=Dt(w);P={...w,allArgs:w.args,argsByTarget:L,args:L[xr]||{}}}return hr(P)},dt=t.play||e.play;return Object.freeze({...E,moduleExport:o,originalStoryFn:y,undecoratedStoryFn:ge,unboundStoryFn:fr,applyLoaders:ne,playFunction:dt&&(async w=>{let P={...w,step:(G,L)=>h(G,L,P)};return dt(P)})})}var Ye=b(require("lodash/mapValues")),$t=require("ts-dedent"),Yt=require("@storybook/client-logger");var Fr=(t,e,r)=>{let o=typeof t;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}if(t){if(r.has(t))return Yt.logger.warn($t.dedent`
+  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function ue(t,e,r){var pt;let{moduleExport:o,id:n,name:s}=t,{title:i}=e,a=[...t.tags||e.tags||[],"story"],c=A(r.parameters,e.parameters,t.parameters),l=[...t.decorators||[],...e.decorators||[],...r.decorators||[]],{applyDecorators:p=$e,argTypesEnhancers:d=[],argsEnhancers:u=[],runStep:h}=r,m=[...r.loaders||[],...e.loaders||[],...t.loaders||[]],y=t.userStoryFn||t.render||e.render||r.render;if(!y)throw new Error(`No render function available for storyId '${n}'`);let S=A(r.argTypes,e.argTypes,t.argTypes),{passArgsFirst:R=!0}=c;c.__isArgsStory=R&&y.length>0;let D={...r.args,...e.args,...t.args},E={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:c,initialArgs:D,argTypes:S};E.argTypes=d.reduce((w,P)=>P({...E,argTypes:w}),E.argTypes);let T=de(E.argTypes);Object.keys(T).length>0&&Qn();let v={...T,...D};E.initialArgs=u.reduce((w,P)=>({...w,...P({...E,initialArgs:w})}),v),(pt=Pr.default.FEATURES)!=null&&pt.breakingChangesV7||(E.parameters={...E.parameters,__id:n,globals:r.globals,globalTypes:r.globalTypes,args:E.initialArgs,argTypes:E.argTypes});let ne=async w=>{let P=await Promise.all(m.map(L=>L(w))),G=Object.assign({},...P);return{...w,loaded:G}},ge=w=>{let P=Object.entries(w.args).reduce((Se,[be,Te])=>{var ut;let we=(ut=w.argTypes[be])==null?void 0:ut.mapping;return Se[be]=we&&Te in we?we[Te]:Te,Se},{}),G=Object.entries(P).reduce((Se,[be,Te])=>{let we=w.argTypes[be]||{};return(0,Vt.includeConditionalArg)(we,P,w.globals)&&(Se[be]=Te),Se},{}),L={...w,args:G},{passArgsFirst:Fn=!0}=w.parameters;return Fn?y(L.args,L):y(L)},hr=qe(p)(ge,l),fr=w=>{var G;let P=w;if((G=Pr.default.FEATURES)!=null&&G.argTypeTargetsV7){let L=Dt(w);P={...w,allArgs:w.args,argsByTarget:L,args:L[xr]||{}}}return hr(P)},dt=t.play||e.play;return Object.freeze({...E,moduleExport:o,originalStoryFn:y,undecoratedStoryFn:ge,unboundStoryFn:fr,applyLoaders:ne,playFunction:dt&&(async w=>{let P={...w,step:(G,L)=>h(G,L,P)};return dt(P)})})}var Ye=b(require("lodash/mapValues")),$t=require("ts-dedent"),Yt=require("@storybook/client-logger");var Fr=(t,e,r)=>{let o=typeof t;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}return t?r.has(t)?(Yt.logger.warn($t.dedent`
         We've detected a cycle in arg '${e}'. Args should be JSON-serializable.
 
         Consider using the mapping feature or fully custom args:
         - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
         - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
-      `),{name:"other",value:"cyclic object"};if(r.add(t),Array.isArray(t)){let s=t.length>0?Fr(t[0],e,new Set(r)):{name:"other",value:"unknown"};return{name:"array",value:s}}let n=(0,Ye.default)(t,s=>Fr(s,e,new Set(r)));return{name:"object",value:n}}return{name:"object",value:{}}},Ir=t=>{let{id:e,argTypes:r={},initialArgs:o={}}=t,n=(0,Ye.default)(o,(i,a)=>({name:a,type:Fr(i,`${e}.${a}`,new Set)})),s=(0,Ye.default)(r,(i,a)=>({name:a}));return A(n,s,r)};Ir.secondPass=!0;var Kt=b(require("lodash/mapValues")),Qt=require("@storybook/client-logger");var Xt=b(require("lodash/pickBy")),Wt=(t,e)=>Array.isArray(e)?e.includes(t):t.match(e),Ae=(t,e,r)=>!e&&!r?t:t&&(0,Xt.default)(t,(o,n)=>{let s=o.name||n;return(!e||Wt(s,e))&&(!r||!Wt(s,r))});var Jn=(t,e,r)=>{let{type:o,options:n}=t;if(!!o){if(r.color&&r.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&Qt.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(r.date&&r.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},ye=t=>{let{argTypes:e,parameters:{__isArgsStory:r,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=t;if(!r)return e;let i=Ae(e,o,n),a=(0,Kt.default)(i,(c,l)=>(c==null?void 0:c.type)&&Jn(c,l,s));return A(a,i)};ye.secondPass=!0;function We({argTypes:t,globalTypes:e,argTypesEnhancers:r,...o}){return{...t&&{argTypes:M(t)},...e&&{globalTypes:M(e)},argTypesEnhancers:[...r||[],Ir,ye],...o}}function he(t){return async(e,r,o)=>{await t.reduceRight((s,i)=>async()=>i(e,s,o),async()=>r(o))()}}function Ce(t,e){return t.map(r=>r[e]).filter(Boolean)}function Xe(t,e){return Ce(t,e).reduce((r,o)=>[...r,...o],[])}function Ke(t,e){return Object.assign({},...Ce(t,e))}function Qe(t,e){return Ce(t,e).pop()}function Je(t){let e=Xe(t,"argTypesEnhancers"),r=Ce(t,"runStep");return{parameters:A(...Ce(t,"parameters")),decorators:Xe(t,"decorators"),args:Ke(t,"args"),argsEnhancers:Xe(t,"argsEnhancers"),argTypes:Ke(t,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:Ke(t,"globals"),globalTypes:Ke(t,"globalTypes"),loaders:Xe(t,"loaders"),render:Qe(t,"render"),renderToCanvas:Qe(t,"renderToCanvas"),renderToDOM:Qe(t,"renderToDOM"),applyDecorators:Qe(t,"applyDecorators"),runStep:he(r)}}var Jt=require("@storybook/csf");var Zt={};function eo(t){let e=Array.isArray(t)?t:[t];Zt=Je(e)}function ro(t,e,r=Zt,o={},n){var u;if(t===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=Be(e),i=n||t.storyName||((u=t.story)==null?void 0:u.name)||t.name||"unknown",a=pe(i,t,s),c=We({...r,...o}),l=ue(a,s,c),p=de(r.globalTypes),d=h=>{let m={...l,hooks:new H,globals:p,args:{...l.initialArgs,...h}};return l.unboundStoryFn(m)};return d.storyName=i,d.args=l.initialArgs,d.play=l.playFunction,d.parameters=l.parameters,d}function to(t,e,r){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=t;return Object.entries(i).reduce((c,[l,p])=>(0,Jt.isExportStory)(l,o)?Object.assign(c,{[l]:r(p,o,e,l)}):c,{})}var Zn=1e3,es=1e4,rs=20,Y=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let r=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"],n=(0,oo.default)(r.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,Or.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,Or.default)(s.parameters,o),fileName:i}}});return{v:3,stories:n}};this.args=new He,this.hooks={},this.processCSFFileWithCache=(0,kr.default)(Zn)(zt),this.prepareStoryWithCache=(0,kr.default)(es)(ue),this.initializationPromise=new ve.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=We(e);let{globals:r,globalTypes:o}=e;this.globals?this.globals.set({globals:r,globalTypes:o}):this.globals=new ze({globals:r,globalTypes:o})}initialize({storyIndex:e,importFn:r,cache:o=!1}){return this.storyIndex=new Ne(e),this.importFn=r,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ve.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:r}){await this.initializationPromise,e&&(this.importFn=e),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:r,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(r).then(n=>this.processCSFFileWithCache(n,r,o))}loadAllCSFFiles({batchSize:e=rs}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let r=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return ve.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(c=>({importPath:i,csfFile:c})));return ve.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(r).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let r=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:r})}storyFromCSFFile({storyId:e,csfFile:r}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=r.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=r.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new H,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(r=>!!e.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:e}))}async loadEntry(e){let r=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=r.type==="docs"?r.storiesImports:[],[i,...a]=await Promise.all([o(r.importPath),...s.map(c=>{let l=n.importPathToEntry(c);return this.loadCSFFileByStoryId(l.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:r}=this;if(!r)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=r[i],c=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&c.parameters.docsOnly||(o[n]=Object.entries(c).reduce((l,[p,d])=>p==="moduleExport"||typeof d=="function"?l:Array.isArray(d)?Object.assign(l,{[p]:d.slice().sort()}):Object.assign(l,{[p]:d}),{args:c.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),r=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:r,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([r,o])=>[r,e[r]?{...o,args:e[r].initialArgs,initialArgs:e[r].initialArgs,argTypes:e[r].argTypes,parameters:e[r].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let r;try{({importPath:r}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[r],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var Ze=b(require("slash")),so=require("ts-dedent"),io=require("@storybook/client-logger"),ts=t=>{let e=[...t],r=e[e.length-1],o=r.indexOf("."),n=o>0?r.substr(0,o):r;e[e.length-1]=n;let[s,...i]=e;return s===""&&(e=i),e},os=/^index$/i,ns=t=>{let e;return t.filter((r,o)=>o===t.length-1&&(r===e||os.test(r))?!1:(e=r,!0))};function no(t){let e=new RegExp("/{1,}","g");return t.join("/").replace(e,"/")}var Dr=(t,e,r)=>{let{directory:o,importPathMatcher:n,titlePrefix:s=""}=e||{};typeof t=="number"&&io.once.warn(so.dedent`
+      `),{name:"other",value:"cyclic object"}):(r.add(t),Array.isArray(t)?{name:"array",value:t.length>0?Fr(t[0],e,new Set(r)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Ye.default)(t,s=>Fr(s,e,new Set(r)))}):{name:"object",value:{}}},Ir=t=>{let{id:e,argTypes:r={},initialArgs:o={}}=t,n=(0,Ye.default)(o,(i,a)=>({name:a,type:Fr(i,`${e}.${a}`,new Set)})),s=(0,Ye.default)(r,(i,a)=>({name:a}));return A(n,s,r)};Ir.secondPass=!0;var Kt=b(require("lodash/mapValues")),Qt=require("@storybook/client-logger");var Xt=b(require("lodash/pickBy")),Wt=(t,e)=>Array.isArray(e)?e.includes(t):t.match(e),Ae=(t,e,r)=>!e&&!r?t:t&&(0,Xt.default)(t,(o,n)=>{let s=o.name||n;return(!e||Wt(s,e))&&(!r||!Wt(s,r))});var Jn=(t,e,r)=>{let{type:o,options:n}=t;if(!!o){if(r.color&&r.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&Qt.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(r.date&&r.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},ye=t=>{let{argTypes:e,parameters:{__isArgsStory:r,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=t;if(!r)return e;let i=Ae(e,o,n),a=(0,Kt.default)(i,(c,l)=>(c==null?void 0:c.type)&&Jn(c,l,s));return A(a,i)};ye.secondPass=!0;function We({argTypes:t,globalTypes:e,argTypesEnhancers:r,...o}){return{...t&&{argTypes:M(t)},...e&&{globalTypes:M(e)},argTypesEnhancers:[...r||[],Ir,ye],...o}}function he(t){return async(e,r,o)=>{await t.reduceRight((s,i)=>async()=>i(e,s,o),async()=>r(o))()}}function Ce(t,e){return t.map(r=>r[e]).filter(Boolean)}function Xe(t,e){return Ce(t,e).reduce((r,o)=>[...r,...o],[])}function Ke(t,e){return Object.assign({},...Ce(t,e))}function Qe(t,e){return Ce(t,e).pop()}function Je(t){let e=Xe(t,"argTypesEnhancers"),r=Ce(t,"runStep");return{parameters:A(...Ce(t,"parameters")),decorators:Xe(t,"decorators"),args:Ke(t,"args"),argsEnhancers:Xe(t,"argsEnhancers"),argTypes:Ke(t,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:Ke(t,"globals"),globalTypes:Ke(t,"globalTypes"),loaders:Xe(t,"loaders"),render:Qe(t,"render"),renderToCanvas:Qe(t,"renderToCanvas"),renderToDOM:Qe(t,"renderToDOM"),applyDecorators:Qe(t,"applyDecorators"),runStep:he(r)}}var Jt=require("@storybook/csf");var Zt={};function eo(t){let e=Array.isArray(t)?t:[t];Zt=Je(e)}function ro(t,e,r=Zt,o={},n){var u;if(t===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=Be(e),i=n||t.storyName||((u=t.story)==null?void 0:u.name)||t.name||"unknown",a=pe(i,t,s),c=We({...r,...o}),l=ue(a,s,c),p=de(r.globalTypes),d=h=>{let m={...l,hooks:new H,globals:p,args:{...l.initialArgs,...h}};return l.unboundStoryFn(m)};return d.storyName=i,d.args=l.initialArgs,d.play=l.playFunction,d.parameters=l.parameters,d}function to(t,e,r){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=t;return Object.entries(i).reduce((c,[l,p])=>(0,Jt.isExportStory)(l,o)?Object.assign(c,{[l]:r(p,o,e,l)}):c,{})}var Zn=1e3,es=1e4,rs=20,Y=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let r=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:(0,oo.default)(r.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,Or.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,Or.default)(s.parameters,o),fileName:i}}})}};this.args=new He,this.hooks={},this.processCSFFileWithCache=(0,kr.default)(Zn)(zt),this.prepareStoryWithCache=(0,kr.default)(es)(ue),this.initializationPromise=new ve.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=We(e);let{globals:r,globalTypes:o}=e;this.globals?this.globals.set({globals:r,globalTypes:o}):this.globals=new ze({globals:r,globalTypes:o})}initialize({storyIndex:e,importFn:r,cache:o=!1}){return this.storyIndex=new Ne(e),this.importFn=r,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ve.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:r}){await this.initializationPromise,e&&(this.importFn=e),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:r,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(r).then(n=>this.processCSFFileWithCache(n,r,o))}loadAllCSFFiles({batchSize:e=rs}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let r=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return ve.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(c=>({importPath:i,csfFile:c})));return ve.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(r).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let r=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:r})}storyFromCSFFile({storyId:e,csfFile:r}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=r.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=r.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new H,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(r=>!!e.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:e}))}async loadEntry(e){let r=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=r.type==="docs"?r.storiesImports:[],[i,...a]=await Promise.all([o(r.importPath),...s.map(c=>{let l=n.importPathToEntry(c);return this.loadCSFFileByStoryId(l.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:r}=this;if(!r)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=r[i],c=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&c.parameters.docsOnly||(o[n]=Object.entries(c).reduce((l,[p,d])=>p==="moduleExport"||typeof d=="function"?l:Array.isArray(d)?Object.assign(l,{[p]:d.slice().sort()}):Object.assign(l,{[p]:d}),{args:c.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),r=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:r,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([r,o])=>[r,e[r]?{...o,args:e[r].initialArgs,initialArgs:e[r].initialArgs,argTypes:e[r].argTypes,parameters:e[r].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let r;try{({importPath:r}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[r],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var Ze=b(require("slash")),so=require("ts-dedent"),io=require("@storybook/client-logger"),ts=t=>{let e=[...t],r=e[e.length-1],o=r.indexOf("."),n=o>0?r.substr(0,o):r;e[e.length-1]=n;let[s,...i]=e;return s===""&&(e=i),e},os=/^index$/i,ns=t=>{let e;return t.filter((r,o)=>o===t.length-1&&(r===e||os.test(r))?!1:(e=r,!0))};function no(t){let e=new RegExp("/{1,}","g");return t.join("/").replace(e,"/")}var Dr=(t,e,r)=>{let{directory:o,importPathMatcher:n,titlePrefix:s=""}=e||{};typeof t=="number"&&io.once.warn(so.dedent`
       CSF Auto-title received a numeric fileName. This typically happens when
       webpack is mis-configured in production mode. To force webpack to produce
       filenames, set optimization.moduleIds = "named" in your webpack config.
@@ -75,7 +75,7 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
           Are you using a V7-style sort function in V6 compatibility mode?
           
           More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
-        `):p}let a=i.reduce((p,d)=>(p[d.id]=this.entries[d.id],p),{});return{v:4,entries:a}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([r,{importPath:o}])=>{o===e&&delete this.entries[r]}),this.csfExports[e]={})}addStoriesFromExports(e,r){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===r)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=r,{id:i,title:a,tags:c=[]}=o||{},l=(Xr.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=ao(e,l,a),!a){bn.logger.info(`Unexpected default export without title in '${e}': ${JSON.stringify(r.default)}`);return}this.csfExports[e]={...r,default:{...o,title:a}};let p=s;Array.isArray(n)&&(p={},n.forEach(m=>{let y=s[m];y&&(p[m]=y)}));let d=Object.entries(p).filter(([m])=>(0,V.isExportStory)(m,o)),u=Xr.default.DOCS_OPTIONS||{},h=u.docsPage==="automatic"||u.docsPage&&c.includes("docsPage");if(u.enabled&&d.length&&(c.includes("mdx")||h)){let m=u.defaultName,y=(0,V.toId)(i||a,m);this.entries[y]={type:"docs",standalone:!1,id:y,title:a,name:m,importPath:e,...i&&{componentId:i},tags:[...c,"docs"],storiesImports:[]}}d.forEach(([m,y])=>{var E,T,v;let S=(0,V.storyNameFromExport)(m),R=((E=y.parameters)==null?void 0:E.__id)||(0,V.toId)(i||a,S),D=typeof y!="function"&&y.name||y.storyName||((T=y.story)==null?void 0:T.name)||S;(v=y.parameters)!=null&&v.docsOnly||(this.entries[R]={type:"story",id:R,name:D,title:a,importPath:e,...i&&{componentId:i},tags:[...y.tags||c,"story"]})})}};var O,Zs={addDecorator:"Instead, use `export const decorators = [];` in your `preview.js`.",addParameters:"Instead, use `export const parameters = {};` in your `preview.js`.",addLoader:"Instead, use `export const loaders = [];` in your `preview.js`.",addArgs:"",addArgTypes:"",addArgsEnhancer:"",addArgTypesEnhancer:"",addStepRunner:"",getGlobalRender:"",setGlobalRender:""},N=t=>{var e;if((e=wn.default.FEATURES)!=null&&e.storyStoreV7)throw new Error(Tn.dedent`You cannot use \`${t}\` with the new Story Store.
+        `):p}return{v:4,entries:i.reduce((p,d)=>(p[d.id]=this.entries[d.id],p),{})}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([r,{importPath:o}])=>{o===e&&delete this.entries[r]}),this.csfExports[e]={})}addStoriesFromExports(e,r){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===r)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=r,{id:i,title:a,tags:c=[]}=o||{},l=(Xr.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=ao(e,l,a),!a){bn.logger.info(`Unexpected default export without title in '${e}': ${JSON.stringify(r.default)}`);return}this.csfExports[e]={...r,default:{...o,title:a}};let p=s;Array.isArray(n)&&(p={},n.forEach(m=>{let y=s[m];y&&(p[m]=y)}));let d=Object.entries(p).filter(([m])=>(0,V.isExportStory)(m,o)),u=Xr.default.DOCS_OPTIONS||{},h=u.docsPage==="automatic"||u.docsPage&&c.includes("docsPage");if(u.enabled&&d.length&&(c.includes("mdx")||h)){let m=u.defaultName,y=(0,V.toId)(i||a,m);this.entries[y]={type:"docs",standalone:!1,id:y,title:a,name:m,importPath:e,...i&&{componentId:i},tags:[...c,"docs"],storiesImports:[]}}d.forEach(([m,y])=>{var E,T,v;let S=(0,V.storyNameFromExport)(m),R=((E=y.parameters)==null?void 0:E.__id)||(0,V.toId)(i||a,S),D=typeof y!="function"&&y.name||y.storyName||((T=y.story)==null?void 0:T.name)||S;(v=y.parameters)!=null&&v.docsOnly||(this.entries[R]={type:"story",id:R,name:D,title:a,importPath:e,...i&&{componentId:i},tags:[...y.tags||c,"story"]})})}};var O,Zs={addDecorator:"Instead, use `export const decorators = [];` in your `preview.js`.",addParameters:"Instead, use `export const parameters = {};` in your `preview.js`.",addLoader:"Instead, use `export const loaders = [];` in your `preview.js`.",addArgs:"",addArgTypes:"",addArgsEnhancer:"",addArgTypesEnhancer:"",addStepRunner:"",getGlobalRender:"",setGlobalRender:""},N=t=>{var e;if((e=wn.default.FEATURES)!=null&&e.storyStoreV7)throw new Error(Tn.dedent`You cannot use \`${t}\` with the new Story Store.
 
       ${Zs[t]}`);if(!O)throw new Error(`Singleton client API not yet initialized, cannot call \`${t}\`.`)},Qr=t=>{N("addDecorator"),O.addDecorator(t)},Jr=t=>{N("addParameters"),O.addParameters(t)},Zr=t=>{N("addLoader"),O.addLoader(t)},et=t=>{N("addArgs"),O.addArgs(t)},rt=t=>{N("addArgTypes"),O.addArgTypes(t)},tt=t=>{N("addArgsEnhancer"),O.addArgsEnhancer(t)},ot=t=>{N("addArgTypesEnhancer"),O.addArgTypesEnhancer(t)},nt=t=>{N("addStepRunner"),O.addStepRunner(t)};var st=t=>{N("setGlobalRender"),O.facade.projectAnnotations.render=t},ei=new Set(["string","number","boolean","symbol"]),te=class{constructor({storyStore:e}={}){this.lastFileName=0;this.addDecorator=e=>{var r;(r=this.facade.projectAnnotations.decorators)==null||r.push(e)};this.addParameters=({globals:e,globalTypes:r,...o})=>{this.facade.projectAnnotations.parameters=A(this.facade.projectAnnotations.parameters,o),e&&(this.facade.projectAnnotations.globals={...this.facade.projectAnnotations.globals,...e}),r&&(this.facade.projectAnnotations.globalTypes={...this.facade.projectAnnotations.globalTypes,...M(r)})};this.addStepRunner=e=>{this.facade.projectAnnotations.runStep=he([this.facade.projectAnnotations.runStep,e].filter(Boolean))};this.addLoader=e=>{var r;(r=this.facade.projectAnnotations.loaders)==null||r.push(e)};this.addArgs=e=>{this.facade.projectAnnotations.args={...this.facade.projectAnnotations.args,...e}};this.addArgTypes=e=>{this.facade.projectAnnotations.argTypes={...this.facade.projectAnnotations.argTypes,...M(e)}};this.addArgsEnhancer=e=>{var r;(r=this.facade.projectAnnotations.argsEnhancers)==null||r.push(e)};this.addArgTypesEnhancer=e=>{var r;(r=this.facade.projectAnnotations.argTypesEnhancers)==null||r.push(e)};this._addedExports={};this.storiesOf=(e,r)=>{if(!e&&typeof e!="string")throw new Error("Invalid or missing kind provided for stories, should be a string");if(r||Kr.logger.warn(`Missing 'module' parameter for story with a kind of '${e}'. It will break your HMR`),r){let p=Object.getPrototypeOf(r);p.exports&&p.exports.default&&Kr.logger.error(`Illegal mix of CSF default export and storiesOf calls in a single file: ${p.i}`)}let o=r&&r.id?`${r.id}`:(this.lastFileName++).toString(),n=o,s=1;for(;this._addedExports[n];)s+=1,n=`${o}-${s}`;r&&r.hot&&r.hot.accept&&(r.hot.accept(),r.hot.dispose(()=>{this.facade.clearFilenameExports(n),delete this._addedExports[n],setTimeout(()=>{var p;this._loadAddedExports(),(p=this.onImportFnChanged)==null||p.call(this,{importFn:this.importFn.bind(this)})},0)}));let i=!1,a={kind:e.toString(),add:()=>a,addDecorator:()=>a,addLoader:()=>a,addParameters:()=>a};Object.keys(this.addons).forEach(p=>{let d=this.addons[p];a[p]=(...u)=>(d.apply(a,u),a)});let c={id:(0,ur.sanitize)(e),title:e,decorators:[],loaders:[],parameters:{}};this._addedExports[n]={default:c};let l=0;return a.add=(p,d,u={})=>{if(i=!0,typeof p!="string")throw new Error(`Invalid or missing storyName provided for a "${e}" story.`);if(!d||Array.isArray(d)||ei.has(typeof d))throw new Error(`Cannot load story "${p}" in "${e}" due to invalid format. Storybook expected a function/object but received ${typeof d} instead.`);let{decorators:h,loaders:m,component:y,args:S,argTypes:R,...D}=u,E=u.__id||(0,ur.toId)(e,p),T=this._addedExports[n];return T[`story${l}`]={name:p,parameters:{fileName:n,__id:E,...D},decorators:h,loaders:m,args:S,argTypes:R,component:y,render:d},l+=1,a},a.addDecorator=p=>{var d;if(i)throw new Error(`You cannot add a decorator after the first story for a kind.
 Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return(d=c.decorators)==null||d.push(p),a},a.addLoader=p=>{var d;if(i)throw new Error("You cannot add a loader after the first story for a kind.");return(d=c.loaders)==null||d.push(p),a},a.addParameters=({component:p,args:d,argTypes:u,tags:h,...m})=>{if(i)throw new Error(`You cannot add parameters after the first story for a kind.

package/dist/index.mjs

@@ -1 +1 @@
-import{makeDecorator}from"./chunk-GRRYLBAT.mjs";import{start}from"./chunk-JHPAIPKZ.mjs";import{ClientApi,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,getQueryParam,getQueryParams,setGlobalRender}from"./chunk-MUXSBL4H.mjs";import{DocsContext,Preview,PreviewWeb,simulateDOMContentLoaded,simulatePageLoad}from"./chunk-QMJ3NG6X.mjs";import{StoryStore,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,defaultDecorateStory,filterArgTypes,inferControls,normalizeStory,prepareStory,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV7,userOrAutoTitleFromSpecifier}from"./chunk-DEUXWJKD.mjs";import{HooksContext,addons,applyHooks,mockChannel,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext}from"./chunk-QSH26RWA.mjs";export{ClientApi,DocsContext,HooksContext,Preview,PreviewWeb,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,addons,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,defaultDecorateStory,filterArgTypes,getQueryParam,getQueryParams,inferControls,makeDecorator,mockChannel,normalizeStory,prepareStory,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,simulateDOMContentLoaded,simulatePageLoad,sortStoriesV7,start,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext,userOrAutoTitleFromSpecifier};
+import{makeDecorator}from"./chunk-GRRYLBAT.mjs";import{start}from"./chunk-ATCPQ4CW.mjs";import{ClientApi,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,getQueryParam,getQueryParams,setGlobalRender}from"./chunk-IHLRLYIL.mjs";import{DocsContext,Preview,PreviewWeb,simulateDOMContentLoaded,simulatePageLoad}from"./chunk-Z6DHZWDG.mjs";import{StoryStore,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,defaultDecorateStory,filterArgTypes,inferControls,normalizeStory,prepareStory,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV7,userOrAutoTitleFromSpecifier}from"./chunk-7WHOLHII.mjs";import{HooksContext,addons,applyHooks,mockChannel,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext}from"./chunk-QSH26RWA.mjs";export{ClientApi,DocsContext,HooksContext,Preview,PreviewWeb,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,addons,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,defaultDecorateStory,filterArgTypes,getQueryParam,getQueryParams,inferControls,makeDecorator,mockChannel,normalizeStory,prepareStory,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,simulateDOMContentLoaded,simulatePageLoad,sortStoriesV7,start,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext,userOrAutoTitleFromSpecifier};

package/dist/preview-web.js

@@ -20,13 +20,13 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
 `,Ao=(0,Nr.default)(()=>{},xo);function jr(t,e,r){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(Mr.logger.debug("deprecated story",s),Ao());let i=(0,ve.storyNameFromExport)(t),a=typeof o!="function"&&o.name||o.storyName||(s==null?void 0:s.name)||i,l=[...o.decorators||[],...(s==null?void 0:s.decorators)||[]],c={...s==null?void 0:s.parameters,...o.parameters},b={...s==null?void 0:s.args,...o.args},u={...s==null?void 0:s.argTypes,...o.argTypes},g=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:w,play:C,tags:S=[]}=o,f=c.__id||(0,ve.toId)(r.id,i);return{moduleExport:e,id:f,name:a,tags:S,decorators:l,parameters:c,args:b,argTypes:G(u),loaders:g,...w&&{render:w},...n&&{userStoryFn:n},...C&&{play:C}}}var Ur=require("@storybook/csf"),Je=require("@storybook/client-logger");var _r=require("@storybook/csf");function Hr(t,e=t.title,r){let{id:o,argTypes:n}=t;return{id:(0,_r.sanitize)(o||e),...t,title:e,...n&&{argTypes:G(n)},parameters:{fileName:r,...t.parameters}}}var vo=t=>{let{globals:e,globalTypes:r}=t;(e||r)&&Je.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:r}))},Co=t=>{let{options:e}=t;e!=null&&e.storySort&&Je.logger.error("The storySort option parameter can only be set globally")},Gr=t=>{!t||(vo(t),Co(t))};function Br(t,e,r){let{default:o,__namedExportsOrder:n,...s}=t,i=Hr(o,r,e);Gr(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(l=>{if((0,Ur.isExportStory)(l,i)){let c=jr(l,s[l],i);Gr(c.parameters),a.stories[c.id]=c}}),a}var Vr=require("ts-dedent"),$r=y(require("util-deprecate")),Ze=y(require("global")),Yr=require("@storybook/csf");var Ce=y(require("lodash/isPlainObject")),I=(...t)=>{let e={},r=t.filter(Boolean),o=r.reduce((n,s)=>(Object.entries(s).forEach(([i,a])=>{let l=n[i];Array.isArray(a)||typeof l>"u"?n[i]=a:(0,Ce.default)(a)&&(0,Ce.default)(l)?e[i]=!0:typeof a<"u"&&(n[i]=a)}),n),{});return Object.keys(e).forEach(n=>{let s=r.filter(Boolean).map(i=>i[n]).filter(i=>typeof i<"u");s.every(i=>(0,Ce.default)(i))?o[n]=I(...s):o[n]=s[s.length-1]}),o};function Fo(t,e,r){let o=r(t);return n=>e(o,n)}function Po({componentId:t,title:e,kind:r,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:l,...c}={}){return c}function zr(t,e){let r={},o=s=>i=>{if(!r.value)throw new Error("Decorated function called without init");return r.value={...r.value,...Po(i)},s(r.value)},n=e.reduce((s,i)=>Fo(s,i,o),t);return s=>(r.value=s,n(s))}var Io=(0,$r.default)(()=>{},Vr.dedent`
   \`argType.defaultValue\` is deprecated and will be removed in Storybook 7.0.
 
-  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function Wr(t,e,r){var Tr;let{moduleExport:o,id:n,name:s}=t,{title:i}=e,a=[...t.tags||e.tags||[],"story"],l=I(r.parameters,e.parameters,t.parameters),c=[...t.decorators||[],...e.decorators||[],...r.decorators||[]],{applyDecorators:b=zr,argTypesEnhancers:u=[],argsEnhancers:g=[],runStep:w}=r,C=[...r.loaders||[],...e.loaders||[],...t.loaders||[]],S=t.userStoryFn||t.render||e.render||r.render;if(!S)throw new Error(`No render function available for storyId '${n}'`);let f=I(r.argTypes,e.argTypes,t.argTypes),{passArgsFirst:A=!0}=l;l.__isArgsStory=A&&S.length>0;let W={...r.args,...e.args,...t.args},R={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:l,initialArgs:W,argTypes:f};R.argTypes=u.reduce((h,E)=>E({...R,argTypes:h}),R.argTypes);let T=xe(R.argTypes);Object.keys(T).length>0&&Io();let F={...T,...W};R.initialArgs=g.reduce((h,E)=>({...h,...E({...R,initialArgs:h})}),F),(Tr=Ze.default.FEATURES)!=null&&Tr.breakingChangesV7||(R.parameters={...R.parameters,__id:n,globals:r.globals,globalTypes:r.globalTypes,args:R.initialArgs,argTypes:R.argTypes});let X=async h=>{let E=await Promise.all(C.map(P=>P(h))),L=Object.assign({},...E);return{...h,loaded:L}},te=h=>{let E=Object.entries(h.args).reduce((oe,[ne,se])=>{var wr;let ie=(wr=h.argTypes[ne])==null?void 0:wr.mapping;return oe[ne]=ie&&se in ie?ie[se]:se,oe},{}),L=Object.entries(E).reduce((oe,[ne,se])=>{let ie=h.argTypes[ne]||{};return(0,Yr.includeConditionalArg)(ie,E,h.globals)&&(oe[ne]=se),oe},{}),P={...h,args:L},{passArgsFirst:ao=!0}=h.parameters;return ao?S(P.args,P):S(P)},ze=vr(b)(te,c),Ve=h=>{var L;let E=h;if((L=Ze.default.FEATURES)!=null&&L.argTypeTargetsV7){let P=kr(h);E={...h,allArgs:h.args,argsByTarget:P,args:P[Qe]||{}}}return ze(E)},br=t.play||e.play;return Object.freeze({...R,moduleExport:o,originalStoryFn:S,undecoratedStoryFn:te,unboundStoryFn:Ve,applyLoaders:X,playFunction:br&&(async h=>{let E={...h,step:(L,P)=>w(L,P,E)};return br(E)})})}var Fe=y(require("lodash/mapValues")),Xr=require("ts-dedent"),Kr=require("@storybook/client-logger");var er=(t,e,r)=>{let o=typeof t;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}if(t){if(r.has(t))return Kr.logger.warn(Xr.dedent`
+  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function Wr(t,e,r){var Tr;let{moduleExport:o,id:n,name:s}=t,{title:i}=e,a=[...t.tags||e.tags||[],"story"],l=I(r.parameters,e.parameters,t.parameters),c=[...t.decorators||[],...e.decorators||[],...r.decorators||[]],{applyDecorators:b=zr,argTypesEnhancers:u=[],argsEnhancers:g=[],runStep:w}=r,C=[...r.loaders||[],...e.loaders||[],...t.loaders||[]],S=t.userStoryFn||t.render||e.render||r.render;if(!S)throw new Error(`No render function available for storyId '${n}'`);let f=I(r.argTypes,e.argTypes,t.argTypes),{passArgsFirst:A=!0}=l;l.__isArgsStory=A&&S.length>0;let W={...r.args,...e.args,...t.args},R={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:l,initialArgs:W,argTypes:f};R.argTypes=u.reduce((h,E)=>E({...R,argTypes:h}),R.argTypes);let T=xe(R.argTypes);Object.keys(T).length>0&&Io();let F={...T,...W};R.initialArgs=g.reduce((h,E)=>({...h,...E({...R,initialArgs:h})}),F),(Tr=Ze.default.FEATURES)!=null&&Tr.breakingChangesV7||(R.parameters={...R.parameters,__id:n,globals:r.globals,globalTypes:r.globalTypes,args:R.initialArgs,argTypes:R.argTypes});let X=async h=>{let E=await Promise.all(C.map(P=>P(h))),L=Object.assign({},...E);return{...h,loaded:L}},te=h=>{let E=Object.entries(h.args).reduce((oe,[ne,se])=>{var wr;let ie=(wr=h.argTypes[ne])==null?void 0:wr.mapping;return oe[ne]=ie&&se in ie?ie[se]:se,oe},{}),L=Object.entries(E).reduce((oe,[ne,se])=>{let ie=h.argTypes[ne]||{};return(0,Yr.includeConditionalArg)(ie,E,h.globals)&&(oe[ne]=se),oe},{}),P={...h,args:L},{passArgsFirst:ao=!0}=h.parameters;return ao?S(P.args,P):S(P)},ze=vr(b)(te,c),Ve=h=>{var L;let E=h;if((L=Ze.default.FEATURES)!=null&&L.argTypeTargetsV7){let P=kr(h);E={...h,allArgs:h.args,argsByTarget:P,args:P[Qe]||{}}}return ze(E)},br=t.play||e.play;return Object.freeze({...R,moduleExport:o,originalStoryFn:S,undecoratedStoryFn:te,unboundStoryFn:Ve,applyLoaders:X,playFunction:br&&(async h=>{let E={...h,step:(L,P)=>w(L,P,E)};return br(E)})})}var Fe=y(require("lodash/mapValues")),Xr=require("ts-dedent"),Kr=require("@storybook/client-logger");var er=(t,e,r)=>{let o=typeof t;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}return t?r.has(t)?(Kr.logger.warn(Xr.dedent`
         We've detected a cycle in arg '${e}'. Args should be JSON-serializable.
 
         Consider using the mapping feature or fully custom args:
         - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
         - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
-      `),{name:"other",value:"cyclic object"};if(r.add(t),Array.isArray(t)){let s=t.length>0?er(t[0],e,new Set(r)):{name:"other",value:"unknown"};return{name:"array",value:s}}let n=(0,Fe.default)(t,s=>er(s,e,new Set(r)));return{name:"object",value:n}}return{name:"object",value:{}}},rr=t=>{let{id:e,argTypes:r={},initialArgs:o={}}=t,n=(0,Fe.default)(o,(i,a)=>({name:a,type:er(i,`${e}.${a}`,new Set)})),s=(0,Fe.default)(r,(i,a)=>({name:a}));return I(n,s,r)};rr.secondPass=!0;var et=y(require("lodash/mapValues")),rt=require("@storybook/client-logger");var Jr=y(require("lodash/pickBy")),Qr=(t,e)=>Array.isArray(e)?e.includes(t):t.match(e),Zr=(t,e,r)=>!e&&!r?t:t&&(0,Jr.default)(t,(o,n)=>{let s=o.name||n;return(!e||Qr(s,e))&&(!r||!Qr(s,r))});var Do=(t,e,r)=>{let{type:o,options:n}=t;if(!!o){if(r.color&&r.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&rt.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(r.date&&r.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},tr=t=>{let{argTypes:e,parameters:{__isArgsStory:r,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=t;if(!r)return e;let i=Zr(e,o,n),a=(0,et.default)(i,(l,c)=>(l==null?void 0:l.type)&&Do(l,c,s));return I(a,i)};tr.secondPass=!0;function tt({argTypes:t,globalTypes:e,argTypesEnhancers:r,...o}){return{...t&&{argTypes:G(t)},...e&&{globalTypes:G(e)},argTypesEnhancers:[...r||[],rr,tr],...o}}function ot(t){return async(e,r,o)=>{await t.reduceRight((s,i)=>async()=>i(e,s,o),async()=>r(o))()}}function le(t,e){return t.map(r=>r[e]).filter(Boolean)}function Pe(t,e){return le(t,e).reduce((r,o)=>[...r,...o],[])}function Ie(t,e){return Object.assign({},...le(t,e))}function De(t,e){return le(t,e).pop()}function nt(t){let e=Pe(t,"argTypesEnhancers"),r=le(t,"runStep");return{parameters:I(...le(t,"parameters")),decorators:Pe(t,"decorators"),args:Ie(t,"args"),argsEnhancers:Pe(t,"argsEnhancers"),argTypes:Ie(t,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:Ie(t,"globals"),globalTypes:Ie(t,"globalTypes"),loaders:Pe(t,"loaders"),render:De(t,"render"),renderToCanvas:De(t,"renderToCanvas"),renderToDOM:De(t,"renderToDOM"),applyDecorators:De(t,"applyDecorators"),runStep:ot(r)}}var ko=1e3,Lo=1e4,Oo=20,de=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let r=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"],n=(0,st.default)(r.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,nr.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,nr.default)(s.parameters,o),fileName:i}}});return{v:3,stories:n}};this.args=new Ee,this.hooks={},this.processCSFFileWithCache=(0,or.default)(ko)(Br),this.prepareStoryWithCache=(0,or.default)(Lo)(Wr),this.initializationPromise=new ce.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=tt(e);let{globals:r,globalTypes:o}=e;this.globals?this.globals.set({globals:r,globalTypes:o}):this.globals=new Ae({globals:r,globalTypes:o})}initialize({storyIndex:e,importFn:r,cache:o=!1}){return this.storyIndex=new Te(e),this.importFn=r,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ce.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:r}){await this.initializationPromise,e&&(this.importFn=e),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:r,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(r).then(n=>this.processCSFFileWithCache(n,r,o))}loadAllCSFFiles({batchSize:e=Oo}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let r=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return ce.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(l=>({importPath:i,csfFile:l})));return ce.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(r).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let r=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:r})}storyFromCSFFile({storyId:e,csfFile:r}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=r.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=r.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new be,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(r=>!!e.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:e}))}async loadEntry(e){let r=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=r.type==="docs"?r.storiesImports:[],[i,...a]=await Promise.all([o(r.importPath),...s.map(l=>{let c=n.importPathToEntry(l);return this.loadCSFFileByStoryId(c.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:r}=this;if(!r)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=r[i],l=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&l.parameters.docsOnly||(o[n]=Object.entries(l).reduce((c,[b,u])=>b==="moduleExport"||typeof u=="function"?c:Array.isArray(u)?Object.assign(c,{[b]:u.slice().sort()}):Object.assign(c,{[b]:u}),{args:l.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),r=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:r,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([r,o])=>[r,e[r]?{...o,args:e[r].initialArgs,initialArgs:e[r].initialArgs,argTypes:e[r].argTypes,parameters:e[r].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let r;try{({importPath:r}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[r],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var sr=require("ts-dedent"),Z=y(require("global")),ir=require("synchronous-promise"),m=require("@storybook/core-events"),B=require("@storybook/client-logger");var at=require("@storybook/client-logger"),U=require("@storybook/core-events");var O=new Error("prepareAborted");var{AbortController:it}=globalThis;function qo(t){try{let{name:e="Error",message:r=String(t),stack:o}=t;return{name:e,message:r,stack:o}}catch{return{name:"Error",message:String(t)}}}var J=class{constructor(e,r,o,n,s,i,a={autoplay:!0},l){this.channel=e;this.store=r;this.renderToScreen=o;this.callbacks=n;this.id=s;this.viewMode=i;this.renderOptions=a;this.type="story";this.notYetRendered=!0;this.disableKeyListeners=!1;this.teardownRender=()=>{};this.torndown=!1;this.abortController=new it,l&&(this.story=l,this.phase="preparing")}async runPhase(e,r,o){this.phase=r,this.channel.emit(U.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}),o&&await o(),e.aborted&&(this.phase="aborted",this.channel.emit(U.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}))}async prepare(){if(await this.runPhase(this.abortController.signal,"preparing",async()=>{this.story=await this.store.loadStory({storyId:this.id})}),this.abortController.signal.aborted)throw this.store.cleanupStory(this.story),O}isEqual(e){return!!(this.id===e.id&&this.story&&this.story===e.story)}isPreparing(){return["preparing"].includes(this.phase)}isPending(){return["rendering","playing"].includes(this.phase)}async renderToElement(e){return this.canvasElement=e,this.render({initial:!0,forceRemount:!0})}storyContext(){if(!this.story)throw new Error("Cannot call storyContext before preparing");return this.store.getStoryContext(this.story)}async render({initial:e=!1,forceRemount:r=!1}={}){let{canvasElement:o}=this;if(!this.story)throw new Error("cannot render when not prepared");if(!o)throw new Error("cannot render when canvasElement is unset");let{id:n,componentId:s,title:i,name:a,tags:l,applyLoaders:c,unboundStoryFn:b,playFunction:u}=this.story;r&&!e&&(this.cancelRender(),this.abortController=new it);let g=this.abortController.signal;try{let w;if(await this.runPhase(g,"loading",async()=>{w=await c({...this.storyContext(),viewMode:this.viewMode})}),g.aborted)return;let C={...w,...this.storyContext(),abortSignal:g,canvasElement:o},S={componentId:s,title:i,kind:i,id:n,name:a,story:a,tags:l,...this.callbacks,showError:f=>(this.phase="errored",this.callbacks.showError(f)),showException:f=>(this.phase="errored",this.callbacks.showException(f)),forceRemount:r||this.notYetRendered,storyContext:C,storyFn:()=>b(C),unboundStoryFn:b};if(await this.runPhase(g,"rendering",async()=>{let f=await this.renderToScreen(S,o);this.teardownRender=f||(()=>{})}),this.notYetRendered=!1,g.aborted)return;if(this.renderOptions.autoplay&&r&&u&&this.phase!=="errored"){this.disableKeyListeners=!0;try{await this.runPhase(g,"playing",async()=>{await u(S.storyContext)}),await this.runPhase(g,"played")}catch(f){if(at.logger.error(f),await this.runPhase(g,"errored",async()=>{this.channel.emit(U.PLAY_FUNCTION_THREW_EXCEPTION,qo(f))}),this.story.parameters.throwPlayFunctionExceptions!==!1)throw f}if(this.disableKeyListeners=!1,g.aborted)return}await this.runPhase(g,"completed",async()=>this.channel.emit(U.STORY_RENDERED,n))}catch(w){this.phase="errored",this.callbacks.showException(w)}}async rerender(){return this.render()}async remount(){return this.render({forceRemount:!0})}cancelRender(){var e;(e=this.abortController)==null||e.abort()}async teardown(){this.torndown=!0,this.cancelRender(),this.story&&this.store.cleanupStory(this.story);for(let e=0;e<3;e+=1){if(!this.isPending()){await this.teardownRender();return}await new Promise(r=>setTimeout(r,0))}window.location.reload(),await new Promise(()=>{})}};var{fetch:Mo}=Z.default,No="./index.json",ee=class{constructor(e=j.getChannel()){this.channel=e;this.storyRenders=[];var r;((r=Z.default.FEATURES)==null?void 0:r.storyStoreV7)&&j.hasServerChannel()&&(this.serverChannel=j.getServerChannel()),this.storyStore=new de}initialize({getStoryIndex:e,importFn:r,getProjectAnnotations:o}){return this.getStoryIndex=e,this.importFn=r,this.setupListeners(),this.getProjectAnnotationsOrRenderError(o).then(n=>this.initializeWithProjectAnnotations(n))}setupListeners(){var e;(e=this.serverChannel)==null||e.on(m.STORY_INDEX_INVALIDATED,this.onStoryIndexChanged.bind(this)),this.channel.on(m.UPDATE_GLOBALS,this.onUpdateGlobals.bind(this)),this.channel.on(m.UPDATE_STORY_ARGS,this.onUpdateArgs.bind(this)),this.channel.on(m.RESET_STORY_ARGS,this.onResetArgs.bind(this)),this.channel.on(m.FORCE_RE_RENDER,this.onForceReRender.bind(this)),this.channel.on(m.FORCE_REMOUNT,this.onForceRemount.bind(this))}getProjectAnnotationsOrRenderError(e){return ir.SynchronousPromise.resolve().then(e).then(r=>{if(r.renderToDOM&&(0,B.deprecate)("`renderToDOM` is deprecated, please rename to `renderToCanvas`"),this.renderToCanvas=r.renderToCanvas||r.renderToDOM,!this.renderToCanvas)throw new Error(sr.dedent`
+      `),{name:"other",value:"cyclic object"}):(r.add(t),Array.isArray(t)?{name:"array",value:t.length>0?er(t[0],e,new Set(r)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Fe.default)(t,s=>er(s,e,new Set(r)))}):{name:"object",value:{}}},rr=t=>{let{id:e,argTypes:r={},initialArgs:o={}}=t,n=(0,Fe.default)(o,(i,a)=>({name:a,type:er(i,`${e}.${a}`,new Set)})),s=(0,Fe.default)(r,(i,a)=>({name:a}));return I(n,s,r)};rr.secondPass=!0;var et=y(require("lodash/mapValues")),rt=require("@storybook/client-logger");var Jr=y(require("lodash/pickBy")),Qr=(t,e)=>Array.isArray(e)?e.includes(t):t.match(e),Zr=(t,e,r)=>!e&&!r?t:t&&(0,Jr.default)(t,(o,n)=>{let s=o.name||n;return(!e||Qr(s,e))&&(!r||!Qr(s,r))});var Do=(t,e,r)=>{let{type:o,options:n}=t;if(!!o){if(r.color&&r.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&rt.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(r.date&&r.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},tr=t=>{let{argTypes:e,parameters:{__isArgsStory:r,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=t;if(!r)return e;let i=Zr(e,o,n),a=(0,et.default)(i,(l,c)=>(l==null?void 0:l.type)&&Do(l,c,s));return I(a,i)};tr.secondPass=!0;function tt({argTypes:t,globalTypes:e,argTypesEnhancers:r,...o}){return{...t&&{argTypes:G(t)},...e&&{globalTypes:G(e)},argTypesEnhancers:[...r||[],rr,tr],...o}}function ot(t){return async(e,r,o)=>{await t.reduceRight((s,i)=>async()=>i(e,s,o),async()=>r(o))()}}function le(t,e){return t.map(r=>r[e]).filter(Boolean)}function Pe(t,e){return le(t,e).reduce((r,o)=>[...r,...o],[])}function Ie(t,e){return Object.assign({},...le(t,e))}function De(t,e){return le(t,e).pop()}function nt(t){let e=Pe(t,"argTypesEnhancers"),r=le(t,"runStep");return{parameters:I(...le(t,"parameters")),decorators:Pe(t,"decorators"),args:Ie(t,"args"),argsEnhancers:Pe(t,"argsEnhancers"),argTypes:Ie(t,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:Ie(t,"globals"),globalTypes:Ie(t,"globalTypes"),loaders:Pe(t,"loaders"),render:De(t,"render"),renderToCanvas:De(t,"renderToCanvas"),renderToDOM:De(t,"renderToDOM"),applyDecorators:De(t,"applyDecorators"),runStep:ot(r)}}var ko=1e3,Lo=1e4,Oo=20,de=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let r=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:(0,st.default)(r.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,nr.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,nr.default)(s.parameters,o),fileName:i}}})}};this.args=new Ee,this.hooks={},this.processCSFFileWithCache=(0,or.default)(ko)(Br),this.prepareStoryWithCache=(0,or.default)(Lo)(Wr),this.initializationPromise=new ce.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=tt(e);let{globals:r,globalTypes:o}=e;this.globals?this.globals.set({globals:r,globalTypes:o}):this.globals=new Ae({globals:r,globalTypes:o})}initialize({storyIndex:e,importFn:r,cache:o=!1}){return this.storyIndex=new Te(e),this.importFn=r,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ce.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:r}){await this.initializationPromise,e&&(this.importFn=e),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:r,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(r).then(n=>this.processCSFFileWithCache(n,r,o))}loadAllCSFFiles({batchSize:e=Oo}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let r=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return ce.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(l=>({importPath:i,csfFile:l})));return ce.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(r).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let r=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:r})}storyFromCSFFile({storyId:e,csfFile:r}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=r.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=r.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new be,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(r=>!!e.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:e}))}async loadEntry(e){let r=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=r.type==="docs"?r.storiesImports:[],[i,...a]=await Promise.all([o(r.importPath),...s.map(l=>{let c=n.importPathToEntry(l);return this.loadCSFFileByStoryId(c.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:r}=this;if(!r)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=r[i],l=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&l.parameters.docsOnly||(o[n]=Object.entries(l).reduce((c,[b,u])=>b==="moduleExport"||typeof u=="function"?c:Array.isArray(u)?Object.assign(c,{[b]:u.slice().sort()}):Object.assign(c,{[b]:u}),{args:l.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),r=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:r,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([r,o])=>[r,e[r]?{...o,args:e[r].initialArgs,initialArgs:e[r].initialArgs,argTypes:e[r].argTypes,parameters:e[r].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let r;try{({importPath:r}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[r],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var sr=require("ts-dedent"),Z=y(require("global")),ir=require("synchronous-promise"),m=require("@storybook/core-events"),B=require("@storybook/client-logger");var at=require("@storybook/client-logger"),U=require("@storybook/core-events");var O=new Error("prepareAborted");var{AbortController:it}=globalThis;function qo(t){try{let{name:e="Error",message:r=String(t),stack:o}=t;return{name:e,message:r,stack:o}}catch{return{name:"Error",message:String(t)}}}var J=class{constructor(e,r,o,n,s,i,a={autoplay:!0},l){this.channel=e;this.store=r;this.renderToScreen=o;this.callbacks=n;this.id=s;this.viewMode=i;this.renderOptions=a;this.type="story";this.notYetRendered=!0;this.disableKeyListeners=!1;this.teardownRender=()=>{};this.torndown=!1;this.abortController=new it,l&&(this.story=l,this.phase="preparing")}async runPhase(e,r,o){this.phase=r,this.channel.emit(U.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}),o&&await o(),e.aborted&&(this.phase="aborted",this.channel.emit(U.STORY_RENDER_PHASE_CHANGED,{newPhase:this.phase,storyId:this.id}))}async prepare(){if(await this.runPhase(this.abortController.signal,"preparing",async()=>{this.story=await this.store.loadStory({storyId:this.id})}),this.abortController.signal.aborted)throw this.store.cleanupStory(this.story),O}isEqual(e){return!!(this.id===e.id&&this.story&&this.story===e.story)}isPreparing(){return["preparing"].includes(this.phase)}isPending(){return["rendering","playing"].includes(this.phase)}async renderToElement(e){return this.canvasElement=e,this.render({initial:!0,forceRemount:!0})}storyContext(){if(!this.story)throw new Error("Cannot call storyContext before preparing");return this.store.getStoryContext(this.story)}async render({initial:e=!1,forceRemount:r=!1}={}){let{canvasElement:o}=this;if(!this.story)throw new Error("cannot render when not prepared");if(!o)throw new Error("cannot render when canvasElement is unset");let{id:n,componentId:s,title:i,name:a,tags:l,applyLoaders:c,unboundStoryFn:b,playFunction:u}=this.story;r&&!e&&(this.cancelRender(),this.abortController=new it);let g=this.abortController.signal;try{let w;if(await this.runPhase(g,"loading",async()=>{w=await c({...this.storyContext(),viewMode:this.viewMode})}),g.aborted)return;let C={...w,...this.storyContext(),abortSignal:g,canvasElement:o},S={componentId:s,title:i,kind:i,id:n,name:a,story:a,tags:l,...this.callbacks,showError:f=>(this.phase="errored",this.callbacks.showError(f)),showException:f=>(this.phase="errored",this.callbacks.showException(f)),forceRemount:r||this.notYetRendered,storyContext:C,storyFn:()=>b(C),unboundStoryFn:b};if(await this.runPhase(g,"rendering",async()=>{let f=await this.renderToScreen(S,o);this.teardownRender=f||(()=>{})}),this.notYetRendered=!1,g.aborted)return;if(this.renderOptions.autoplay&&r&&u&&this.phase!=="errored"){this.disableKeyListeners=!0;try{await this.runPhase(g,"playing",async()=>{await u(S.storyContext)}),await this.runPhase(g,"played")}catch(f){if(at.logger.error(f),await this.runPhase(g,"errored",async()=>{this.channel.emit(U.PLAY_FUNCTION_THREW_EXCEPTION,qo(f))}),this.story.parameters.throwPlayFunctionExceptions!==!1)throw f}if(this.disableKeyListeners=!1,g.aborted)return}await this.runPhase(g,"completed",async()=>this.channel.emit(U.STORY_RENDERED,n))}catch(w){this.phase="errored",this.callbacks.showException(w)}}async rerender(){return this.render()}async remount(){return this.render({forceRemount:!0})}cancelRender(){var e;(e=this.abortController)==null||e.abort()}async teardown(){this.torndown=!0,this.cancelRender(),this.story&&this.store.cleanupStory(this.story);for(let e=0;e<3;e+=1){if(!this.isPending()){await this.teardownRender();return}await new Promise(r=>setTimeout(r,0))}window.location.reload(),await new Promise(()=>{})}};var{fetch:Mo}=Z.default,No="./index.json",ee=class{constructor(e=j.getChannel()){this.channel=e;this.storyRenders=[];var r;((r=Z.default.FEATURES)==null?void 0:r.storyStoreV7)&&j.hasServerChannel()&&(this.serverChannel=j.getServerChannel()),this.storyStore=new de}initialize({getStoryIndex:e,importFn:r,getProjectAnnotations:o}){return this.getStoryIndex=e,this.importFn=r,this.setupListeners(),this.getProjectAnnotationsOrRenderError(o).then(n=>this.initializeWithProjectAnnotations(n))}setupListeners(){var e;(e=this.serverChannel)==null||e.on(m.STORY_INDEX_INVALIDATED,this.onStoryIndexChanged.bind(this)),this.channel.on(m.UPDATE_GLOBALS,this.onUpdateGlobals.bind(this)),this.channel.on(m.UPDATE_STORY_ARGS,this.onUpdateArgs.bind(this)),this.channel.on(m.RESET_STORY_ARGS,this.onResetArgs.bind(this)),this.channel.on(m.FORCE_RE_RENDER,this.onForceReRender.bind(this)),this.channel.on(m.FORCE_REMOUNT,this.onForceRemount.bind(this))}getProjectAnnotationsOrRenderError(e){return ir.SynchronousPromise.resolve().then(e).then(r=>{if(r.renderToDOM&&(0,B.deprecate)("`renderToDOM` is deprecated, please rename to `renderToCanvas`"),this.renderToCanvas=r.renderToCanvas||r.renderToDOM,!this.renderToCanvas)throw new Error(sr.dedent`
             Expected your framework's preset to export a \`renderToCanvas\` field.
 
             Perhaps it needs to be upgraded for Storybook 6.4?

package/dist/preview-web.mjs

@@ -1 +1 @@
-import{DocsContext,Preview,PreviewWeb,PreviewWithSelection,simulateDOMContentLoaded,simulatePageLoad}from"./chunk-QMJ3NG6X.mjs";import{composeConfigs}from"./chunk-DEUXWJKD.mjs";import"./chunk-QSH26RWA.mjs";export{DocsContext,Preview,PreviewWeb,PreviewWithSelection,composeConfigs,simulateDOMContentLoaded,simulatePageLoad};
+import{DocsContext,Preview,PreviewWeb,PreviewWithSelection,simulateDOMContentLoaded,simulatePageLoad}from"./chunk-Z6DHZWDG.mjs";import{composeConfigs}from"./chunk-7WHOLHII.mjs";import"./chunk-QSH26RWA.mjs";export{DocsContext,Preview,PreviewWeb,PreviewWithSelection,composeConfigs,simulateDOMContentLoaded,simulatePageLoad};

package/dist/store.js

@@ -20,13 +20,13 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
 `,dt=(0,cr.default)(()=>{},at);function V(r,e,t){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(lr.logger.debug("deprecated story",s),dt());let i=(0,le.storyNameFromExport)(r),a=typeof o!="function"&&o.name||o.storyName||(s==null?void 0:s.name)||i,d=[...o.decorators||[],...(s==null?void 0:s.decorators)||[]],l={...s==null?void 0:s.parameters,...o.parameters},y={...s==null?void 0:s.args,...o.args},c={...s==null?void 0:s.argTypes,...o.argTypes},f=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:h,play:O,tags:P=[]}=o,fe=l.__id||(0,le.toId)(t.id,i);return{moduleExport:e,id:fe,name:a,tags:P,decorators:d,parameters:l,args:y,argTypes:C(c),loaders:f,...h&&{render:h},...n&&{userStoryFn:n},...O&&{play:O}}}var ur=require("@storybook/csf"),Ie=require("@storybook/client-logger");var pr=require("@storybook/csf");function U(r,e=r.title,t){let{id:o,argTypes:n}=r;return{id:(0,pr.sanitize)(o||e),...r,title:e,...n&&{argTypes:C(n)},parameters:{fileName:t,...r.parameters}}}var lt=r=>{let{globals:e,globalTypes:t}=r;(e||t)&&Ie.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:t}))},ct=r=>{let{options:e}=r;e!=null&&e.storySort&&Ie.logger.error("The storySort option parameter can only be set globally")},yr=r=>{!r||(lt(r),ct(r))};function we(r,e,t){let{default:o,__namedExportsOrder:n,...s}=r,i=U(o,t,e);yr(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(d=>{if((0,ur.isExportStory)(d,i)){let l=V(d,s[d],i);yr(l.parameters),a.stories[l.id]=l}}),a}var gr=require("ts-dedent"),hr=u(require("util-deprecate")),ke=u(require("global")),Sr=require("@storybook/csf");var ce=u(require("lodash/isPlainObject")),g=(...r)=>{let e={},t=r.filter(Boolean),o=t.reduce((n,s)=>(Object.entries(s).forEach(([i,a])=>{let d=n[i];Array.isArray(a)||typeof d>"u"?n[i]=a:(0,ce.default)(a)&&(0,ce.default)(d)?e[i]=!0:typeof a<"u"&&(n[i]=a)}),n),{});return Object.keys(e).forEach(n=>{let s=t.filter(Boolean).map(i=>i[n]).filter(i=>typeof i<"u");s.every(i=>(0,ce.default)(i))?o[n]=g(...s):o[n]=s[s.length-1]}),o};function mr(r,e,t){let o=t(r);return n=>e(o,n)}function fr({componentId:r,title:e,kind:t,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:d,...l}={}){return l}function Oe(r,e){let t={},o=s=>i=>{if(!t.value)throw new Error("Decorated function called without init");return t.value={...t.value,...fr(i)},s(t.value)},n=e.reduce((s,i)=>mr(s,i,o),r);return s=>(t.value=s,n(s))}var pt=(0,hr.default)(()=>{},gr.dedent`
   \`argType.defaultValue\` is deprecated and will be removed in Storybook 7.0.
 
-  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function W(r,e,t){var Ge;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=g(t.parameters,e.parameters,r.parameters),l=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:y=Oe,argTypesEnhancers:c=[],argsEnhancers:f=[],runStep:h}=t,O=[...t.loaders||[],...e.loaders||[],...r.loaders||[]],P=r.userStoryFn||r.render||e.render||t.render;if(!P)throw new Error(`No render function available for storyId '${n}'`);let fe=g(t.argTypes,e.argTypes,r.argTypes),{passArgsFirst:Mr=!0}=d;d.__isArgsStory=Mr&&P.length>0;let Me={...t.args,...e.args,...r.args},S={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:d,initialArgs:Me,argTypes:fe};S.argTypes=c.reduce((p,m)=>m({...S,argTypes:p}),S.argTypes);let Be=w(S.argTypes);Object.keys(Be).length>0&&pt();let Br={...Be,...Me};S.initialArgs=f.reduce((p,m)=>({...p,...m({...S,initialArgs:p})}),Br),(Ge=ke.default.FEATURES)!=null&&Ge.breakingChangesV7||(S.parameters={...S.parameters,__id:n,globals:t.globals,globalTypes:t.globalTypes,args:S.initialArgs,argTypes:S.argTypes});let Hr=async p=>{let m=await Promise.all(O.map(A=>A(p))),x=Object.assign({},...m);return{...p,loaded:x}},He=p=>{let m=Object.entries(p.args).reduce((j,[_,z])=>{var $e;let M=($e=p.argTypes[_])==null?void 0:$e.mapping;return j[_]=M&&z in M?M[z]:z,j},{}),x=Object.entries(m).reduce((j,[_,z])=>{let M=p.argTypes[_]||{};return(0,Sr.includeConditionalArg)(M,m,p.globals)&&(j[_]=z),j},{}),A={...p,args:x},{passArgsFirst:$r=!0}=p.parameters;return $r?P(A.args,A):P(A)},Lr=re(y)(He,l),Gr=p=>{var x;let m=p;if((x=ke.default.FEATURES)!=null&&x.argTypeTargetsV7){let A=ie(p);m={...p,allArgs:p.args,argsByTarget:A,args:A[$]||{}}}return Lr(m)},Le=r.play||e.play;return Object.freeze({...S,moduleExport:o,originalStoryFn:P,undecoratedStoryFn:He,unboundStoryFn:Gr,applyLoaders:Hr,playFunction:Le&&(async p=>{let m={...p,step:(x,A)=>h(x,A,m)};return Le(m)})})}var pe=u(require("lodash/mapValues")),Tr=require("ts-dedent"),Ar=require("@storybook/client-logger");var ve=(r,e,t)=>{let o=typeof r;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}if(r){if(t.has(r))return Ar.logger.warn(Tr.dedent`
+  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function W(r,e,t){var Ge;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=g(t.parameters,e.parameters,r.parameters),l=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:y=Oe,argTypesEnhancers:c=[],argsEnhancers:f=[],runStep:h}=t,O=[...t.loaders||[],...e.loaders||[],...r.loaders||[]],P=r.userStoryFn||r.render||e.render||t.render;if(!P)throw new Error(`No render function available for storyId '${n}'`);let fe=g(t.argTypes,e.argTypes,r.argTypes),{passArgsFirst:Mr=!0}=d;d.__isArgsStory=Mr&&P.length>0;let Me={...t.args,...e.args,...r.args},S={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:d,initialArgs:Me,argTypes:fe};S.argTypes=c.reduce((p,m)=>m({...S,argTypes:p}),S.argTypes);let Be=w(S.argTypes);Object.keys(Be).length>0&&pt();let Br={...Be,...Me};S.initialArgs=f.reduce((p,m)=>({...p,...m({...S,initialArgs:p})}),Br),(Ge=ke.default.FEATURES)!=null&&Ge.breakingChangesV7||(S.parameters={...S.parameters,__id:n,globals:t.globals,globalTypes:t.globalTypes,args:S.initialArgs,argTypes:S.argTypes});let Hr=async p=>{let m=await Promise.all(O.map(A=>A(p))),x=Object.assign({},...m);return{...p,loaded:x}},He=p=>{let m=Object.entries(p.args).reduce((j,[_,z])=>{var $e;let M=($e=p.argTypes[_])==null?void 0:$e.mapping;return j[_]=M&&z in M?M[z]:z,j},{}),x=Object.entries(m).reduce((j,[_,z])=>{let M=p.argTypes[_]||{};return(0,Sr.includeConditionalArg)(M,m,p.globals)&&(j[_]=z),j},{}),A={...p,args:x},{passArgsFirst:$r=!0}=p.parameters;return $r?P(A.args,A):P(A)},Lr=re(y)(He,l),Gr=p=>{var x;let m=p;if((x=ke.default.FEATURES)!=null&&x.argTypeTargetsV7){let A=ie(p);m={...p,allArgs:p.args,argsByTarget:A,args:A[$]||{}}}return Lr(m)},Le=r.play||e.play;return Object.freeze({...S,moduleExport:o,originalStoryFn:P,undecoratedStoryFn:He,unboundStoryFn:Gr,applyLoaders:Hr,playFunction:Le&&(async p=>{let m={...p,step:(x,A)=>h(x,A,m)};return Le(m)})})}var pe=u(require("lodash/mapValues")),Tr=require("ts-dedent"),Ar=require("@storybook/client-logger");var ve=(r,e,t)=>{let o=typeof r;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}return r?t.has(r)?(Ar.logger.warn(Tr.dedent`
         We've detected a cycle in arg '${e}'. Args should be JSON-serializable.
 
         Consider using the mapping feature or fully custom args:
         - Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
         - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
-      `),{name:"other",value:"cyclic object"};if(t.add(r),Array.isArray(r)){let s=r.length>0?ve(r[0],e,new Set(t)):{name:"other",value:"unknown"};return{name:"array",value:s}}let n=(0,pe.default)(r,s=>ve(s,e,new Set(t)));return{name:"object",value:n}}return{name:"object",value:{}}},Ne=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,pe.default)(o,(i,a)=>({name:a,type:ve(i,`${e}.${a}`,new Set)})),s=(0,pe.default)(t,(i,a)=>({name:a}));return g(n,s,t)};Ne.secondPass=!0;var Rr=u(require("lodash/mapValues")),Fr=require("@storybook/client-logger");var xr=u(require("lodash/pickBy")),br=(r,e)=>Array.isArray(e)?e.includes(r):r.match(e),ye=(r,e,t)=>!e&&!t?r:r&&(0,xr.default)(r,(o,n)=>{let s=o.name||n;return(!e||br(s,e))&&(!t||!br(s,t))});var yt=(r,e,t)=>{let{type:o,options:n}=r;if(!!o){if(t.color&&t.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&Fr.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(t.date&&t.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},Y=r=>{let{argTypes:e,parameters:{__isArgsStory:t,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=r;if(!t)return e;let i=ye(e,o,n),a=(0,Rr.default)(i,(d,l)=>(d==null?void 0:d.type)&&yt(d,l,s));return g(a,i)};Y.secondPass=!0;function K({argTypes:r,globalTypes:e,argTypesEnhancers:t,...o}){return{...r&&{argTypes:C(r)},...e&&{globalTypes:C(e)},argTypesEnhancers:[...t||[],Ne,Y],...o}}function De(r){return async(e,t,o)=>{await r.reduceRight((s,i)=>async()=>i(e,s,o),async()=>t(o))()}}function D(r,e){return r.map(t=>t[e]).filter(Boolean)}function J(r,e){return D(r,e).reduce((t,o)=>[...t,...o],[])}function X(r,e){return Object.assign({},...D(r,e))}function q(r,e){return D(r,e).pop()}function je(r){let e=J(r,"argTypesEnhancers"),t=D(r,"runStep");return{parameters:g(...D(r,"parameters")),decorators:J(r,"decorators"),args:X(r,"args"),argsEnhancers:J(r,"argsEnhancers"),argTypes:X(r,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:X(r,"globals"),globalTypes:X(r,"globalTypes"),loaders:J(r,"loaders"),render:q(r,"render"),renderToCanvas:q(r,"renderToCanvas"),renderToDOM:q(r,"renderToDOM"),applyDecorators:q(r,"applyDecorators"),runStep:De(t)}}var Cr=require("@storybook/csf");var Er={};function ut(r){let e=Array.isArray(r)?r:[r];Er=je(e)}function mt(r,e,t=Er,o={},n){var f;if(r===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=U(e),i=n||r.storyName||((f=r.story)==null?void 0:f.name)||r.name||"unknown",a=V(i,r,s),d=K({...t,...o}),l=W(a,s,d),y=w(t.globalTypes),c=h=>{let O={...l,hooks:new R,globals:y,args:{...l.initialArgs,...h}};return l.unboundStoryFn(O)};return c.storyName=i,c.args=l.initialArgs,c.play=l.playFunction,c.parameters=l.parameters,c}function ft(r,e,t){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=r;return Object.entries(i).reduce((d,[l,y])=>(0,Cr.isExportStory)(l,o)?Object.assign(d,{[l]:t(y,o,e,l)}):d,{})}var gt=1e3,ht=1e4,St=20,ue=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let t=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"],n=(0,Pr.default)(t.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,ze.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,ze.default)(s.parameters,o),fileName:i}}});return{v:3,stories:n}};this.args=new ae,this.hooks={},this.processCSFFileWithCache=(0,_e.default)(gt)(we),this.prepareStoryWithCache=(0,_e.default)(ht)(W),this.initializationPromise=new Q.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=K(e);let{globals:t,globalTypes:o}=e;this.globals?this.globals.set({globals:t,globalTypes:o}):this.globals=new de({globals:t,globalTypes:o})}initialize({storyIndex:e,importFn:t,cache:o=!1}){return this.storyIndex=new ne(e),this.importFn=t,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():Q.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:t}){await this.initializationPromise,e&&(this.importFn=e),t&&(this.storyIndex.entries=t.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:t,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(t).then(n=>this.processCSFFileWithCache(n,t,o))}loadAllCSFFiles({batchSize:e=St}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let t=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return Q.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(d=>({importPath:i,csfFile:d})));return Q.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(t).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let t=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:t})}storyFromCSFFile({storyId:e,csfFile:t}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=t.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=t.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new R,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(t=>!!e.stories[t]).map(t=>this.storyFromCSFFile({storyId:t,csfFile:e}))}async loadEntry(e){let t=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=t.type==="docs"?t.storiesImports:[],[i,...a]=await Promise.all([o(t.importPath),...s.map(d=>{let l=n.importPathToEntry(d);return this.loadCSFFileByStoryId(l.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:t}=this;if(!t)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=t[i],d=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&d.parameters.docsOnly||(o[n]=Object.entries(d).reduce((l,[y,c])=>y==="moduleExport"||typeof c=="function"?l:Array.isArray(c)?Object.assign(l,{[y]:c.slice().sort()}):Object.assign(l,{[y]:c}),{args:d.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),t=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:t,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([t,o])=>[t,e[t]?{...o,args:e[t].initialArgs,initialArgs:e[t].initialArgs,argTypes:e[t].argTypes,parameters:e[t].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let t;try{({importPath:t}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[t],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var E=require("@storybook/core-events");function Ir(r,e){let t=b.getChannel(),[o]=t.last(`${E.SHARED_STATE_CHANGED}-manager-${r}`)||t.last(`${E.SHARED_STATE_SET}-manager-${r}`)||[],[n,s]=xe(o||e),i=be(()=>({[`${E.SHARED_STATE_CHANGED}-manager-${r}`]:d=>s(d),[`${E.SHARED_STATE_SET}-manager-${r}`]:d=>s(d)}),[r]),a=Re(i,[r]);return oe(()=>{e!==void 0&&!o&&a(`${E.SHARED_STATE_SET}-client-${r}`,e)},[r]),[n,d=>{s(d),a(`${E.SHARED_STATE_CHANGED}-client-${r}`,d)}]}function Tt(r,e){return Ir(r,e)}var me=u(require("slash")),Or=require("ts-dedent"),kr=require("@storybook/client-logger"),At=r=>{let e=[...r],t=e[e.length-1],o=t.indexOf("."),n=o>0?t.substr(0,o):t;e[e.length-1]=n;let[s,...i]=e;return s===""&&(e=i),e},bt=/^index$/i,xt=r=>{let e;return r.filter((t,o)=>o===r.length-1&&(t===e||bt.test(t))?!1:(e=t,!0))};function wr(r){let e=new RegExp("/{1,}","g");return r.join("/").replace(e,"/")}var vr=(r,e,t)=>{let{directory:o,importPathMatcher:n,titlePrefix:s=""}=e||{};typeof r=="number"&&kr.once.warn(Or.dedent`
+      `),{name:"other",value:"cyclic object"}):(t.add(r),Array.isArray(r)?{name:"array",value:r.length>0?ve(r[0],e,new Set(t)):{name:"other",value:"unknown"}}:{name:"object",value:(0,pe.default)(r,s=>ve(s,e,new Set(t)))}):{name:"object",value:{}}},Ne=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,pe.default)(o,(i,a)=>({name:a,type:ve(i,`${e}.${a}`,new Set)})),s=(0,pe.default)(t,(i,a)=>({name:a}));return g(n,s,t)};Ne.secondPass=!0;var Rr=u(require("lodash/mapValues")),Fr=require("@storybook/client-logger");var xr=u(require("lodash/pickBy")),br=(r,e)=>Array.isArray(e)?e.includes(r):r.match(e),ye=(r,e,t)=>!e&&!t?r:r&&(0,xr.default)(r,(o,n)=>{let s=o.name||n;return(!e||br(s,e))&&(!t||!br(s,t))});var yt=(r,e,t)=>{let{type:o,options:n}=r;if(!!o){if(t.color&&t.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&Fr.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(t.date&&t.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},Y=r=>{let{argTypes:e,parameters:{__isArgsStory:t,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=r;if(!t)return e;let i=ye(e,o,n),a=(0,Rr.default)(i,(d,l)=>(d==null?void 0:d.type)&&yt(d,l,s));return g(a,i)};Y.secondPass=!0;function K({argTypes:r,globalTypes:e,argTypesEnhancers:t,...o}){return{...r&&{argTypes:C(r)},...e&&{globalTypes:C(e)},argTypesEnhancers:[...t||[],Ne,Y],...o}}function De(r){return async(e,t,o)=>{await r.reduceRight((s,i)=>async()=>i(e,s,o),async()=>t(o))()}}function D(r,e){return r.map(t=>t[e]).filter(Boolean)}function J(r,e){return D(r,e).reduce((t,o)=>[...t,...o],[])}function X(r,e){return Object.assign({},...D(r,e))}function q(r,e){return D(r,e).pop()}function je(r){let e=J(r,"argTypesEnhancers"),t=D(r,"runStep");return{parameters:g(...D(r,"parameters")),decorators:J(r,"decorators"),args:X(r,"args"),argsEnhancers:J(r,"argsEnhancers"),argTypes:X(r,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:X(r,"globals"),globalTypes:X(r,"globalTypes"),loaders:J(r,"loaders"),render:q(r,"render"),renderToCanvas:q(r,"renderToCanvas"),renderToDOM:q(r,"renderToDOM"),applyDecorators:q(r,"applyDecorators"),runStep:De(t)}}var Cr=require("@storybook/csf");var Er={};function ut(r){let e=Array.isArray(r)?r:[r];Er=je(e)}function mt(r,e,t=Er,o={},n){var f;if(r===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=U(e),i=n||r.storyName||((f=r.story)==null?void 0:f.name)||r.name||"unknown",a=V(i,r,s),d=K({...t,...o}),l=W(a,s,d),y=w(t.globalTypes),c=h=>{let O={...l,hooks:new R,globals:y,args:{...l.initialArgs,...h}};return l.unboundStoryFn(O)};return c.storyName=i,c.args=l.initialArgs,c.play=l.playFunction,c.parameters=l.parameters,c}function ft(r,e,t){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=r;return Object.entries(i).reduce((d,[l,y])=>(0,Cr.isExportStory)(l,o)?Object.assign(d,{[l]:t(y,o,e,l)}):d,{})}var gt=1e3,ht=1e4,St=20,ue=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let t=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:(0,Pr.default)(t.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,ze.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,ze.default)(s.parameters,o),fileName:i}}})}};this.args=new ae,this.hooks={},this.processCSFFileWithCache=(0,_e.default)(gt)(we),this.prepareStoryWithCache=(0,_e.default)(ht)(W),this.initializationPromise=new Q.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=K(e);let{globals:t,globalTypes:o}=e;this.globals?this.globals.set({globals:t,globalTypes:o}):this.globals=new de({globals:t,globalTypes:o})}initialize({storyIndex:e,importFn:t,cache:o=!1}){return this.storyIndex=new ne(e),this.importFn=t,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():Q.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:t}){await this.initializationPromise,e&&(this.importFn=e),t&&(this.storyIndex.entries=t.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:t,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(t).then(n=>this.processCSFFileWithCache(n,t,o))}loadAllCSFFiles({batchSize:e=St}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let t=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return Q.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(d=>({importPath:i,csfFile:d})));return Q.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(t).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let t=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:t})}storyFromCSFFile({storyId:e,csfFile:t}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=t.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=t.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new R,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(t=>!!e.stories[t]).map(t=>this.storyFromCSFFile({storyId:t,csfFile:e}))}async loadEntry(e){let t=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=t.type==="docs"?t.storiesImports:[],[i,...a]=await Promise.all([o(t.importPath),...s.map(d=>{let l=n.importPathToEntry(d);return this.loadCSFFileByStoryId(l.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:t}=this;if(!t)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=t[i],d=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&d.parameters.docsOnly||(o[n]=Object.entries(d).reduce((l,[y,c])=>y==="moduleExport"||typeof c=="function"?l:Array.isArray(c)?Object.assign(l,{[y]:c.slice().sort()}):Object.assign(l,{[y]:c}),{args:d.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),t=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:t,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([t,o])=>[t,e[t]?{...o,args:e[t].initialArgs,initialArgs:e[t].initialArgs,argTypes:e[t].argTypes,parameters:e[t].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let t;try{({importPath:t}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[t],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var E=require("@storybook/core-events");function Ir(r,e){let t=b.getChannel(),[o]=t.last(`${E.SHARED_STATE_CHANGED}-manager-${r}`)||t.last(`${E.SHARED_STATE_SET}-manager-${r}`)||[],[n,s]=xe(o||e),i=be(()=>({[`${E.SHARED_STATE_CHANGED}-manager-${r}`]:d=>s(d),[`${E.SHARED_STATE_SET}-manager-${r}`]:d=>s(d)}),[r]),a=Re(i,[r]);return oe(()=>{e!==void 0&&!o&&a(`${E.SHARED_STATE_SET}-client-${r}`,e)},[r]),[n,d=>{s(d),a(`${E.SHARED_STATE_CHANGED}-client-${r}`,d)}]}function Tt(r,e){return Ir(r,e)}var me=u(require("slash")),Or=require("ts-dedent"),kr=require("@storybook/client-logger"),At=r=>{let e=[...r],t=e[e.length-1],o=t.indexOf("."),n=o>0?t.substr(0,o):t;e[e.length-1]=n;let[s,...i]=e;return s===""&&(e=i),e},bt=/^index$/i,xt=r=>{let e;return r.filter((t,o)=>o===r.length-1&&(t===e||bt.test(t))?!1:(e=t,!0))};function wr(r){let e=new RegExp("/{1,}","g");return r.join("/").replace(e,"/")}var vr=(r,e,t)=>{let{directory:o,importPathMatcher:n,titlePrefix:s=""}=e||{};typeof r=="number"&&kr.once.warn(Or.dedent`
       CSF Auto-title received a numeric fileName. This typically happens when
       webpack is mis-configured in production mode. To force webpack to produce
       filenames, set optimization.moduleIds = "named" in your webpack config.

package/dist/store.mjs

@@ -1 +1 @@
-import{DEEPLY_EQUAL,NO_TARGET_NAME,StoryStore,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useSharedState,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions}from"./chunk-DEUXWJKD.mjs";import{HooksContext,applyHooks,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext}from"./chunk-QSH26RWA.mjs";export{DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions};
+import{DEEPLY_EQUAL,NO_TARGET_NAME,StoryStore,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useSharedState,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions}from"./chunk-7WHOLHII.mjs";import{HooksContext,applyHooks,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext}from"./chunk-QSH26RWA.mjs";export{DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preview-api",
-  "version": "7.0.0-beta.4",
+  "version": "7.0.0-beta.6",
   "description": "",
   "keywords": [
     "storybook"
@@ -67,12 +67,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channel-postmessage": "7.0.0-beta.4",
-    "@storybook/channels": "7.0.0-beta.4",
-    "@storybook/client-logger": "7.0.0-beta.4",
-    "@storybook/core-events": "7.0.0-beta.4",
+    "@storybook/channel-postmessage": "7.0.0-beta.6",
+    "@storybook/channels": "7.0.0-beta.6",
+    "@storybook/client-logger": "7.0.0-beta.6",
+    "@storybook/core-events": "7.0.0-beta.6",
     "@storybook/csf": "next",
-    "@storybook/types": "7.0.0-beta.4",
+    "@storybook/types": "7.0.0-beta.6",
     "@types/qs": "^6.9.5",
     "dequal": "^2.0.2",
     "global": "^4.4.0",
@@ -86,7 +86,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^26.6.2",
-    "@storybook/core-common": "7.0.0-beta.4",
+    "@storybook/core-common": "7.0.0-beta.6",
     "ansi-to-html": "^0.6.11",
     "react": "^16.14.0"
   },
@@ -103,5 +103,5 @@
       "./src/store.ts"
     ]
   },
-  "gitHead": "4d869ed6f7166e0d06f2bef5a1b872fa77a0cf2d"
+  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
 }