@storybook/preview-api - npm Package Compare versions

Comparing version 7.0.0-beta.6 to 7.0.0-beta.7

dist/client-api.d.ts

@@ -1,2 +0,2 @@
-export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-eda085ef.js';
+export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-c264b450.js';
 export { S as StoryStore, p as prepareStory, b as processCSFFile } from './StoryStore-e35dc2c4.js';
@@ -3,0 +3,0 @@ export { D as DEEPLY_EQUAL, N as NO_TARGET_NAME, P as PropDescriptor, c as combineArgs, a as combineParameters, b as composeStepRunners, d as composeStories, e as composeStory, f as decorateStory, l as deepDiff, g as defaultDecorateStory, h as filterArgTypes, o as groupArgsByTarget, j as inferControls, m as mapArgsToTypes, p as noTargetArgs, n as normalizeStory, s as sanitizeStoryContextUpdate, i as setProjectAnnotations, r as sortStoriesV6, k as sortStoriesV7, q as userOrAutoTitle, u as userOrAutoTitleFromSpecifier, v as validateOptions } from './sortStories-a93f5af2.js';

dist/client-api.js

@@ -1,8 +0,8 @@
-"use strict";var gt=Object.create;var de=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},tr=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Tt(e))!xt.call(r,n)&&n!==t&&de(r,n,{get:()=>e[n],enumerable:!(o=St(e,n))||o.enumerable});return r};var g=(r,e,t)=>(t=r!=null?gt(At(r)):{},tr(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r)),Rt=r=>tr(de({},"__esModule",{value:!0}),r);var eo={};bt(eo,{ClientApi:()=>Fe,DEEPLY_EQUAL:()=>O,HooksContext:()=>w,NO_TARGET_NAME:()=>Q,StoryStore:()=>be,addArgTypes:()=>st,addArgTypesEnhancer:()=>at,addArgs:()=>nt,addArgsEnhancer:()=>it,addDecorator:()=>rt,addLoader:()=>ot,addParameters:()=>tt,addStepRunner:()=>dt,applyHooks:()=>le,combineArgs:()=>J,combineParameters:()=>T,composeConfigs:()=>Ue,composeStepRunners:()=>te,composeStories:()=>Bt,composeStory:()=>$t,decorateStory:()=>Cr,deepDiff:()=>_,defaultDecorateStory:()=>$e,filterArgTypes:()=>xe,getArrayField:()=>oe,getField:()=>$,getObjectField:()=>ne,getQueryParam:()=>Zt,getQueryParams:()=>yt,getSingletonField:()=>se,getValuesFromArgTypes:()=>N,groupArgsByTarget:()=>fe,inferControls:()=>ee,mapArgsToTypes:()=>ze,noTargetArgs:()=>Ot,normalizeComponentAnnotations:()=>q,normalizeInputType:()=>Tr,normalizeInputTypes:()=>R,normalizeProjectAnnotations:()=>re,normalizeStory:()=>X,prepareStory:()=>Z,processCSFFile:()=>Ge,sanitizeStoryContextUpdate:()=>Pr,setGlobalRender:()=>ct,setProjectAnnotations:()=>Gt,sortStoriesV6:()=>Je,sortStoriesV7:()=>Qt,useAddonState:()=>Yt,useArgs:()=>yr,useCallback:()=>L,useChannel:()=>_e,useEffect:()=>ye,useGlobals:()=>mr,useMemo:()=>je,useParameter:()=>pr,useReducer:()=>lr,useRef:()=>dr,useSharedState:()=>Gr,useState:()=>ve,useStoryContext:()=>W,userOrAutoTitle:()=>Ke,userOrAutoTitleFromSpecifier:()=>Vr,validateOptions:()=>Me});module.exports=Rt(eo);var Zr=require("ts-dedent"),et=g(require("global")),Xe=require("@storybook/client-logger"),Ce=require("@storybook/csf");var Ye=g(require("memoizerific")),Lr=g(require("lodash/mapValues")),We=g(require("lodash/pick")),ie=require("synchronous-promise");var ce=g(require("global"));var or=require("@storybook/channels");function nr(){let r={setHandler:()=>{},send:()=>{}};return new or.Channel({transport:r})}var Ie=class{constructor(){this.getChannel=()=>{if(!this.channel){let e=nr();return this.setChannel(e),e}return this.channel};this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel};this.ready=()=>this.promise;this.hasChannel=()=>!!this.channel;this.hasServerChannel=()=>!!this.serverChannel;this.setChannel=e=>{this.channel=e,this.resolve()};this.setServerChannel=e=>{this.serverChannel=e};this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},Pe="__STORYBOOK_ADDONS_PREVIEW";function Et(){return ce.default[Pe]||(ce.default[Pe]=new Ie),ce.default[Pe]}var C=Et();var Y=g(require("global")),M=require("@storybook/client-logger"),b=require("@storybook/core-events");var w=class{constructor(){this.hookListsMap=void 0;this.mountedDecorators=void 0;this.prevMountedDecorators=void 0;this.currentHooks=void 0;this.nextHookIndex=void 0;this.currentPhase=void 0;this.currentEffects=void 0;this.prevEffects=void 0;this.currentDecoratorName=void 0;this.hasUpdates=void 0;this.currentContext=void 0;this.renderListener=e=>{var t;e===((t=this.currentContext)==null?void 0:t.id)&&(this.triggerEffects(),this.currentContext=null,this.removeRenderListeners())};this.init()}init(){this.hookListsMap=new WeakMap,this.mountedDecorators=new Set,this.prevMountedDecorators=this.mountedDecorators,this.currentHooks=[],this.nextHookIndex=0,this.currentPhase="NONE",this.currentEffects=[],this.prevEffects=[],this.currentDecoratorName=null,this.hasUpdates=!1,this.currentContext=null}clean(){this.prevEffects.forEach(e=>{e.destroy&&e.destroy()}),this.init(),this.removeRenderListeners()}getNextHook(){let e=this.currentHooks[this.nextHookIndex];return this.nextHookIndex+=1,e}triggerEffects(){this.prevEffects.forEach(e=>{!this.currentEffects.includes(e)&&e.destroy&&e.destroy()}),this.currentEffects.forEach(e=>{this.prevEffects.includes(e)||(e.destroy=e.create())}),this.prevEffects=this.currentEffects,this.currentEffects=[]}addRenderListeners(){this.removeRenderListeners(),C.getChannel().on(b.STORY_RENDERED,this.renderListener)}removeRenderListeners(){C.getChannel().removeListener(b.STORY_RENDERED,this.renderListener)}};function sr(r){return(...e)=>{let{hooks:t}=typeof e[0]=="function"?e[1]:e[0],o=t.currentPhase,n=t.currentHooks,s=t.nextHookIndex,i=t.currentDecoratorName;t.currentDecoratorName=r.name,t.prevMountedDecorators.has(r)?(t.currentPhase="UPDATE",t.currentHooks=t.hookListsMap.get(r)||[]):(t.currentPhase="MOUNT",t.currentHooks=[],t.hookListsMap.set(r,t.currentHooks),t.prevMountedDecorators.add(r)),t.nextHookIndex=0;let a=Y.default.STORYBOOK_HOOKS_CONTEXT;Y.default.STORYBOOK_HOOKS_CONTEXT=t;let d=r(...e);if(Y.default.STORYBOOK_HOOKS_CONTEXT=a,t.currentPhase==="UPDATE"&&t.getNextHook()!=null)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return t.currentPhase=o,t.currentHooks=n,t.nextHookIndex=s,t.currentDecoratorName=i,d}}var we=0,Ft=25,le=r=>(e,t)=>{let o=r(sr(e),t.map(n=>sr(n)));return n=>{let{hooks:s}=n;s.prevMountedDecorators=s.mountedDecorators,s.mountedDecorators=new Set([e,...t]),s.currentContext=n,s.hasUpdates=!1;let i=o(n);for(we=1;s.hasUpdates;)if(s.hasUpdates=!1,s.currentEffects=[],i=o(n),we+=1,we>Ft)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return s.addRenderListeners(),i}},Ct=(r,e)=>r.length===e.length&&r.every((t,o)=>t===e[o]),Oe=()=>new Error("Storybook preview hooks can only be called inside decorators and story functions.");function ir(){return Y.default.STORYBOOK_HOOKS_CONTEXT||null}function ke(){let r=ir();if(r==null)throw Oe();return r}function Pt(r,e,t){let o=ke();if(o.currentPhase==="MOUNT"){t!=null&&!Array.isArray(t)&&M.logger.warn(`${r} received a final argument that is not an array (instead, received ${t}). When specified, the final argument must be an array.`);let n={name:r,deps:t};return o.currentHooks.push(n),e(n),n}if(o.currentPhase==="UPDATE"){let n=o.getNextHook();if(n==null)throw new Error("Rendered more hooks than during the previous render.");return n.name!==r&&M.logger.warn(`Storybook has detected a change in the order of Hooks${o.currentDecoratorName?` called by ${o.currentDecoratorName}`:""}. This will lead to bugs and errors if not fixed.`),t!=null&&n.deps==null&&M.logger.warn(`${r} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`),t!=null&&n.deps!=null&&t.length!==n.deps.length&&M.logger.warn(`The final argument passed to ${r} changed size between renders. The order and size of this array must remain constant.
+"use strict";var gt=Object.create;var de=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},tr=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Tt(e))!xt.call(r,n)&&n!==t&&de(r,n,{get:()=>e[n],enumerable:!(o=St(e,n))||o.enumerable});return r};var g=(r,e,t)=>(t=r!=null?gt(At(r)):{},tr(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r)),Rt=r=>tr(de({},"__esModule",{value:!0}),r);var eo={};bt(eo,{ClientApi:()=>Fe,DEEPLY_EQUAL:()=>w,HooksContext:()=>O,NO_TARGET_NAME:()=>Q,StoryStore:()=>be,addArgTypes:()=>st,addArgTypesEnhancer:()=>at,addArgs:()=>nt,addArgsEnhancer:()=>it,addDecorator:()=>rt,addLoader:()=>ot,addParameters:()=>tt,addStepRunner:()=>dt,applyHooks:()=>le,combineArgs:()=>J,combineParameters:()=>T,composeConfigs:()=>Ue,composeStepRunners:()=>te,composeStories:()=>$t,composeStory:()=>Gt,decorateStory:()=>Cr,deepDiff:()=>v,defaultDecorateStory:()=>Ge,filterArgTypes:()=>xe,getArrayField:()=>oe,getField:()=>G,getObjectField:()=>ne,getQueryParam:()=>Zt,getQueryParams:()=>yt,getSingletonField:()=>se,getValuesFromArgTypes:()=>N,groupArgsByTarget:()=>fe,inferControls:()=>ee,mapArgsToTypes:()=>ze,noTargetArgs:()=>wt,normalizeComponentAnnotations:()=>q,normalizeInputType:()=>Tr,normalizeInputTypes:()=>E,normalizeProjectAnnotations:()=>re,normalizeStory:()=>X,prepareStory:()=>Z,processCSFFile:()=>Be,sanitizeStoryContextUpdate:()=>Pr,setGlobalRender:()=>ct,setProjectAnnotations:()=>Bt,sortStoriesV6:()=>Je,sortStoriesV7:()=>Qt,useAddonState:()=>Yt,useArgs:()=>yr,useCallback:()=>M,useChannel:()=>ve,useEffect:()=>ye,useGlobals:()=>mr,useMemo:()=>ke,useParameter:()=>pr,useReducer:()=>lr,useRef:()=>dr,useSharedState:()=>Br,useState:()=>je,useStoryContext:()=>K,userOrAutoTitle:()=>We,userOrAutoTitleFromSpecifier:()=>Vr,validateOptions:()=>Le});module.exports=Rt(eo);var Zr=require("ts-dedent"),et=g(require("global")),Xe=require("@storybook/client-logger"),Ce=require("@storybook/csf");var Ye=g(require("memoizerific")),Mr=g(require("lodash/mapValues")),Ke=g(require("lodash/pick")),ie=require("synchronous-promise");var ce=g(require("global"));var or=require("@storybook/channels");function nr(){let r={setHandler:()=>{},send:()=>{}};return new or.Channel({transport:r})}var Ie=class{constructor(){this.getChannel=()=>{if(!this.channel){let e=nr();return this.setChannel(e),e}return this.channel};this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel};this.ready=()=>this.promise;this.hasChannel=()=>!!this.channel;this.hasServerChannel=()=>!!this.serverChannel;this.setChannel=e=>{this.channel=e,this.resolve()};this.setServerChannel=e=>{this.serverChannel=e};this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},Pe="__STORYBOOK_ADDONS_PREVIEW";function Et(){return ce.default[Pe]||(ce.default[Pe]=new Ie),ce.default[Pe]}var C=Et();var Y=g(require("global")),L=require("@storybook/client-logger"),R=require("@storybook/core-events");var O=class{constructor(){this.hookListsMap=void 0;this.mountedDecorators=void 0;this.prevMountedDecorators=void 0;this.currentHooks=void 0;this.nextHookIndex=void 0;this.currentPhase=void 0;this.currentEffects=void 0;this.prevEffects=void 0;this.currentDecoratorName=void 0;this.hasUpdates=void 0;this.currentContext=void 0;this.renderListener=e=>{var t;e===((t=this.currentContext)==null?void 0:t.id)&&(this.triggerEffects(),this.currentContext=null,this.removeRenderListeners())};this.init()}init(){this.hookListsMap=new WeakMap,this.mountedDecorators=new Set,this.prevMountedDecorators=this.mountedDecorators,this.currentHooks=[],this.nextHookIndex=0,this.currentPhase="NONE",this.currentEffects=[],this.prevEffects=[],this.currentDecoratorName=null,this.hasUpdates=!1,this.currentContext=null}clean(){this.prevEffects.forEach(e=>{e.destroy&&e.destroy()}),this.init(),this.removeRenderListeners()}getNextHook(){let e=this.currentHooks[this.nextHookIndex];return this.nextHookIndex+=1,e}triggerEffects(){this.prevEffects.forEach(e=>{!this.currentEffects.includes(e)&&e.destroy&&e.destroy()}),this.currentEffects.forEach(e=>{this.prevEffects.includes(e)||(e.destroy=e.create())}),this.prevEffects=this.currentEffects,this.currentEffects=[]}addRenderListeners(){this.removeRenderListeners(),C.getChannel().on(R.STORY_RENDERED,this.renderListener)}removeRenderListeners(){C.getChannel().removeListener(R.STORY_RENDERED,this.renderListener)}};function sr(r){return(...e)=>{let{hooks:t}=typeof e[0]=="function"?e[1]:e[0],o=t.currentPhase,n=t.currentHooks,s=t.nextHookIndex,i=t.currentDecoratorName;t.currentDecoratorName=r.name,t.prevMountedDecorators.has(r)?(t.currentPhase="UPDATE",t.currentHooks=t.hookListsMap.get(r)||[]):(t.currentPhase="MOUNT",t.currentHooks=[],t.hookListsMap.set(r,t.currentHooks),t.prevMountedDecorators.add(r)),t.nextHookIndex=0;let a=Y.default.STORYBOOK_HOOKS_CONTEXT;Y.default.STORYBOOK_HOOKS_CONTEXT=t;let d=r(...e);if(Y.default.STORYBOOK_HOOKS_CONTEXT=a,t.currentPhase==="UPDATE"&&t.getNextHook()!=null)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return t.currentPhase=o,t.currentHooks=n,t.nextHookIndex=s,t.currentDecoratorName=i,d}}var Oe=0,Ft=25,le=r=>(e,t)=>{let o=r(sr(e),t.map(n=>sr(n)));return n=>{let{hooks:s}=n;s.prevMountedDecorators=s.mountedDecorators,s.mountedDecorators=new Set([e,...t]),s.currentContext=n,s.hasUpdates=!1;let i=o(n);for(Oe=1;s.hasUpdates;)if(s.hasUpdates=!1,s.currentEffects=[],i=o(n),Oe+=1,Oe>Ft)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return s.addRenderListeners(),i}},Ct=(r,e)=>r.length===e.length&&r.every((t,o)=>t===e[o]),we=()=>new Error("Storybook preview hooks can only be called inside decorators and story functions.");function ir(){return Y.default.STORYBOOK_HOOKS_CONTEXT||null}function _e(){let r=ir();if(r==null)throw we();return r}function Pt(r,e,t){let o=_e();if(o.currentPhase==="MOUNT"){t!=null&&!Array.isArray(t)&&L.logger.warn(`${r} received a final argument that is not an array (instead, received ${t}). When specified, the final argument must be an array.`);let n={name:r,deps:t};return o.currentHooks.push(n),e(n),n}if(o.currentPhase==="UPDATE"){let n=o.getNextHook();if(n==null)throw new Error("Rendered more hooks than during the previous render.");return n.name!==r&&L.logger.warn(`Storybook has detected a change in the order of Hooks${o.currentDecoratorName?` called by ${o.currentDecoratorName}`:""}. This will lead to bugs and errors if not fixed.`),t!=null&&n.deps==null&&L.logger.warn(`${r} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`),t!=null&&n.deps!=null&&t.length!==n.deps.length&&L.logger.warn(`The final argument passed to ${r} changed size between renders. The order and size of this array must remain constant.
 Previous: ${n.deps}
-Incoming: ${t}`),(t==null||n.deps==null||!Ct(t,n.deps))&&(e(n),n.deps=t),n}throw Oe()}function pe(r,e,t){let{memoizedState:o}=Pt(r,n=>{n.memoizedState=e()},t);return o}function je(r,e){return pe("useMemo",r,e)}function L(r,e){return pe("useCallback",()=>r,e)}function ar(r,e){return pe(r,()=>({current:e}),[])}function dr(r){return ar("useRef",r)}function It(){let r=ir();if(r!=null&&r.currentPhase!=="NONE")r.hasUpdates=!0;else try{C.getChannel().emit(b.FORCE_RE_RENDER)}catch{M.logger.warn("State updates of Storybook preview hooks work only in browser")}}function cr(r,e){let t=ar(r,typeof e=="function"?e():e),o=n=>{t.current=typeof n=="function"?n(t.current):n,It()};return[t.current,o]}function ve(r){return cr("useState",r)}function lr(r,e,t){let o=t!=null?()=>t(e):e,[n,s]=cr("useReducer",o);return[n,a=>s(d=>r(d,a))]}function ye(r,e){let t=ke(),o=pe("useEffect",()=>({create:r}),e);t.currentEffects.includes(o)||t.currentEffects.push(o)}function _e(r,e=[]){let t=C.getChannel();return ye(()=>(Object.entries(r).forEach(([o,n])=>t.on(o,n)),()=>{Object.entries(r).forEach(([o,n])=>t.removeListener(o,n))}),[...Object.keys(r),...e]),L(t.emit.bind(t),[t])}function W(){let{currentContext:r}=ke();if(r==null)throw Oe();return r}function pr(r,e){let{parameters:t}=W();if(r)return t[r]??e}function yr(){let r=C.getChannel(),{id:e,args:t}=W(),o=L(s=>r.emit(b.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:s}),[r,e]),n=L(s=>r.emit(b.RESET_STORY_ARGS,{storyId:e,argNames:s}),[r,e]);return[t,o,n]}function mr(){let r=C.getChannel(),{globals:e}=W(),t=L(o=>r.emit(b.UPDATE_GLOBALS,{globals:o}),[r]);return[e,t]}var ur=require("ts-dedent"),fr=g(require("memoizerific")),wt=(0,fr.default)(1)(r=>Object.values(r).reduce((e,t)=>(e[t.importPath]=e[t.importPath]||t,e),{})),me=class{constructor({entries:e}={v:4,entries:{}}){this.entries=e}entryFromSpecifier(e){let t=Object.values(this.entries);if(e==="*")return t[0];if(typeof e=="string")return this.entries[e]?this.entries[e]:t.find(s=>s.id.startsWith(e));let{name:o,title:n}=e;return t.find(s=>s.name===o&&s.title===n)}storyIdToEntry(e){let t=this.entries[e];if(!t)throw new Error(ur.dedent`Couldn't find story matching '${e}' after HMR.
+Incoming: ${t}`),(t==null||n.deps==null||!Ct(t,n.deps))&&(e(n),n.deps=t),n}throw we()}function pe(r,e,t){let{memoizedState:o}=Pt(r,n=>{n.memoizedState=e()},t);return o}function ke(r,e){return pe("useMemo",r,e)}function M(r,e){return pe("useCallback",()=>r,e)}function ar(r,e){return pe(r,()=>({current:e}),[])}function dr(r){return ar("useRef",r)}function It(){let r=ir();if(r!=null&&r.currentPhase!=="NONE")r.hasUpdates=!0;else try{C.getChannel().emit(R.FORCE_RE_RENDER)}catch{L.logger.warn("State updates of Storybook preview hooks work only in browser")}}function cr(r,e){let t=ar(r,typeof e=="function"?e():e),o=n=>{t.current=typeof n=="function"?n(t.current):n,It()};return[t.current,o]}function je(r){return cr("useState",r)}function lr(r,e,t){let o=t!=null?()=>t(e):e,[n,s]=cr("useReducer",o);return[n,a=>s(d=>r(d,a))]}function ye(r,e){let t=_e(),o=pe("useEffect",()=>({create:r}),e);t.currentEffects.includes(o)||t.currentEffects.push(o)}function ve(r,e=[]){let t=C.getChannel();return ye(()=>(Object.entries(r).forEach(([o,n])=>t.on(o,n)),()=>{Object.entries(r).forEach(([o,n])=>t.removeListener(o,n))}),[...Object.keys(r),...e]),M(t.emit.bind(t),[t])}function K(){let{currentContext:r}=_e();if(r==null)throw we();return r}function pr(r,e){let{parameters:t}=K();if(r)return t[r]??e}function yr(){let r=C.getChannel(),{id:e,args:t}=K(),o=M(s=>r.emit(R.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:s}),[r,e]),n=M(s=>r.emit(R.RESET_STORY_ARGS,{storyId:e,argNames:s}),[r,e]);return[t,o,n]}function mr(){let r=C.getChannel(),{globals:e}=K(),t=M(o=>r.emit(R.UPDATE_GLOBALS,{globals:o}),[r]);return[e,t]}var ur=require("ts-dedent"),fr=g(require("memoizerific")),Ot=(0,fr.default)(1)(r=>Object.values(r).reduce((e,t)=>(e[t.importPath]=e[t.importPath]||t,e),{})),me=class{constructor({entries:e}={v:4,entries:{}}){this.entries=e}entryFromSpecifier(e){let t=Object.values(this.entries);if(e==="*")return t[0];if(typeof e=="string")return this.entries[e]?this.entries[e]:t.find(s=>s.id.startsWith(e));let{name:o,title:n}=e;return t.find(s=>s.name===o&&s.title===n)}storyIdToEntry(e){let t=this.entries[e];if(!t)throw new Error(ur.dedent`Couldn't find story matching '${e}' after HMR.
       - Did you remove it from your CSF file?
       - Are you sure a story with that id exists?
       - Please check your entries field of your main.js config.
-      - Also check the browser console and terminal for error messages.`);return t}importPathToEntry(e){return wt(this.entries)[e]}};var hr=require("dequal"),ue=require("@storybook/client-logger"),K=g(require("lodash/isPlainObject")),Ne=require("ts-dedent"),G=Symbol("incompatible"),De=(r,e)=>{let t=e.type;if(r==null||!t||e.mapping)return r;switch(t.name){case"string":return String(r);case"enum":return r;case"number":return Number(r);case"boolean":return r==="true";case"array":return!t.value||!Array.isArray(r)?G:r.reduce((o,n,s)=>{let i=De(n,{type:t.value});return i!==G&&(o[s]=i),o},new Array(r.length));case"object":return typeof r=="string"||typeof r=="number"?r:!t.value||typeof r!="object"?G:Object.entries(r).reduce((o,[n,s])=>{let i=De(s,{type:t.value[n]});return i===G?o:Object.assign(o,{[n]:i})},{});default:return G}},ze=(r,e)=>Object.entries(r).reduce((t,[o,n])=>{if(!e[o])return t;let s=De(n,e[o]);return s===G?t:Object.assign(t,{[o]:s})},{}),J=(r,e)=>Array.isArray(r)&&Array.isArray(e)?e.reduce((t,o,n)=>(t[n]=J(r[n],e[n]),t),[...r]).filter(t=>t!==void 0):!(0,K.default)(r)||!(0,K.default)(e)?e:Object.keys({...r,...e}).reduce((t,o)=>{if(o in e){let n=J(r[o],e[o]);n!==void 0&&(t[o]=n)}else t[o]=r[o];return t},{}),Me=(r,e)=>Object.entries(e).reduce((t,[o,{options:n}])=>{function s(){return o in r&&(t[o]=r[o]),t}if(!n)return s();if(!Array.isArray(n))return ue.once.error(Ne.dedent`
+      - Also check the browser console and terminal for error messages.`);return t}importPathToEntry(e){return Ot(this.entries)[e]}};var hr=require("dequal"),ue=require("@storybook/client-logger"),W=g(require("lodash/isPlainObject")),Ne=require("ts-dedent"),B=Symbol("incompatible"),De=(r,e)=>{let t=e.type;if(r==null||!t||e.mapping)return r;switch(t.name){case"string":return String(r);case"enum":return r;case"number":return Number(r);case"boolean":return r==="true";case"array":return!t.value||!Array.isArray(r)?B:r.reduce((o,n,s)=>{let i=De(n,{type:t.value});return i!==B&&(o[s]=i),o},new Array(r.length));case"object":return typeof r=="string"||typeof r=="number"?r:!t.value||typeof r!="object"?B:Object.entries(r).reduce((o,[n,s])=>{let i=De(s,{type:t.value[n]});return i===B?o:Object.assign(o,{[n]:i})},{});default:return B}},ze=(r,e)=>Object.entries(r).reduce((t,[o,n])=>{if(!e[o])return t;let s=De(n,e[o]);return s===B?t:Object.assign(t,{[o]:s})},{}),J=(r,e)=>Array.isArray(r)&&Array.isArray(e)?e.reduce((t,o,n)=>(t[n]=J(r[n],e[n]),t),[...r]).filter(t=>t!==void 0):!(0,W.default)(r)||!(0,W.default)(e)?e:Object.keys({...r,...e}).reduce((t,o)=>{if(o in e){let n=J(r[o],e[o]);n!==void 0&&(t[o]=n)}else t[o]=r[o];return t},{}),Le=(r,e)=>Object.entries(e).reduce((t,[o,{options:n}])=>{function s(){return o in r&&(t[o]=r[o]),t}if(!n)return s();if(!Array.isArray(n))return ue.once.error(Ne.dedent`
         Invalid argType: '${o}.options' should be an array.
@@ -15,3 +15,3 @@
         More info: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
-      `),s();let i=Array.isArray(r[o]),a=i&&r[o].findIndex(c=>!n.includes(c)),d=i&&a===-1;if(r[o]===void 0||n.includes(r[o])||d)return s();let p=i?`${o}[${a}]`:o,l=n.map(c=>typeof c=="string"?`'${c}'`:String(c)).join(", ");return ue.once.warn(`Received illegal value for '${p}'. Supported options: ${l}`),t},{}),O=Symbol("Deeply equal"),_=(r,e)=>{if(typeof r!=typeof e)return e;if((0,hr.dequal)(r,e))return O;if(Array.isArray(r)&&Array.isArray(e)){let t=e.reduce((o,n,s)=>{let i=_(r[s],n);return i!==O&&(o[s]=i),o},new Array(e.length));return e.length>=r.length?t:t.concat(new Array(r.length-e.length).fill(void 0))}return(0,K.default)(r)&&(0,K.default)(e)?Object.keys({...r,...e}).reduce((t,o)=>{let n=_(r==null?void 0:r[o],e==null?void 0:e[o]);return n===O?t:Object.assign(t,{[o]:n})},{}):e},Q="";function fe({args:r,argTypes:e}){let t={};return Object.entries(r).forEach(([o,n])=>{let{target:s=Q}=e[o]||{};t[s]=t[s]||{},t[s][o]=n}),t}function Ot(r){return fe(r)[Q]}function kt(r){return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}var he=class{constructor(){this.initialArgsByStoryId={};this.argsByStoryId={}}get(e){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);return this.argsByStoryId[e]}setInitial(e){if(!this.initialArgsByStoryId[e.id])this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs;else if(this.initialArgsByStoryId[e.id]!==e.initialArgs){let t=_(this.initialArgsByStoryId[e.id],this.argsByStoryId[e.id]);this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs,t!==O&&this.updateFromDelta(e,t)}}updateFromDelta(e,t){let o=Me(t,e.argTypes);this.argsByStoryId[e.id]=J(this.argsByStoryId[e.id],o)}updateFromPersisted(e,t){let o=ze(t,e.argTypes);return this.updateFromDelta(e,o)}update(e,t){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);this.argsByStoryId[e]=kt({...this.argsByStoryId[e],...t})}};var gr=require("@storybook/client-logger");var N=(r={})=>Object.entries(r).reduce((e,[t,{defaultValue:o}])=>(typeof o<"u"&&(e[t]=o),e),{});var ge=class{constructor({globals:e={},globalTypes:t={}}){this.set({globals:e,globalTypes:t})}set({globals:e={},globalTypes:t={}}){let o=this.initialGlobals&&_(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([...Object.keys(e),...Object.keys(t)]);let n=N(t);this.initialGlobals={...n,...e},this.globals=this.initialGlobals,o&&o!==O&&this.updateFromPersisted(o)}filterAllowedGlobals(e){return Object.entries(e).reduce((t,[o,n])=>(this.allowedGlobalNames.has(o)?t[o]=n:gr.logger.warn(`Attempted to set a global (${o}) that is not defined in initial globals or globalTypes`),t),{})}updateFromPersisted(e){let t=this.filterAllowedGlobals(e);this.globals={...this.globals,...t}}get(){return this.globals}update(e){this.globals={...this.globals,...this.filterAllowedGlobals(e)}}};var Sr=g(require("lodash/mapValues")),jt=r=>typeof r=="string"?{name:r}:r,vt=r=>typeof r=="string"?{type:r}:r,Tr=(r,e)=>{let{type:t,control:o,...n}=r,s={name:e,...n};return t&&(s.type=jt(t)),o?s.control=vt(o):o===!1&&(s.control={disable:!0}),s},R=r=>(0,Sr.default)(r,Tr);var Se=require("@storybook/csf"),Ar=require("ts-dedent"),xr=require("@storybook/client-logger"),br=g(require("util-deprecate"));var _t=Ar.dedent`
+      `),s();let i=Array.isArray(r[o]),a=i&&r[o].findIndex(c=>!n.includes(c)),d=i&&a===-1;if(r[o]===void 0||n.includes(r[o])||d)return s();let p=i?`${o}[${a}]`:o,l=n.map(c=>typeof c=="string"?`'${c}'`:String(c)).join(", ");return ue.once.warn(`Received illegal value for '${p}'. Supported options: ${l}`),t},{}),w=Symbol("Deeply equal"),v=(r,e)=>{if(typeof r!=typeof e)return e;if((0,hr.dequal)(r,e))return w;if(Array.isArray(r)&&Array.isArray(e)){let t=e.reduce((o,n,s)=>{let i=v(r[s],n);return i!==w&&(o[s]=i),o},new Array(e.length));return e.length>=r.length?t:t.concat(new Array(r.length-e.length).fill(void 0))}return(0,W.default)(r)&&(0,W.default)(e)?Object.keys({...r,...e}).reduce((t,o)=>{let n=v(r==null?void 0:r[o],e==null?void 0:e[o]);return n===w?t:Object.assign(t,{[o]:n})},{}):e},Q="";function fe({args:r,argTypes:e}){let t={};return Object.entries(r).forEach(([o,n])=>{let{target:s=Q}=e[o]||{};t[s]=t[s]||{},t[s][o]=n}),t}function wt(r){return fe(r)[Q]}function _t(r){return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}var he=class{constructor(){this.initialArgsByStoryId={};this.argsByStoryId={}}get(e){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);return this.argsByStoryId[e]}setInitial(e){if(!this.initialArgsByStoryId[e.id])this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs;else if(this.initialArgsByStoryId[e.id]!==e.initialArgs){let t=v(this.initialArgsByStoryId[e.id],this.argsByStoryId[e.id]);this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs,t!==w&&this.updateFromDelta(e,t)}}updateFromDelta(e,t){let o=Le(t,e.argTypes);this.argsByStoryId[e.id]=J(this.argsByStoryId[e.id],o)}updateFromPersisted(e,t){let o=ze(t,e.argTypes);return this.updateFromDelta(e,o)}update(e,t){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);this.argsByStoryId[e]=_t({...this.argsByStoryId[e],...t})}};var gr=require("@storybook/client-logger");var N=(r={})=>Object.entries(r).reduce((e,[t,{defaultValue:o}])=>(typeof o<"u"&&(e[t]=o),e),{});var ge=class{constructor({globals:e={},globalTypes:t={}}){this.set({globals:e,globalTypes:t})}set({globals:e={},globalTypes:t={}}){let o=this.initialGlobals&&v(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([...Object.keys(e),...Object.keys(t)]);let n=N(t);this.initialGlobals={...n,...e},this.globals=this.initialGlobals,o&&o!==w&&this.updateFromPersisted(o)}filterAllowedGlobals(e){return Object.entries(e).reduce((t,[o,n])=>(this.allowedGlobalNames.has(o)?t[o]=n:gr.logger.warn(`Attempted to set a global (${o}) that is not defined in initial globals or globalTypes`),t),{})}updateFromPersisted(e){let t=this.filterAllowedGlobals(e);this.globals={...this.globals,...t}}get(){return this.globals}update(e){this.globals={...this.globals,...this.filterAllowedGlobals(e)}}};var Sr=g(require("lodash/mapValues")),kt=r=>typeof r=="string"?{name:r}:r,jt=r=>typeof r=="string"?{type:r}:r,Tr=(r,e)=>{let{type:t,control:o,...n}=r,s={name:e,...n};return t&&(s.type=kt(t)),o?s.control=jt(o):o===!1&&(s.control={disable:!0}),s},E=r=>(0,Sr.default)(r,Tr);var Se=require("@storybook/csf"),Ar=require("ts-dedent"),xr=require("@storybook/client-logger"),br=g(require("util-deprecate"));var vt=Ar.dedent`
 CSF .story annotations deprecated; annotate story functions directly:
@@ -21,6 +21,6 @@ - StoryFn.story.name => StoryFn.storyName
 See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
-`,Nt=(0,br.default)(()=>{},_t);function X(r,e,t){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(xr.logger.debug("deprecated story",s),Nt());let i=(0,Se.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)||[]],p={...s==null?void 0:s.parameters,...o.parameters},l={...s==null?void 0:s.args,...o.args},c={...s==null?void 0:s.argTypes,...o.argTypes},y=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:f,play:m,tags:u=[]}=o,x=p.__id||(0,Se.toId)(t.id,i);return{moduleExport:e,id:x,name:a,tags:u,decorators:d,parameters:p,args:l,argTypes:R(c),loaders:y,...f&&{render:f},...n&&{userStoryFn:n},...m&&{play:m}}}var Fr=require("@storybook/csf"),Le=require("@storybook/client-logger");var Rr=require("@storybook/csf");function q(r,e=r.title,t){let{id:o,argTypes:n}=r;return{id:(0,Rr.sanitize)(o||e),...r,title:e,...n&&{argTypes:R(n)},parameters:{fileName:t,...r.parameters}}}var Dt=r=>{let{globals:e,globalTypes:t}=r;(e||t)&&Le.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:t}))},zt=r=>{let{options:e}=r;e!=null&&e.storySort&&Le.logger.error("The storySort option parameter can only be set globally")},Er=r=>{!r||(Dt(r),zt(r))};function Ge(r,e,t){let{default:o,__namedExportsOrder:n,...s}=r,i=q(o,t,e);Er(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(d=>{if((0,Fr.isExportStory)(d,i)){let p=X(d,s[d],i);Er(p.parameters),a.stories[p.id]=p}}),a}var Ir=require("ts-dedent"),wr=g(require("util-deprecate")),Be=g(require("global")),Or=require("@storybook/csf");var Te=g(require("lodash/isPlainObject")),T=(...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,Te.default)(a)&&(0,Te.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,Te.default)(i))?o[n]=T(...s):o[n]=s[s.length-1]}),o};function Cr(r,e,t){let o=t(r);return n=>e(o,n)}function Pr({componentId:r,title:e,kind:t,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:d,...p}={}){return p}function $e(r,e){let t={},o=s=>i=>{if(!t.value)throw new Error("Decorated function called without init");return t.value={...t.value,...Pr(i)},s(t.value)},n=e.reduce((s,i)=>Cr(s,i,o),r);return s=>(t.value=s,n(s))}var Mt=(0,wr.default)(()=>{},Ir.dedent`
+`,Nt=(0,br.default)(()=>{},vt);function X(r,e,t){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(xr.logger.debug("deprecated story",s),Nt());let i=(0,Se.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)||[]],p={...s==null?void 0:s.parameters,...o.parameters},l={...s==null?void 0:s.args,...o.args},c={...s==null?void 0:s.argTypes,...o.argTypes},y=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:f,play:m,tags:u=[]}=o,x=p.__id||(0,Se.toId)(t.id,i);return{moduleExport:e,id:x,name:a,tags:u,decorators:d,parameters:p,args:l,argTypes:E(c),loaders:y,...f&&{render:f},...n&&{userStoryFn:n},...m&&{play:m}}}var Fr=require("@storybook/csf"),Me=require("@storybook/client-logger");var Rr=require("@storybook/csf");function q(r,e=r.title,t){let{id:o,argTypes:n}=r;return{id:(0,Rr.sanitize)(o||e),...r,title:e,...n&&{argTypes:E(n)},parameters:{fileName:t,...r.parameters}}}var Dt=r=>{let{globals:e,globalTypes:t}=r;(e||t)&&Me.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:t}))},zt=r=>{let{options:e}=r;e!=null&&e.storySort&&Me.logger.error("The storySort option parameter can only be set globally")},Er=r=>{!r||(Dt(r),zt(r))};function Be(r,e,t){let{default:o,__namedExportsOrder:n,...s}=r,i=q(o,t,e);Er(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(d=>{if((0,Fr.isExportStory)(d,i)){let p=X(d,s[d],i);Er(p.parameters),a.stories[p.id]=p}}),a}var Ir=require("ts-dedent"),Or=g(require("util-deprecate")),$e=g(require("global")),wr=require("@storybook/csf");var Te=g(require("lodash/isPlainObject")),T=(...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,Te.default)(a)&&(0,Te.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,Te.default)(i))?o[n]=T(...s):o[n]=s[s.length-1]}),o};function Cr(r,e,t){let o=t(r);return n=>e(o,n)}function Pr({componentId:r,title:e,kind:t,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:d,...p}={}){return p}function Ge(r,e){let t={},o=s=>i=>{if(!t.value)throw new Error("Decorated function called without init");return t.value={...t.value,...Pr(i)},s(t.value)},n=e.reduce((s,i)=>Cr(s,i,o),r);return s=>(t.value=s,n(s))}var Lt=(0,Or.default)(()=>{},Ir.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 Z(r,e,t){var er;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=T(t.parameters,e.parameters,r.parameters),p=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:l=$e,argTypesEnhancers:c=[],argsEnhancers:y=[],runStep:f}=t,m=[...t.loaders||[],...e.loaders||[],...r.loaders||[]],u=r.userStoryFn||r.render||e.render||t.render;if(!u)throw new Error(`No render function available for storyId '${n}'`);let x=T(t.argTypes,e.argTypes,r.argTypes),{passArgsFirst:D=!0}=d;d.__isArgsStory=D&&u.length>0;let z={...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:z,argTypes:x};S.argTypes=c.reduce((h,A)=>A({...S,argTypes:h}),S.argTypes);let v=N(S.argTypes);Object.keys(v).length>0&&Mt();let ae={...v,...z};S.initialArgs=y.reduce((h,A)=>({...h,...A({...S,initialArgs:h})}),ae),(er=Be.default.FEATURES)!=null&&er.breakingChangesV7||(S.parameters={...S.parameters,__id:n,globals:t.globals,globalTypes:t.globalTypes,args:S.initialArgs,argTypes:S.argTypes});let mt=async h=>{let A=await Promise.all(m.map(F=>F(h))),I=Object.assign({},...A);return{...h,loaded:I}},qe=h=>{let A=Object.entries(h.args).reduce((B,[H,V])=>{var rr;let U=(rr=h.argTypes[H])==null?void 0:rr.mapping;return B[H]=U&&V in U?U[V]:V,B},{}),I=Object.entries(A).reduce((B,[H,V])=>{let U=h.argTypes[H]||{};return(0,Or.includeConditionalArg)(U,A,h.globals)&&(B[H]=V),B},{}),F={...h,args:I},{passArgsFirst:ht=!0}=h.parameters;return ht?u(F.args,F):u(F)},ut=le(l)(qe,p),ft=h=>{var I;let A=h;if((I=Be.default.FEATURES)!=null&&I.argTypeTargetsV7){let F=fe(h);A={...h,allArgs:h.args,argsByTarget:F,args:F[Q]||{}}}return ut(A)},Ze=r.play||e.play;return Object.freeze({...S,moduleExport:o,originalStoryFn:u,undecoratedStoryFn:qe,unboundStoryFn:ft,applyLoaders:mt,playFunction:Ze&&(async h=>{let A={...h,step:(I,F)=>f(I,F,A)};return Ze(A)})})}var Ae=g(require("lodash/mapValues")),kr=require("ts-dedent"),jr=require("@storybook/client-logger");var He=(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)?(jr.logger.warn(kr.dedent`
+  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function Z(r,e,t){var er;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=T(t.parameters,e.parameters,r.parameters),p=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:l=Ge,argTypesEnhancers:c=[],argsEnhancers:y=[],runStep:f}=t,m=[...t.loaders||[],...e.loaders||[],...r.loaders||[]],u=r.userStoryFn||r.render||e.render||t.render;if(!u)throw new Error(`No render function available for storyId '${n}'`);let x=T(t.argTypes,e.argTypes,r.argTypes),{passArgsFirst:D=!0}=d;d.__isArgsStory=D&&u.length>0;let z={...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:z,argTypes:x};S.argTypes=c.reduce((h,A)=>A({...S,argTypes:h}),S.argTypes);let j=N(S.argTypes);Object.keys(j).length>0&&Lt();let ae={...j,...z};S.initialArgs=y.reduce((h,A)=>({...h,...A({...S,initialArgs:h})}),ae),(er=$e.default.FEATURES)!=null&&er.breakingChangesV7||(S.parameters={...S.parameters,__id:n,globals:t.globals,globalTypes:t.globalTypes,args:S.initialArgs,argTypes:S.argTypes});let mt=async h=>{let A=await Promise.all(m.map(F=>F(h))),I=Object.assign({},...A);return{...h,loaded:I}},qe=h=>{let A=Object.entries(h.args).reduce(($,[H,V])=>{var rr;let U=(rr=h.argTypes[H])==null?void 0:rr.mapping;return $[H]=U&&V in U?U[V]:V,$},{}),I=Object.entries(A).reduce(($,[H,V])=>{let U=h.argTypes[H]||{};return(0,wr.includeConditionalArg)(U,A,h.globals)&&($[H]=V),$},{}),F={...h,args:I},{passArgsFirst:ht=!0}=h.parameters;return ht?u(F.args,F):u(F)},ut=le(l)(qe,p),ft=h=>{var I;let A=h;if((I=$e.default.FEATURES)!=null&&I.argTypeTargetsV7){let F=fe(h);A={...h,allArgs:h.args,argsByTarget:F,args:F[Q]||{}}}return ut(A)},Ze=r.play||e.play;return Object.freeze({...S,moduleExport:o,originalStoryFn:u,undecoratedStoryFn:qe,unboundStoryFn:ft,applyLoaders:mt,playFunction:Ze&&(async h=>{let A={...h,step:(I,F)=>f(I,F,A)};return Ze(A)})})}var Ae=g(require("lodash/mapValues")),_r=require("ts-dedent"),kr=require("@storybook/client-logger");var He=(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)?(kr.logger.warn(_r.dedent`
         We've detected a cycle in arg '${e}'. Args should be JSON-serializable.
@@ -31,7 +31,7 @@
         - Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
-      `),{name:"other",value:"cyclic object"}):(t.add(r),Array.isArray(r)?{name:"array",value:r.length>0?He(r[0],e,new Set(t)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Ae.default)(r,s=>He(s,e,new Set(t)))}):{name:"object",value:{}}},Ve=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,Ae.default)(o,(i,a)=>({name:a,type:He(i,`${e}.${a}`,new Set)})),s=(0,Ae.default)(t,(i,a)=>({name:a}));return T(n,s,t)};Ve.secondPass=!0;var Nr=g(require("lodash/mapValues")),Dr=require("@storybook/client-logger");var _r=g(require("lodash/pickBy")),vr=(r,e)=>Array.isArray(e)?e.includes(r):r.match(e),xe=(r,e,t)=>!e&&!t?r:r&&(0,_r.default)(r,(o,n)=>{let s=o.name||n;return(!e||vr(s,e))&&(!t||!vr(s,t))});var Lt=(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"&&Dr.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"}}}}},ee=r=>{let{argTypes:e,parameters:{__isArgsStory:t,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=r;if(!t)return e;let i=xe(e,o,n),a=(0,Nr.default)(i,(d,p)=>(d==null?void 0:d.type)&&Lt(d,p,s));return T(a,i)};ee.secondPass=!0;function re({argTypes:r,globalTypes:e,argTypesEnhancers:t,...o}){return{...r&&{argTypes:R(r)},...e&&{globalTypes:R(e)},argTypesEnhancers:[...t||[],Ve,ee],...o}}function te(r){return async(e,t,o)=>{await r.reduceRight((s,i)=>async()=>i(e,s,o),async()=>t(o))()}}function $(r,e){return r.map(t=>t[e]).filter(Boolean)}function oe(r,e){return $(r,e).reduce((t,o)=>[...t,...o],[])}function ne(r,e){return Object.assign({},...$(r,e))}function se(r,e){return $(r,e).pop()}function Ue(r){let e=oe(r,"argTypesEnhancers"),t=$(r,"runStep");return{parameters:T(...$(r,"parameters")),decorators:oe(r,"decorators"),args:ne(r,"args"),argsEnhancers:oe(r,"argsEnhancers"),argTypes:ne(r,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:ne(r,"globals"),globalTypes:ne(r,"globalTypes"),loaders:oe(r,"loaders"),render:se(r,"render"),renderToCanvas:se(r,"renderToCanvas"),renderToDOM:se(r,"renderToDOM"),applyDecorators:se(r,"applyDecorators"),runStep:te(t)}}var zr=require("@storybook/csf");var Mr={};function Gt(r){let e=Array.isArray(r)?r:[r];Mr=Ue(e)}function $t(r,e,t=Mr,o={},n){var y;if(r===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=q(e),i=n||r.storyName||((y=r.story)==null?void 0:y.name)||r.name||"unknown",a=X(i,r,s),d=re({...t,...o}),p=Z(a,s,d),l=N(t.globalTypes),c=f=>{let m={...p,hooks:new w,globals:l,args:{...p.initialArgs,...f}};return p.unboundStoryFn(m)};return c.storyName=i,c.args=p.initialArgs,c.play=p.playFunction,c.parameters=p.parameters,c}function Bt(r,e,t){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=r;return Object.entries(i).reduce((d,[p,l])=>(0,zr.isExportStory)(p,o)?Object.assign(d,{[p]:t(l,o,e,p)}):d,{})}var Ht=1e3,Vt=1e4,Ut=20,be=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,Lr.default)(t.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,We.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,We.default)(s.parameters,o),fileName:i}}})}};this.args=new he,this.hooks={},this.processCSFFileWithCache=(0,Ye.default)(Ht)(Ge),this.prepareStoryWithCache=(0,Ye.default)(Vt)(Z),this.initializationPromise=new ie.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=re(e);let{globals:t,globalTypes:o}=e;this.globals?this.globals.set({globals:t,globalTypes:o}):this.globals=new ge({globals:t,globalTypes:o})}initialize({storyIndex:e,importFn:t,cache:o=!1}){return this.storyIndex=new me(e),this.importFn=t,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ie.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=Ut}={}){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 ie.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(d=>({importPath:i,csfFile:d})));return ie.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 w,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 p=n.importPathToEntry(d);return this.loadCSFFileByStoryId(p.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((p,[l,c])=>l==="moduleExport"||typeof c=="function"?p:Array.isArray(c)?Object.assign(p,{[l]:c.slice().sort()}):Object.assign(p,{[l]: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 k=require("@storybook/core-events");function Gr(r,e){let t=C.getChannel(),[o]=t.last(`${k.SHARED_STATE_CHANGED}-manager-${r}`)||t.last(`${k.SHARED_STATE_SET}-manager-${r}`)||[],[n,s]=ve(o||e),i=je(()=>({[`${k.SHARED_STATE_CHANGED}-manager-${r}`]:d=>s(d),[`${k.SHARED_STATE_SET}-manager-${r}`]:d=>s(d)}),[r]),a=_e(i,[r]);return ye(()=>{e!==void 0&&!o&&a(`${k.SHARED_STATE_SET}-client-${r}`,e)},[r]),[n,d=>{s(d),a(`${k.SHARED_STATE_CHANGED}-client-${r}`,d)}]}function Yt(r,e){return Gr(r,e)}var Re=g(require("slash")),Br=require("ts-dedent"),Hr=require("@storybook/client-logger"),Wt=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},Kt=/^index$/i,Jt=r=>{let e;return r.filter((t,o)=>o===r.length-1&&(t===e||Kt.test(t))?!1:(e=t,!0))};function $r(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"&&Hr.once.warn(Br.dedent`
+      `),{name:"other",value:"cyclic object"}):(t.add(r),Array.isArray(r)?{name:"array",value:r.length>0?He(r[0],e,new Set(t)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Ae.default)(r,s=>He(s,e,new Set(t)))}):{name:"object",value:{}}},Ve=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,Ae.default)(o,(i,a)=>({name:a,type:He(i,`${e}.${a}`,new Set)})),s=(0,Ae.default)(t,(i,a)=>({name:a}));return T(n,s,t)};Ve.secondPass=!0;var Nr=g(require("lodash/mapValues")),Dr=require("@storybook/client-logger");var vr=g(require("lodash/pickBy")),jr=(r,e)=>Array.isArray(e)?e.includes(r):r.match(e),xe=(r,e,t)=>!e&&!t?r:r&&(0,vr.default)(r,(o,n)=>{let s=o.name||n;return(!e||jr(s,e))&&(!t||!jr(s,t))});var Mt=(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"&&Dr.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"}}}}},ee=r=>{let{argTypes:e,parameters:{__isArgsStory:t,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=r;if(!t)return e;let i=xe(e,o,n),a=(0,Nr.default)(i,(d,p)=>(d==null?void 0:d.type)&&Mt(d,p,s));return T(a,i)};ee.secondPass=!0;function re({argTypes:r,globalTypes:e,argTypesEnhancers:t,...o}){return{...r&&{argTypes:E(r)},...e&&{globalTypes:E(e)},argTypesEnhancers:[...t||[],Ve,ee],...o}}function te(r){return async(e,t,o)=>{await r.reduceRight((s,i)=>async()=>i(e,s,o),async()=>t(o))()}}function G(r,e){return r.map(t=>t[e]).filter(Boolean)}function oe(r,e){return G(r,e).reduce((t,o)=>[...t,...o],[])}function ne(r,e){return Object.assign({},...G(r,e))}function se(r,e){return G(r,e).pop()}function Ue(r){let e=oe(r,"argTypesEnhancers"),t=G(r,"runStep");return{parameters:T(...G(r,"parameters")),decorators:oe(r,"decorators"),args:ne(r,"args"),argsEnhancers:oe(r,"argsEnhancers"),argTypes:ne(r,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:ne(r,"globals"),globalTypes:ne(r,"globalTypes"),loaders:oe(r,"loaders"),render:se(r,"render"),renderToCanvas:se(r,"renderToCanvas"),renderToDOM:se(r,"renderToDOM"),applyDecorators:se(r,"applyDecorators"),runStep:te(t)}}var zr=require("@storybook/csf");var Lr={};function Bt(r){let e=Array.isArray(r)?r:[r];Lr=Ue(e)}function Gt(r,e,t=Lr,o={},n){var y;if(r===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=q(e),i=n||r.storyName||((y=r.story)==null?void 0:y.name)||r.name||"unknown",a=X(i,r,s),d=re({...t,...o}),p=Z(a,s,d),l=N(t.globalTypes),c=f=>{let m={...p,hooks:new O,globals:l,args:{...p.initialArgs,...f}};return p.unboundStoryFn(m)};return c.storyName=i,c.args=p.initialArgs,c.play=p.playFunction,c.parameters=p.parameters,c}function $t(r,e,t){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=r;return Object.entries(i).reduce((d,[p,l])=>(0,zr.isExportStory)(p,o)?Object.assign(d,{[p]:t(l,o,e,p)}):d,{})}var Ht=1e3,Vt=1e4,Ut=20,be=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,Mr.default)(t.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,Ke.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,Ke.default)(s.parameters,o),fileName:i}}})}};this.args=new he,this.hooks={},this.processCSFFileWithCache=(0,Ye.default)(Ht)(Be),this.prepareStoryWithCache=(0,Ye.default)(Vt)(Z),this.initializationPromise=new ie.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=re(e);let{globals:t,globalTypes:o}=e;this.globals?this.globals.set({globals:t,globalTypes:o}):this.globals=new ge({globals:t,globalTypes:o})}initialize({storyIndex:e,importFn:t,cache:o=!1}){return this.storyIndex=new me(e),this.importFn=t,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ie.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=Ut}={}){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 ie.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(d=>({importPath:i,csfFile:d})));return ie.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 O,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 p=n.importPathToEntry(d);return this.loadCSFFileByStoryId(p.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((p,[l,c])=>l==="moduleExport"||typeof c=="function"?p:Array.isArray(c)?Object.assign(p,{[l]:c.slice().sort()}):Object.assign(p,{[l]: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 _=require("@storybook/core-events");function Br(r,e){let t=C.getChannel(),[o]=t.last(`${_.SHARED_STATE_CHANGED}-manager-${r}`)||t.last(`${_.SHARED_STATE_SET}-manager-${r}`)||[],[n,s]=je(o||e),i=ke(()=>({[`${_.SHARED_STATE_CHANGED}-manager-${r}`]:d=>s(d),[`${_.SHARED_STATE_SET}-manager-${r}`]:d=>s(d)}),[r]),a=ve(i,[r]);return ye(()=>{e!==void 0&&!o&&a(`${_.SHARED_STATE_SET}-client-${r}`,e)},[r]),[n,d=>{s(d),a(`${_.SHARED_STATE_CHANGED}-client-${r}`,d)}]}function Yt(r,e){return Br(r,e)}var Re=g(require("slash")),$r=require("ts-dedent"),Hr=require("@storybook/client-logger"),Kt=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},Wt=/^index$/i,Jt=r=>{let e;return r.filter((t,o)=>o===r.length-1&&(t===e||Wt.test(t))?!1:(e=t,!0))};function Gr(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"&&Hr.once.warn($r.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.
-    `);let i=(0,Re.default)(String(r));if(n.exec(i)){if(!t){let a=i.replace(o,""),p=(0,Re.default)($r([s,a])).split("/");return p=Wt(p),p=Jt(p),p.join("/")}return s?(0,Re.default)($r([s,t])):t}},Ke=(r,e,t)=>{for(let o=0;o<e.length;o+=1){let n=Vr(r,e[o],t);if(n)return n}return t||void 0};var Kr=require("ts-dedent");var Ur=/\s*\/\s*/,Yr=(r={})=>(e,t)=>{if(e.title===t.title&&!r.includeNames)return 0;let o=r.method||"configure",n=r.order||[],s=e.title.trim().split(Ur),i=t.title.trim().split(Ur);r.includeNames&&(s.push(e.name),i.push(t.name));let a=0;for(;s[a]||i[a];){if(!s[a])return-1;if(!i[a])return 1;let d=s[a],p=i[a];if(d!==p){let c=n.indexOf(d),y=n.indexOf(p),f=n.indexOf("*");return c!==-1||y!==-1?(c===-1&&(f!==-1?c=f:c=n.length),y===-1&&(f!==-1?y=f:y=n.length),c-y):o==="configure"?0:d.localeCompare(p,r.locales?r.locales:void 0,{numeric:!0,sensitivity:"accent"})}let l=n.indexOf(d);l===-1&&(l=n.indexOf("*")),n=l!==-1&&Array.isArray(n[l+1])?n[l+1]:[],a+=1}return 0};var Jr=(r,e,t)=>{if(e){let o;typeof e=="function"?o=e:o=Yr(e),r.sort(o)}else r.sort((o,n)=>t.indexOf(o.importPath)-t.indexOf(n.importPath));return r},Qt=(r,e,t)=>{try{return Jr(r,e,t)}catch(o){throw new Error(Kr.dedent`
+    `);let i=(0,Re.default)(String(r));if(n.exec(i)){if(!t){let a=i.replace(o,""),p=(0,Re.default)(Gr([s,a])).split("/");return p=Kt(p),p=Jt(p),p.join("/")}return s?(0,Re.default)(Gr([s,t])):t}},We=(r,e,t)=>{for(let o=0;o<e.length;o+=1){let n=Vr(r,e[o],t);if(n)return n}return t||void 0};var Wr=require("ts-dedent");var Ur=/\s*\/\s*/,Yr=(r={})=>(e,t)=>{if(e.title===t.title&&!r.includeNames)return 0;let o=r.method||"configure",n=r.order||[],s=e.title.trim().split(Ur),i=t.title.trim().split(Ur);r.includeNames&&(s.push(e.name),i.push(t.name));let a=0;for(;s[a]||i[a];){if(!s[a])return-1;if(!i[a])return 1;let d=s[a],p=i[a];if(d!==p){let c=n.indexOf(d),y=n.indexOf(p),f=n.indexOf("*");return c!==-1||y!==-1?(c===-1&&(f!==-1?c=f:c=n.length),y===-1&&(f!==-1?y=f:y=n.length),c-y):o==="configure"?0:d.localeCompare(p,r.locales?r.locales:void 0,{numeric:!0,sensitivity:"accent"})}let l=n.indexOf(d);l===-1&&(l=n.indexOf("*")),n=l!==-1&&Array.isArray(n[l+1])?n[l+1]:[],a+=1}return 0};var Jr=(r,e,t)=>{if(e){let o;typeof e=="function"?o=e:o=Yr(e),r.sort(o)}else r.sort((o,n)=>t.indexOf(o.importPath)-t.indexOf(n.importPath));return r},Qt=(r,e,t)=>{try{return Jr(r,e,t)}catch(o){throw new Error(Wr.dedent`
     Error sorting stories with sort parameter ${e}:
@@ -44,3 +44,3 @@
     More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
-  `)}},Wr=r=>{let{id:e,title:t,name:o,parameters:n,type:s}=r;return{id:e,title:t,name:o,importPath:n.fileName,type:s}},Je=(r,e,t)=>{if(e&&typeof e=="function")return r.sort(e),r.map(n=>Wr(n[1]));let o=r.map(n=>Wr(n[1]));return Jr(o,e,t)};var Qe=g(require("global")),Qr=require("ts-dedent"),Xr=require("synchronous-promise"),j=require("@storybook/csf"),qr=require("@storybook/client-logger");var Ee=class{constructor(){this.projectAnnotations={loaders:[],decorators:[],parameters:{},argsEnhancers:[],argTypesEnhancers:[],args:{},argTypes:{}},this.entries={},this.csfExports={}}importFn(e){return Xr.SynchronousPromise.resolve().then(()=>{let t=this.csfExports[e];if(!t)throw new Error(`Unknown path: ${e}`);return t})}getStoryIndex(e){var d,p;let t=Object.keys(this.csfExports),o=(p=(d=this.projectAnnotations.parameters)==null?void 0:d.options)==null?void 0:p.storySort,s=Object.entries(this.entries).map(([l,{type:c,importPath:y,...f}])=>{let m=this.csfExports[y],u=e.processCSFFileWithCache(m,y,m.default.title),x;return c==="story"?x=e.storyFromCSFFile({storyId:l,csfFile:u}):x={...f,story:f.name,kind:f.title,componentId:(0,j.toId)(f.componentId||f.title),parameters:{fileName:y}},[l,x,u.meta.parameters,this.projectAnnotations.parameters||{}]}),i;try{i=Je(s,o,t)}catch(l){throw typeof o=="function"?new Error(Qr.dedent`
+  `)}},Kr=r=>{let{id:e,title:t,name:o,parameters:n,type:s}=r;return{id:e,title:t,name:o,importPath:n.fileName,type:s}},Je=(r,e,t)=>{if(e&&typeof e=="function")return r.sort(e),r.map(n=>Kr(n[1]));let o=r.map(n=>Kr(n[1]));return Jr(o,e,t)};var Qe=g(require("global")),Qr=require("ts-dedent"),Xr=require("synchronous-promise"),k=require("@storybook/csf"),qr=require("@storybook/client-logger");var Ee=class{constructor(){this.projectAnnotations={loaders:[],decorators:[],parameters:{},argsEnhancers:[],argTypesEnhancers:[],args:{},argTypes:{}},this.entries={},this.csfExports={}}importFn(e){return Xr.SynchronousPromise.resolve().then(()=>{let t=this.csfExports[e];if(!t)throw new Error(`Unknown path: ${e}`);return t})}getStoryIndex(e){var d,p;let t=Object.keys(this.csfExports),o=(p=(d=this.projectAnnotations.parameters)==null?void 0:d.options)==null?void 0:p.storySort,s=Object.entries(this.entries).map(([l,{type:c,importPath:y,...f}])=>{let m=this.csfExports[y],u=e.processCSFFileWithCache(m,y,m.default.title),x;return c==="story"?x=e.storyFromCSFFile({storyId:l,csfFile:u}):x={...f,story:f.name,kind:f.title,componentId:(0,k.toId)(f.componentId||f.title),parameters:{fileName:y}},[l,x,u.meta.parameters,this.projectAnnotations.parameters||{}]}),i;try{i=Je(s,o,t)}catch(l){throw typeof o=="function"?new Error(Qr.dedent`
           Error sorting stories with sort parameter ${o}:
@@ -53,6 +53,6 @@
           More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
-        `):l}return{v:4,entries:i.reduce((l,c)=>(l[c.id]=this.entries[c.id],l),{})}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([t,{importPath:o}])=>{o===e&&delete this.entries[t]}),this.csfExports[e]={})}addStoriesFromExports(e,t){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===t)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=t,{id:i,title:a,tags:d=[]}=o||{},p=(Qe.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=Ke(e,p,a),!a){qr.logger.info(`Unexpected default export without title in '${e}': ${JSON.stringify(t.default)}`);return}this.csfExports[e]={...t,default:{...o,title:a}};let l=s;Array.isArray(n)&&(l={},n.forEach(m=>{let u=s[m];u&&(l[m]=u)}));let c=Object.entries(l).filter(([m])=>(0,j.isExportStory)(m,o)),y=Qe.default.DOCS_OPTIONS||{},f=y.docsPage==="automatic"||y.docsPage&&d.includes("docsPage");if(y.enabled&&c.length&&(d.includes("mdx")||f)){let m=y.defaultName,u=(0,j.toId)(i||a,m);this.entries[u]={type:"docs",standalone:!1,id:u,title:a,name:m,importPath:e,...i&&{componentId:i},tags:[...d,"docs"],storiesImports:[]}}c.forEach(([m,u])=>{var S,v,ae;let x=(0,j.storyNameFromExport)(m),D=((S=u.parameters)==null?void 0:S.__id)||(0,j.toId)(i||a,x),z=typeof u!="function"&&u.name||u.storyName||((v=u.story)==null?void 0:v.name)||x;(ae=u.parameters)!=null&&ae.docsOnly||(this.entries[D]={type:"story",id:D,name:z,title:a,importPath:e,...i&&{componentId:i},tags:[...u.tags||d,"story"]})})}};var E,Xt={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:""},P=r=>{var e;if((e=et.default.FEATURES)!=null&&e.storyStoreV7)throw new Error(Zr.dedent`You cannot use \`${r}\` with the new Story Store.
+        `):l}return{v:4,entries:i.reduce((l,c)=>(l[c.id]=this.entries[c.id],l),{})}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([t,{importPath:o}])=>{o===e&&delete this.entries[t]}),this.csfExports[e]={})}addStoriesFromExports(e,t){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===t)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=t,{id:i,title:a,tags:d=[]}=o||{},p=(Qe.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=We(e,p,a),!a){qr.logger.info(`Unexpected default export without title in '${e}': ${JSON.stringify(t.default)}`);return}this.csfExports[e]={...t,default:{...o,title:a}};let l=s;Array.isArray(n)&&(l={},n.forEach(m=>{let u=s[m];u&&(l[m]=u)}));let c=Object.entries(l).filter(([m])=>(0,k.isExportStory)(m,o)),y=Qe.default.DOCS_OPTIONS||{},f=y.docsPage==="automatic"||y.docsPage&&d.includes("docsPage");if(y.enabled&&c.length&&(d.includes("mdx")||f)){let m=y.defaultName,u=(0,k.toId)(i||a,m);this.entries[u]={type:"docs",standalone:!1,id:u,title:a,name:m,importPath:e,...i&&{componentId:i},tags:[...d,"docs"],storiesImports:[]}}c.forEach(([m,u])=>{var S,j,ae;let x=(0,k.storyNameFromExport)(m),D=((S=u.parameters)==null?void 0:S.__id)||(0,k.toId)(i||a,x),z=typeof u!="function"&&u.name||u.storyName||((j=u.story)==null?void 0:j.name)||x;(ae=u.parameters)!=null&&ae.docsOnly||(this.entries[D]={type:"story",id:D,name:z,title:a,importPath:e,...i&&{componentId:i},tags:[...u.tags||d,"story"]})})}};var{window:b}=et.default,Xt={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:""},P=r=>{var e;if((e=b.FEATURES)!=null&&e.storyStoreV7)throw new Error(Zr.dedent`You cannot use \`${r}\` with the new Story Store.
 
-      ${Xt[r]}`);if(!E)throw new Error(`Singleton client API not yet initialized, cannot call \`${r}\`.`)},rt=r=>{P("addDecorator"),E.addDecorator(r)},tt=r=>{P("addParameters"),E.addParameters(r)},ot=r=>{P("addLoader"),E.addLoader(r)},nt=r=>{P("addArgs"),E.addArgs(r)},st=r=>{P("addArgTypes"),E.addArgTypes(r)},it=r=>{P("addArgsEnhancer"),E.addArgsEnhancer(r)},at=r=>{P("addArgTypesEnhancer"),E.addArgTypesEnhancer(r)},dt=r=>{P("addStepRunner"),E.addStepRunner(r)};var ct=r=>{P("setGlobalRender"),E.facade.projectAnnotations.render=r},qt=new Set(["string","number","boolean","symbol"]),Fe=class{constructor({storyStore:e}={}){this.lastFileName=0;this.addDecorator=e=>{var t;(t=this.facade.projectAnnotations.decorators)==null||t.push(e)};this.addParameters=({globals:e,globalTypes:t,...o})=>{this.facade.projectAnnotations.parameters=T(this.facade.projectAnnotations.parameters,o),e&&(this.facade.projectAnnotations.globals={...this.facade.projectAnnotations.globals,...e}),t&&(this.facade.projectAnnotations.globalTypes={...this.facade.projectAnnotations.globalTypes,...R(t)})};this.addStepRunner=e=>{this.facade.projectAnnotations.runStep=te([this.facade.projectAnnotations.runStep,e].filter(Boolean))};this.addLoader=e=>{var t;(t=this.facade.projectAnnotations.loaders)==null||t.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,...R(e)}};this.addArgsEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argsEnhancers)==null||t.push(e)};this.addArgTypesEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argTypesEnhancers)==null||t.push(e)};this._addedExports={};this.storiesOf=(e,t)=>{if(!e&&typeof e!="string")throw new Error("Invalid or missing kind provided for stories, should be a string");if(t||Xe.logger.warn(`Missing 'module' parameter for story with a kind of '${e}'. It will break your HMR`),t){let l=Object.getPrototypeOf(t);l.exports&&l.exports.default&&Xe.logger.error(`Illegal mix of CSF default export and storiesOf calls in a single file: ${l.i}`)}let o=t&&t.id?`${t.id}`:(this.lastFileName++).toString(),n=o,s=1;for(;this._addedExports[n];)s+=1,n=`${o}-${s}`;t&&t.hot&&t.hot.accept&&(t.hot.accept(),t.hot.dispose(()=>{this.facade.clearFilenameExports(n),delete this._addedExports[n],setTimeout(()=>{var l;this._loadAddedExports(),(l=this.onImportFnChanged)==null||l.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(l=>{let c=this.addons[l];a[l]=(...y)=>(c.apply(a,y),a)});let d={id:(0,Ce.sanitize)(e),title:e,decorators:[],loaders:[],parameters:{}};this._addedExports[n]={default:d};let p=0;return a.add=(l,c,y={})=>{if(i=!0,typeof l!="string")throw new Error(`Invalid or missing storyName provided for a "${e}" story.`);if(!c||Array.isArray(c)||qt.has(typeof c))throw new Error(`Cannot load story "${l}" in "${e}" due to invalid format. Storybook expected a function/object but received ${typeof c} instead.`);let{decorators:f,loaders:m,component:u,args:x,argTypes:D,...z}=y,S=y.__id||(0,Ce.toId)(e,l),v=this._addedExports[n];return v[`story${p}`]={name:l,parameters:{fileName:n,__id:S,...z},decorators:f,loaders:m,args:x,argTypes:D,component:u,render:c},p+=1,a},a.addDecorator=l=>{var c;if(i)throw new Error(`You cannot add a decorator after the first story for a kind.
+      ${Xt[r]}`);if(!b.__STORYBOOK_CLIENT_API__)throw new Error(`Singleton client API not yet initialized, cannot call \`${r}\`.`)},rt=r=>{var e;P("addDecorator"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addDecorator(r)},tt=r=>{var e;P("addParameters"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addParameters(r)},ot=r=>{var e;P("addLoader"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addLoader(r)},nt=r=>{var e;P("addArgs"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgs(r)},st=r=>{var e;P("addArgTypes"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgTypes(r)},it=r=>{var e;P("addArgsEnhancer"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgsEnhancer(r)},at=r=>{var e;P("addArgTypesEnhancer"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgTypesEnhancer(r)},dt=r=>{var e;P("addStepRunner"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addStepRunner(r)};var ct=r=>{P("setGlobalRender"),b.__STORYBOOK_CLIENT_API__&&(b.__STORYBOOK_CLIENT_API__.facade.projectAnnotations.render=r)},qt=new Set(["string","number","boolean","symbol"]),Fe=class{constructor({storyStore:e}={}){this.lastFileName=0;this.addDecorator=e=>{var t;(t=this.facade.projectAnnotations.decorators)==null||t.push(e)};this.addParameters=({globals:e,globalTypes:t,...o})=>{this.facade.projectAnnotations.parameters=T(this.facade.projectAnnotations.parameters,o),e&&(this.facade.projectAnnotations.globals={...this.facade.projectAnnotations.globals,...e}),t&&(this.facade.projectAnnotations.globalTypes={...this.facade.projectAnnotations.globalTypes,...E(t)})};this.addStepRunner=e=>{this.facade.projectAnnotations.runStep=te([this.facade.projectAnnotations.runStep,e].filter(Boolean))};this.addLoader=e=>{var t;(t=this.facade.projectAnnotations.loaders)==null||t.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,...E(e)}};this.addArgsEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argsEnhancers)==null||t.push(e)};this.addArgTypesEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argTypesEnhancers)==null||t.push(e)};this._addedExports={};this.storiesOf=(e,t)=>{if(!e&&typeof e!="string")throw new Error("Invalid or missing kind provided for stories, should be a string");if(t||Xe.logger.warn(`Missing 'module' parameter for story with a kind of '${e}'. It will break your HMR`),t){let l=Object.getPrototypeOf(t);l.exports&&l.exports.default&&Xe.logger.error(`Illegal mix of CSF default export and storiesOf calls in a single file: ${l.i}`)}let o=t&&t.id?`${t.id}`:(this.lastFileName++).toString(),n=o,s=1;for(;this._addedExports[n];)s+=1,n=`${o}-${s}`;t&&t.hot&&t.hot.accept&&(t.hot.accept(),t.hot.dispose(()=>{this.facade.clearFilenameExports(n),delete this._addedExports[n],setTimeout(()=>{var l;this._loadAddedExports(),(l=this.onImportFnChanged)==null||l.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(l=>{let c=this.addons[l];a[l]=(...y)=>(c.apply(a,y),a)});let d={id:(0,Ce.sanitize)(e),title:e,decorators:[],loaders:[],parameters:{}};this._addedExports[n]={default:d};let p=0;return a.add=(l,c,y={})=>{if(i=!0,typeof l!="string")throw new Error(`Invalid or missing storyName provided for a "${e}" story.`);if(!c||Array.isArray(c)||qt.has(typeof c))throw new Error(`Cannot load story "${l}" in "${e}" due to invalid format. Storybook expected a function/object but received ${typeof c} instead.`);let{decorators:f,loaders:m,component:u,args:x,argTypes:D,...z}=y,S=y.__id||(0,Ce.toId)(e,l),j=this._addedExports[n];return j[`story${p}`]={name:l,parameters:{fileName:n,__id:S,...z},decorators:f,loaders:m,args:x,argTypes:D,component:u,render:c},p+=1,a},a.addDecorator=l=>{var c;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(c=d.decorators)==null||c.push(l),a},a.addLoader=l=>{var c;if(i)throw new Error("You cannot add a loader after the first story for a kind.");return(c=d.loaders)==null||c.push(l),a},a.addParameters=({component:l,args:c,argTypes:y,tags:f,...m})=>{if(i)throw new Error(`You cannot add parameters 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.parameters=T(d.parameters,m),l&&(d.component=l),c&&(d.args={...d.args,...c}),y&&(d.argTypes={...d.argTypes,...y}),f&&(d.tags=f),a},a};this.raw=()=>{var e;return(e=this.storyStore)==null?void 0:e.raw()};this.facade=new Ee,this.addons={},this.storyStore=e,E=this}importFn(e){return this.facade.importFn(e)}getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}_loadAddedExports(){Object.entries(this._addedExports).forEach(([e,t])=>this.facade.addStoriesFromExports(e,t))}get _storyStore(){return this.storyStore}};var lt=g(require("global")),pt=require("qs"),yt=()=>{let{document:r}=lt.default;return r&&r.location&&r.location.search?(0,pt.parse)(r.location.search,{ignoreQueryPrefix:!0}):{}},Zt=r=>yt()[r];0&&(module.exports={ClientApi,DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getQueryParam,getQueryParams,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions});
+Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return d.parameters=T(d.parameters,m),l&&(d.component=l),c&&(d.args={...d.args,...c}),y&&(d.argTypes={...d.argTypes,...y}),f&&(d.tags=f),a},a};this.raw=()=>{var e;return(e=this.storyStore)==null?void 0:e.raw()};this.facade=new Ee,this.addons={},this.storyStore=e}importFn(e){return this.facade.importFn(e)}getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}_loadAddedExports(){Object.entries(this._addedExports).forEach(([e,t])=>this.facade.addStoriesFromExports(e,t))}get _storyStore(){return this.storyStore}};var lt=g(require("global")),pt=require("qs"),yt=()=>{let{document:r}=lt.default;return r&&r.location&&r.location.search?(0,pt.parse)(r.location.search,{ignoreQueryPrefix:!0}):{}},Zt=r=>yt()[r];0&&(module.exports={ClientApi,DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getQueryParam,getQueryParams,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions});

dist/core-client.d.ts

@@ -1,6 +0,6 @@
-export { C as ClientApi } from './ClientApi-eda085ef.js';
+export { C as ClientApi } from './ClientApi-c264b450.js';
 export { S as StoryStore } from './StoryStore-e35dc2c4.js';
-export { s as start } from './start-2e36077d.js';
+export { s as start } from './start-e15b4487.js';
 import '@storybook/types';
 import 'synchronous-promise';
 import './hooks-dd6bc7a8.js';

dist/index.d.ts

@@ -7,5 +7,5 @@ export { a as addons, m as makeDecorator, b as mockChannel } from './storybook-channel-mock-a19cd233.js';
 export { D as DocsContext, P as Preview, b as PreviewWeb, a as simulateDOMContentLoaded, s as simulatePageLoad } from './DocsContext-b4bac20d.js';
-export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-eda085ef.js';
+export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-c264b450.js';
 export { g as getQueryParam, a as getQueryParams } from './queryparams-d12445b8.js';
-export { s as start } from './start-2e36077d.js';
+export { s as start } from './start-e15b4487.js';
 import '@storybook/channels';
@@ -12,0 +12,0 @@ import '@storybook/types';

package.json

 {
   "name": "@storybook/preview-api",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.7",
   "description": "",
@@ -70,8 +70,8 @@ "keywords": [
   "dependencies": {
-    "@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/channel-postmessage": "7.0.0-beta.7",
+    "@storybook/channels": "7.0.0-beta.7",
+    "@storybook/client-logger": "7.0.0-beta.7",
+    "@storybook/core-events": "7.0.0-beta.7",
     "@storybook/csf": "next",
-    "@storybook/types": "7.0.0-beta.6",
+    "@storybook/types": "7.0.0-beta.7",
     "@types/qs": "^6.9.5",
@@ -90,3 +90,3 @@ "dequal": "^2.0.2",
     "@jest/globals": "^26.6.2",
-    "@storybook/core-common": "7.0.0-beta.6",
+    "@storybook/core-common": "7.0.0-beta.7",
     "ansi-to-html": "^0.6.11",
@@ -108,3 +108,3 @@ "react": "^16.14.0"
   },
-  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
+  "gitHead": "e16a8c685e22121683ac00b1bc53dbf5aa587f88"
 }

No alert changes

Improved metrics

Total package byte prevSize

618576

increased by0.19%

Lines of code

3153

increased by0.06%

Dependency changes

• + Added@storybook/channel-postmessage@7.0.0-beta.7(transitive)

• + Added@storybook/channels@7.0.0-beta.7(transitive)

• + Added@storybook/client-logger@7.0.0-beta.7(transitive)

• + Added@storybook/core-events@7.0.0-beta.7(transitive)

• + Added@storybook/types@7.0.0-beta.7(transitive)

• - Removed@storybook/channel-postmessage@7.0.0-beta.6(transitive)

• - Removed@storybook/channels@7.0.0-beta.6(transitive)

• - Removed@storybook/client-logger@7.0.0-beta.6(transitive)

• - Removed@storybook/core-events@7.0.0-beta.6(transitive)

• - Removed@storybook/types@7.0.0-beta.6(transitive)

• Updated@storybook/channel-postmessage@7.0.0-beta.7

• Updated@storybook/channels@7.0.0-beta.7

• Updated@storybook/client-logger@7.0.0-beta.7

• Updated@storybook/core-events@7.0.0-beta.7

• Updated@storybook/types@7.0.0-beta.7