@storybook/manager 7.0.0-beta.5 → 7.0.0-beta.6

package/dist/{chunk-3X74NC7D.mjs → chunk-ZS743CHV.mjs}

@@ -55,7 +55,7 @@ Output:
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global4.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global3.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash=ref?refs2[ref].stories:storiesHash,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){return api.findLeafEntry(storiesHash,storyId)?.id},findSiblingStoryId(storyId,hash,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES?.storyStoreV7&&(provider.serverChannel?.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global5.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global7.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global6.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=import_global8.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.5",{VERSIONCHECK}=import_global9.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),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=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global10.default[KEY]||(import_global10.default[KEY]=new AddonStore),import_global10.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react88=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react8=__toESM(require_react(),1),import_react9=__toESM(require_react(),1);var import_react10=__toESM(require_react(),1);var import_react11=__toESM(require_react(),1);var import_react12=__toESM(require_react(),1);var import_react13=__toESM(require_react(),1);var import_react14=__toESM(require_react(),1);var import_react15=__toESM(require_react(),1);var import_react16=__toESM(require_react(),1),import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1);var import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1),import_react21=__toESM(require_react(),1);var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react25=__toESM(require_react(),1),import_react26=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1);var import_react29=__toESM(require_react(),1);var import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global4.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global3.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash=ref?refs2[ref].stories:storiesHash,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){return api.findLeafEntry(storiesHash,storyId)?.id},findSiblingStoryId(storyId,hash,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES?.storyStoreV7&&(provider.serverChannel?.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global5.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global7.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global6.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=import_global8.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.6",{VERSIONCHECK}=import_global9.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),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=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global10.default[KEY]||(import_global10.default[KEY]=new AddonStore),import_global10.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react88=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react8=__toESM(require_react(),1),import_react9=__toESM(require_react(),1);var import_react10=__toESM(require_react(),1);var import_react11=__toESM(require_react(),1);var import_react12=__toESM(require_react(),1);var import_react13=__toESM(require_react(),1);var import_react14=__toESM(require_react(),1);var import_react15=__toESM(require_react(),1);var import_react16=__toESM(require_react(),1),import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1);var import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1),import_react21=__toESM(require_react(),1);var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react25=__toESM(require_react(),1),import_react26=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1);var import_react29=__toESM(require_react(),1);var import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 

package/dist/index.js

@@ -731,7 +731,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let w=p.versions&&Object.keys(p.versions).length?p.versions:N.versions;await u.setRef(h,{id:h,url:m,...N,...w?{versions:w}:{},type:N.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:p={}}=e.getState();return p},setRef:(p,{storyIndex:h,setStoriesData:m,...y},D=!1)=>{if(r)return;let{storyMapper:v=pJ}=t.getConfig(),N=u.getRefs()[p],F;m?F=Y4e(n8e(m,N,{storyMapper:v}),{provider:t,docsOptions:n}):h&&(F=H8(h,{provider:t,docsOptions:n})),F&&(F=r8e(F,N)),u.updateRef(p,{stories:F,...y,ready:D})},updateRef:(p,h)=>{let{[p]:m,...y}=u.getRefs();y[p]={...m,...h};let D=Object.keys(s).reduce((v,N)=>(v[N]=y[N],v),{});e.setState({refs:D})}},l=!r&&j8.default.REFS||{},s=l;return o&&Object.entries(l).forEach(([p,h])=>{u.checkRef({...h,stories:{}})}),{api:u,state:{refs:s}}},ah=(e,t)=>{let{source:r,refId:n,type:o}=e,[u,l]=cJ(r,n),s=n&&t.getRefs()[n]?t.getRefs()[n]:t.findRef(l),p={source:r,sourceType:u,sourceLocation:l,refId:n,ref:s,type:o};switch(!0){case typeof n=="string":case u==="local":case u==="external":return p;default:return ps.warn(`Received a ${o} frame that was not configured as a ref`),null}},{FEATURES:T8,fetch:o8e}=iJ.default,i8e="./index.json",u8e=["enableShortcuts","theme","showRoots"];function F8(e){if(!e||typeof e=="string")return e;let t={...e};return u8e.forEach(r=>{r in t&&delete t[r]}),t}var s8e=({fullAPI:e,store:t,navigate:r,provider:n,storyId:o,viewMode:u,docsOptions:l={}})=>{let s={storyId:mb,getData:(p,h)=>{let m=s.resolveStory(p,h);if((m==null?void 0:m.type)==="story"||(m==null?void 0:m.type)==="docs")return m},isPrepared:(p,h)=>{let m=s.getData(p,h);return m.type==="story"?m.prepared:!0},resolveStory:(p,h)=>{let{refs:m,storiesHash:y}=t.getState();return h?m[h].stories?m[h].stories[p]:void 0:y?y[p]:void 0},getCurrentStoryData:()=>{let{storyId:p,refId:h}=t.getState();return s.getData(p,h)},getParameters:(p,h)=>{let{storyId:m,refId:y}=typeof p=="string"?{storyId:p,refId:void 0}:p,D=s.getData(m,y);if((D==null?void 0:D.type)==="story"){let{parameters:v}=D;if(v)return h?v[h]:v}return null},getCurrentParameter:p=>{let{storyId:h,refId:m}=t.getState();return s.getParameters({storyId:h,refId:m},p)||void 0},jumpToComponent:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState();if(!s.getData(m,D))return;let v=D?y[D].stories||{}:h,N=s.findSiblingStoryId(m,v,p,!0);N&&s.selectStory(N,void 0,{ref:D})},jumpToStory:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState(),v=s.getData(m,D);if(!v)return;let N=v.refId?y[v.refId].stories:h,F=s.findSiblingStoryId(m,N,p,!1);F&&s.selectStory(F,void 0,{ref:D})},selectFirstStory:()=>{let{storiesHash:p}=t.getState(),h=Object.keys(p).find(m=>p[m].type==="story");if(h){s.selectStory(h);return}r("/")},selectStory:(p=void 0,h=void 0,m={})=>{let{ref:y}=m,{storyId:D,storiesHash:v,refs:N}=t.getState(),F=y?N[y].stories:v,I=D==null?void 0:D.split("--",2)[0];if(h)if(p){let A=y?`${y}_${mb(p,h)}`:mb(p,h);if(F[A])s.selectStory(A,void 0,m);else{let b=F[gm(p)];if((b==null?void 0:b.type)==="component"){let w=b.children.find(S=>F[S].name===h);w&&s.selectStory(w,void 0,m)}}}else{let A=mb(I,h);s.selectStory(A,void 0,m)}else{let A=p?F[p]||F[gm(p)]:F[I];if(!A)throw new Error(`Unknown id or title: '${p}'`);let b=s.findLeafEntry(F,A.id),w=b.refId?`${b.refId}_${b.id}`:b.id;r(`/${b.type}/${w}`)}},findLeafEntry(p,h){let m=p[h];if(m.type==="docs"||m.type==="story")return m;let y=m.children[0];return s.findLeafEntry(p,y)},findLeafStoryId(p,h){var m;return(m=s.findLeafEntry(p,h))==null?void 0:m.id},findSiblingStoryId(p,h,m,y){if(y){let N=Q4e(h),F=N.findIndex(I=>I.includes(p));return F===N.length-1&&m>0||F===0&&m<0?void 0:N[F+m]?N[F+m][0]:void 0}let D=e8e(h),v=D.indexOf(p);if(!(v===D.length-1&&m>0)&&!(v===0&&m<0))return D[v+m]},updateStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(bU,{storyId:m,updatedArgs:h,options:{target:y}})},resetStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(lU,{storyId:m,argNames:h,options:{target:y}})},fetchIndex:async()=>{try{let p=await o8e(i8e);if(p.status!==200)throw new Error(await p.text());let h=await p.json();if(h.v<3){ps.warn(`Skipping story index with version v${h.v}, awaiting SET_STORIES.`);return}await e.setIndex(h)}catch(p){t.setState({storiesConfigured:!0,storiesFailed:p})}},setIndex:async p=>{let h=H8(p,{provider:n,docsOptions:l}),m=t.getState().storiesHash;await t.setState({storiesHash:J4e(h,m),storiesConfigured:!0,storiesFailed:null})},updateStory:async(p,h,m)=>{if(m){let{id:y,stories:D}=m;D[p]={...D[p],...h},await e.updateRef(y,{stories:D})}else{let{storiesHash:y}=t.getState();y[p]={...y[p],...h},await t.setState({storiesHash:y})}}};return{api:s,state:{storiesHash:{},storyId:o,viewMode:u,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var p;e.on(yU,function({storyId:h,viewMode:m}){let{sourceType:y}=ah(this,e);if(!e.isSettingsScreenActive()&&y==="local"){let D=t.getState();(D.storyId!==h||D.viewMode!==m)&&r(`/${m}/${h}`)}}),e.on(hU,function(){let{sourceType:h}=ah(this,e);if(h==="local"){let m=e.getCurrentParameter("options");m&&e.setOptions(F8(m))}}),e.on(gU,function({id:h,...m}){let{ref:y,sourceType:D}=ah(this,e);if(e.updateStory(h,{...m,prepared:!0},y),y)e.updateRef(y.id,{ready:!0});else if(!t.getState().hasCalledSetOptions){let{options:v}=m.parameters;e.setOptions(F8(v)),t.setState({hasCalledSetOptions:!0})}if(D==="local"){let{storyId:v,storiesHash:N,refId:F}=t.getState(),I=Array.from(new Set([s.findSiblingStoryId(v,N,1,!0),s.findSiblingStoryId(v,N,-1,!0)])).filter(Boolean);e.emit(th,{ids:I,options:{target:F}})}}),e.on(fU,function(h){let{ref:m}=ah(this,e);if(m)e.setRef(m.id,{...m,storyIndex:h},!0);else{e.setIndex(h);let y=e.getCurrentParameter("options");e.setOptions(F8(y))}}),e.on(dU,function(h){let{ref:m}=ah(this,e),y=h.v?Z4e(h):h.stories;if(m)e.setRef(m.id,{...m,setStoriesData:y},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),e.on(cU,function({kind:h,story:m,storyId:y,...D}){let{ref:v}=ah(this,e);v?e.selectStory(y||h,m,{...D,ref:v.id}):e.selectStory(y||h,m,D)}),e.on(_S,function({storyId:h,args:m}){let{ref:y}=ah(this,e);e.updateStory(h,{args:m},y)}),e.on(aU,function(h){t.setState({storiesConfigured:!0,storiesFailed:h})}),T8!=null&&T8.storyStoreV7&&((p=n.serverChannel)==null||p.on(mU,()=>e.fetchIndex()),await e.fetchIndex())}}},q8={};Ap(q8,{ActiveTabs:()=>dJ,focusableUIElements:()=>sA,init:()=>c8e});var{document:l8e}=fJ.default,dJ={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},Wg={ui:{enableShortcuts:!0},layout:{initialActive:dJ.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:l8()},sA={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},c8e=({store:e,provider:t,singleStory:r,fullAPI:n})=>{let o={toggleFullscreen(l){return e.setState(s=>{let{showNav:p}=s.layout,h=typeof l=="boolean"?l:!s.layout.isFullscreen,m=p===!1&&h===!1;return{layout:{...s.layout,isFullscreen:h,showNav:!r&&m?!0:p}}},{persistence:"session"})},togglePanel(l){return e.setState(s=>{let{showNav:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showPanel,y=p===!1&&m===!1;return{layout:{...s.layout,showPanel:m,isFullscreen:y?!0:h}}},{persistence:"session"})},togglePanelPosition(l){return typeof l<"u"?e.setState(s=>({layout:{...s.layout,panelPosition:l}}),{persistence:"permanent"}):e.setState(s=>({layout:{...s.layout,panelPosition:s.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(l){return e.setState(s=>{if(r)return{layout:s.layout};let{showPanel:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showNav,y=p===!1&&m===!1;return{layout:{...s.layout,showNav:m,isFullscreen:y?!0:!m&&h}}},{persistence:"session"})},toggleToolbar(l){return e.setState(s=>{let p=typeof l<"u"?l:!s.layout.showToolbar;return{layout:{...s.layout,showToolbar:p}}},{persistence:"session"})},resetLayout(){return e.setState(l=>({layout:{...l.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(l,s){if(!l)return;let p=l8e.getElementById(l);p&&(p.focus(),s&&p.select())},getInitialOptions(){let{theme:l,selectedPanel:s,...p}=t.getConfig();return{...Wg,layout:{...Wg.layout,...(0,uv.default)(p,Object.keys(Wg.layout)),...r&&{showNav:!1}},ui:{...Wg.ui,...(0,uv.default)(p,Object.keys(Wg.ui))},selectedPanel:s||Wg.selectedPanel,theme:l||Wg.theme}},setOptions:l=>{let{layout:s,ui:p,selectedPanel:h,theme:m}=e.getState();if(l){let y={...s,...(0,uv.default)(l,Object.keys(s)),...r&&{showNav:!1}},D={...p,...(0,uv.default)(l,Object.keys(p))},v={...m,...l.theme},N={};xc(p,D)||(N.ui=D),xc(s,y)||(N.layout=y),l.selectedPanel&&!xc(h,l.selectedPanel)&&(N.selectedPanel=l.selectedPanel),Object.keys(N).length&&e.setState(N,{persistence:"permanent"}),xc(m,v)||e.setState({theme:v})}}},u=(0,uv.default)(e.getState(),"layout","ui","selectedPanel");return{api:o,state:Jf(o.getInitialOptions(),u),init:()=>{o.setOptions(Jf(o.getInitialOptions(),u)),n.on(TS,()=>{o.setOptions(Jf(o.getInitialOptions(),u))})}}},hJ={};Ap(hJ,{controlOrMetaKey:()=>lA,defaultShortcuts:()=>sv,init:()=>m8e,isMacLike:()=>yJ,keys:()=>M8});var{navigator:_8}=gJ.default,p8e=()=>_8&&_8.platform?!!_8.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1;var f8e=()=>p8e()?"\u2325":"alt";var z8=e=>{if(["Meta","Alt","Control","Shift"].includes(e.key))return null;let t=[];return e.altKey&&t.push("alt"),e.ctrlKey&&t.push("control"),e.metaKey&&t.push("meta"),e.shiftKey&&t.push("shift"),e.key&&e.key.length===1&&e.key!==" "&&t.push(e.key.toUpperCase()),e.key===" "&&t.push("space"),e.key==="Escape"&&t.push("escape"),e.key==="ArrowRight"&&t.push("ArrowRight"),e.key==="ArrowDown"&&t.push("ArrowDown"),e.key==="ArrowUp"&&t.push("ArrowUp"),e.key==="ArrowLeft"&&t.push("ArrowLeft"),t.length>0?t:null},V8=(e,t)=>!e||!t||(e.join("")==="shift/"&&e.shift(),e.length!==t.length)?!1:!e.find((r,n)=>r!==t[n]);var d8e=e=>e==="alt"?f8e():e==="control"?"\u2303":e==="meta"?"\u2318":e==="shift"?"\u21E7\u200B":e==="Enter"||e==="Backspace"||e==="Esc"||e==="escape"?"":e===" "?"SPACE":e==="ArrowUp"?"\u2191":e==="ArrowDown"?"\u2193":e==="ArrowLeft"?"\u2190":e==="ArrowRight"?"\u2192":e.toUpperCase(),oh=e=>e.map(d8e).join(" "),{navigator:O8,document:VK}=mJ.default,yJ=()=>O8&&O8.platform?!!O8.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,lA=()=>yJ()?"meta":"control";function M8(e){return Object.keys(e)}var sv=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[lA(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[lA(),"shift","ArrowUp"],expandAll:[lA(),"shift","ArrowDown"]}),k8={};function h8e(e){let t=e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}var m8e=({store:e,fullAPI:t})=>{let r={getShortcutKeys(){return e.getState().shortcuts},getDefaultShortcuts(){return{...sv,...r.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return k8},getAddonsShortcutLabels(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{label:s}])=>{u[l]=s}),u},getAddonsShortcutDefaults(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{defaultShortcut:s}])=>{u[l]=s}),u},async setShortcuts(u){return await e.setState({shortcuts:u},{persistence:"permanent"}),u},async restoreAllDefaultShortcuts(){return r.setShortcuts(r.getDefaultShortcuts())},async setShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[u]:l}),l},async setAddonShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[`${u}-${l.actionName}`]:l.defaultShortcut}),k8[`${u}-${l.actionName}`]=l,l},async restoreDefaultShortcut(u){let l=r.getDefaultShortcuts()[u];return r.setShortcut(u,l)},handleKeydownEvent(u){let l=z8(u),s=r.getShortcutKeys(),p=M8(s).find(h=>V8(l,s[h]));p&&(u!=null&&u.preventDefault&&u.preventDefault(),r.handleShortcutFeature(p))},handleShortcutFeature(u){let{layout:{isFullscreen:l,showNav:s,showPanel:p},ui:{enableShortcuts:h}}=e.getState();if(h)switch(u){case"escape":{l?t.toggleFullscreen():s||t.toggleNav();break}case"focusNav":{l&&t.toggleFullscreen(),s||t.toggleNav(),t.focusOnUIElement(sA.storyListMenu);break}case"search":{l&&t.toggleFullscreen(),s||t.toggleNav(),setTimeout(()=>{t.focusOnUIElement(sA.storySearchField,!0)},0);break}case"focusIframe":{let m=VK.getElementById("storybook-preview-iframe");if(m)try{m.contentWindow.focus()}catch{}break}case"focusPanel":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.focusOnUIElement(sA.storyPanelRoot);break}case"nextStory":{t.jumpToStory(1);break}case"prevStory":{t.jumpToStory(-1);break}case"nextComponent":{t.jumpToComponent(1);break}case"prevComponent":{t.jumpToComponent(-1);break}case"fullScreen":{t.toggleFullscreen();break}case"togglePanel":{l&&(t.toggleFullscreen(),t.resetLayout()),t.togglePanel();break}case"toggleNav":{l&&(t.toggleFullscreen(),t.resetLayout()),t.toggleNav();break}case"toolbar":{t.toggleToolbar();break}case"panelPosition":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.togglePanelPosition();break}case"aboutPage":{t.navigate("/settings/about");break}case"shortcutsPage":{t.navigate("/settings/shortcuts");break}case"collapseAll":{t.collapseAll();break}case"expandAll":{t.expandAll();break}default:k8[u].action();break}}},{shortcuts:n=sv}=e.getState(),o={shortcuts:M8(sv).reduce((u,l)=>({...u,[l]:n[l]||sv[l]}),sv)};return{api:r,state:o,init:()=>{VK.addEventListener("keydown",u=>{h8e(u)||t.handleKeydownEvent(u)}),t.on(sU,u=>{t.handleKeydownEvent(u.event)})}}},vJ={};Ap(vJ,{init:()=>y8e});var{window:N8}=DJ.default,Ob=e=>{if(e==="true"||e==="1")return!0;if(e==="false"||e==="0")return!1},I8,g8e=({state:{location:e,path:t,viewMode:r,storyId:n},singleStory:o})=>{let{full:u,panel:l,nav:s,shortcuts:p,addonPanel:h,tabs:m,path:y,...D}=i4(e),v={isFullscreen:Ob(u),showNav:!o&&Ob(s),showPanel:Ob(l),panelPosition:["right","bottom"].includes(l)?l:void 0,showTabs:Ob(m)},N={enableShortcuts:Ob(p)},F=h||void 0,I=n,A=xc(I8,D)?I8:D;return I8=A,{viewMode:r,layout:v,ui:N,selectedPanel:F,location:e,path:t,customQueryParams:A,storyId:I}},y8e=({store:e,navigate:t,state:r,provider:n,fullAPI:o,...u})=>{let l=(h,m={},y={})=>{let D=Object.entries(m).filter(([,N])=>N).sort(([N],[F])=>N<F?-1:1).map(([N,F])=>`${N}=${F}`),v=[h,...D].join("&");return t(v,y)},s={getQueryParam(h){let{customQueryParams:m}=e.getState();return m?m[h]:void 0},getUrlState(){let{path:h,customQueryParams:m,storyId:y,url:D,viewMode:v}=e.getState();return{path:h,queryParams:m,storyId:y,url:D,viewMode:v}},setQueryParams(h){let{customQueryParams:m}=e.getState(),y={},D={...m,...Object.entries(h).reduce((v,[N,F])=>(F!==null&&(v[N]=F),v),y)};xc(m,D)||(e.setState({customQueryParams:D}),o.emit(DU,D))},navigateUrl(h,m){t(h,{...m,plain:!0})}},p=()=>{let h=()=>{let{path:y,queryParams:D,viewMode:v}=o.getUrlState();if(v!=="story")return;let N=o.getCurrentStoryData();if((N==null?void 0:N.type)!=="story")return;let{args:F,initialArgs:I}=N,A=cS(I,F);l(y,{...D,args:A},{replace:!0}),s.setQueryParams({args:A})};o.on(FS,()=>h());let m;o.on(_S,()=>{"requestIdleCallback"in N8?(m&&N8.cancelIdleCallback(m),m=N8.requestIdleCallback(h,{timeout:1e3})):(m&&clearTimeout(m),setTimeout(h,100))}),o.on(wS,({globals:y,initialGlobals:D})=>{let{path:v,queryParams:N}=o.getUrlState(),F=cS(D,y);l(v,{...N,globals:F},{replace:!0}),s.setQueryParams({globals:F})}),o.on(iU,(y,D)=>{o.navigateUrl(y,D)}),o.showReleaseNotesOnLaunch()&&t("/settings/release-notes")};return{api:s,state:g8e({store:e,navigate:t,state:r,provider:n,fullAPI:o,...u}),init:p}},bJ={};Ap(bJ,{init:()=>b8e});var v8e="7.0.0-beta.5",{VERSIONCHECK:D8e}=EJ.default,UK=(0,CJ.default)(1)(()=>{try{return{...JSON.parse(D8e).data||{}}}catch{return{}}}),b8e=({store:e,mode:t,fullAPI:r})=>{let{dismissedVersionNotification:n}=e.getState(),o={versions:{current:{version:v8e},...UK()},dismissedVersionNotification:n},u={getCurrentVersion:()=>{let{versions:{current:l}}=e.getState();return l},getLatestVersion:()=>{let{versions:{latest:l,next:s,current:p}}=e.getState();return p&&Kf.default.prerelease(p.version)&&s?l&&Kf.default.gt(l.version,s.version)?l:s:l},versionUpdateAvailable:()=>{let l=u.getLatestVersion(),s=u.getCurrentVersion();if(l){if(!l.version||!s.version)return!0;let p=Kf.default.prerelease(s.version)?`${Kf.default.major(s.version)}.${Kf.default.minor(s.version)}.${Kf.default.patch(s.version)}`:s.version,h=Kf.default.diff(p,l.version);return Kf.default.gt(l.version,p)&&h!=="patch"&&!h.includes("pre")}return!1}};return{init:async()=>{let{versions:l={}}=e.getState(),{latest:s,next:p}=UK();if(await e.setState({versions:{...l,latest:s,next:p}}),u.versionUpdateAvailable()){let h=u.getLatestVersion().version,m=Kf.default.diff(l.current.version,l.latest.version);h!==n&&m!=="patch"&&!Kf.default.prerelease(h)&&t!=="production"&&r.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${h} is available!`,subHeadline:`Your current version is: ${l.current.version}`},icon:{name:"book"},onClear(){e.setState({dismissedVersionNotification:h},{persistence:"permanent"})}})}},state:o,api:u}},xJ={};Ap(xJ,{init:()=>E8e});var E8e=({store:e,fullAPI:t})=>{let r={getGlobals(){return e.getState().globals},getGlobalTypes(){return e.getState().globalTypes},updateGlobals(u){t.emit(vU,{globals:u,options:{target:"storybook-preview-iframe"}})}},n={globals:{},globalTypes:{}},o=u=>{var s;let l=(s=e.getState())==null?void 0:s.globals;xc(u,l)||e.setState({globals:u})};return{api:r,state:n,init:()=>{t.on(wS,function({globals:u}){let{ref:l}=ah(this,t);l?ps.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):o(u)}),t.on(pU,function({globals:u,globalTypes:l}){var h;let{ref:s}=ah(this,t),p=(h=e.getState())==null?void 0:h.globals;s?Object.keys(u).length>0&&ps.warn("received globals from a non-local ref. This is not currently supported."):e.setState({globals:u,globalTypes:l}),p&&Object.keys(p).length!==0&&!xc(u,p)&&r.updateGlobals(p)})}}};function C8e(){let e={setHandler:()=>{},send:()=>{}};return new HK({transport:e})}var x8e=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(C8e()),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.getElements=e=>(this.elements[e]||(this.elements[e]={}),this.elements[e]),this.addPanel=(e,t)=>{this.add(e,{type:Yf.PANEL,...t})},this.add=(e,t)=>{let{type:r}=t,n=this.getElements(r);n[e]={id:e,...t}},this.setConfig=e=>{Object.assign(this.config,e),this.hasChannel()&&this.getChannel().emit(TS,e)},this.getConfig=()=>this.config,this.register=(e,t)=>{this.loaders[e]&&ps.warn(`${e} was loaded twice, this could have bad side-effects`),this.loaders[e]=t},this.loadAddons=e=>{Object.values(this.loaders).forEach(t=>t(e))},this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},P8="__STORYBOOK_ADDONS_MANAGER";function S8e(){return cA.default[P8]||(cA.default[P8]=new x8e),cA.default[P8]}var kb=S8e(),{ActiveTabs:SJ}=q8,pA=I4e({api:void 0,state:B8({})}),A8e=(...e)=>(0,WK.default)({},...e,(t,r)=>{if(Array.isArray(r))return r}),U8=class extends Su.Component{constructor(e){super(e),this.api={},this.initModules=()=>{this.modules.forEach(F=>{"init"in F&&F.init()})};let{location:t,path:r,refId:n,viewMode:o=e.docsOptions.docsMode?"docs":"story",singleStory:u,storyId:l,docsOptions:s,navigate:p}=e,h=new L4e({getState:()=>this.state,setState:(F,I)=>this.setState(F,I)}),m={location:t,path:r,viewMode:o,singleStory:u,storyId:l,refId:n},y={docsOptions:s};this.state=h.getInitialState(B8({...m,...y}));let D={navigate:p,store:h,provider:e.provider};this.modules=[KK,QK,JK,q8,eJ,tJ,rJ,hJ,oJ,uJ,xJ,vJ,bJ].map(F=>F.init({...m,...y,...D,state:this.state,fullAPI:this.api}));let v=B8(this.state,...this.modules.map(F=>F.state)),N=Object.assign(this.api,{navigate:p},...this.modules.map(F=>F.api));this.state=v,this.api=N}static getDerivedStateFromProps(e,t){return t.path!==e.path?{...t,location:e.location,path:e.path,refId:e.refId,viewMode:e.viewMode,storyId:e.storyId}:null}shouldComponentUpdate(e,t){let r=this.state,n=this.props;return r!==t||n.path!==e.path}render(){let{children:e}=this.props,t={state:this.state,api:this.api};return Su.default.createElement(w8e,{effect:this.initModules},Su.default.createElement(pA.Provider,{value:t},Su.default.createElement(ki,null,e)))}};U8.displayName="Manager";var w8e=({children:e,effect:t})=>(Su.default.useEffect(t,[]),e),T8e=e=>e;function ki({filter:e=T8e,children:t}){let r=(0,Su.useContext)(pA),n=(0,Su.useRef)(t),o=(0,Su.useRef)(e);if(typeof n.current!="function")return Su.default.createElement(Su.Fragment,null,n.current);let u=o.current(r),l=(0,Su.useMemo)(()=>[...Object.entries(u).reduce((s,p)=>s.concat(p),[])],[r.state]);return(0,Su.useMemo)(()=>{let s=n.current;return Su.default.createElement(s,{...u})},l)}function fA(){let{state:e}=(0,Su.useContext)(pA);return e}function Qu(){let{api:e}=(0,Su.useContext)(pA);return e}var Sh=tt(pn());var Fp=tt(Lr()),Eo=tt(Wb()),ZQ=tt(jQ()),HO=tt(RO()),YQ=tt(BO());function es(){return es=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},es.apply(this,arguments)}function UO(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,qO(e,t)}function qO(e,t){return qO=Object.setPrototypeOf||function(r,n){return r.__proto__=n,r},qO(e,t)}function qQ(e,t){if(e==null)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)t.indexOf(r=u[n])>=0||(o[r]=e[r]);return o}var Fa={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},X9e={rel:["amphtml","canonical","alternate"]},K9e={type:["application/ld+json"]},J9e={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},zQ=Object.keys(Fa).map(function(e){return Fa[e]}),YA={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Q9e=Object.keys(YA).reduce(function(e,t){return e[YA[t]]=t,e},{}),Cv=function(e,t){for(var r=e.length-1;r>=0;r-=1){var n=e[r];if(Object.prototype.hasOwnProperty.call(n,t))return n[t]}return null},eNe=function(e){var t=Cv(e,Fa.TITLE),r=Cv(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),r&&t)return r.replace(/%s/g,function(){return t});var n=Cv(e,"defaultTitle");return t||n||void 0},tNe=function(e){return Cv(e,"onChangeClientState")||function(){}},LO=function(e,t){return t.filter(function(r){return r[e]!==void 0}).map(function(r){return r[e]}).reduce(function(r,n){return es({},r,n)},{})},rNe=function(e,t){return t.filter(function(r){return r[Fa.BASE]!==void 0}).map(function(r){return r[Fa.BASE]}).reverse().reduce(function(r,n){if(!r.length)for(var o=Object.keys(n),u=0;u<o.length;u+=1){var l=o[u].toLowerCase();if(e.indexOf(l)!==-1&&n[l])return r.concat(n)}return r},[])},Gb=function(e,t,r){var n={};return r.filter(function(o){return!!Array.isArray(o[e])||(o[e]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof o[e]+'"'),!1)}).map(function(o){return o[e]}).reverse().reduce(function(o,u){var l={};u.filter(function(y){for(var D,v=Object.keys(y),N=0;N<v.length;N+=1){var F=v[N],I=F.toLowerCase();t.indexOf(I)===-1||D==="rel"&&y[D].toLowerCase()==="canonical"||I==="rel"&&y[I].toLowerCase()==="stylesheet"||(D=I),t.indexOf(F)===-1||F!=="innerHTML"&&F!=="cssText"&&F!=="itemprop"||(D=F)}if(!D||!y[D])return!1;var A=y[D].toLowerCase();return n[D]||(n[D]={}),l[D]||(l[D]={}),!n[D][A]&&(l[D][A]=!0,!0)}).reverse().forEach(function(y){return o.push(y)});for(var s=Object.keys(l),p=0;p<s.length;p+=1){var h=s[p],m=es({},n[h],l[h]);n[h]=m}return o},[]).reverse()},nNe=function(e,t){if(Array.isArray(e)&&e.length){for(var r=0;r<e.length;r+=1)if(e[r][t])return!0}return!1},XQ=function(e){return Array.isArray(e)?e.join(""):e},MO=function(e,t){return Array.isArray(e)?e.reduce(function(r,n){return function(o,u){for(var l=Object.keys(o),s=0;s<l.length;s+=1)if(u[l[s]]&&u[l[s]].includes(o[l[s]]))return!0;return!1}(n,t)?r.priority.push(n):r.default.push(n),r},{priority:[],default:[]}):{default:e}},VQ=function(e,t){var r;return es({},e,((r={})[t]=void 0,r))},aNe=[Fa.NOSCRIPT,Fa.SCRIPT,Fa.STYLE],jO=function(e,t){return t===void 0&&(t=!0),t===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},UQ=function(e){return Object.keys(e).reduce(function(t,r){var n=e[r]!==void 0?r+'="'+e[r]+'"':""+r;return t?t+" "+n:n},"")},WQ=function(e,t){return t===void 0&&(t={}),Object.keys(e).reduce(function(r,n){return r[YA[n]||n]=e[n],r},t)},ZA=function(e,t){return t.map(function(r,n){var o,u=((o={key:n})["data-rh"]=!0,o);return Object.keys(r).forEach(function(l){var s=YA[l]||l;s==="innerHTML"||s==="cssText"?u.dangerouslySetInnerHTML={__html:r.innerHTML||r.cssText}:u[s]=r[l]}),Fp.default.createElement(e,u)})},gf=function(e,t,r){switch(e){case Fa.TITLE:return{toComponent:function(){return o=t.titleAttributes,(u={key:n=t.title})["data-rh"]=!0,l=WQ(o,u),[Fp.default.createElement(Fa.TITLE,l,n)];var n,o,u,l},toString:function(){return function(n,o,u,l){var s=UQ(u),p=XQ(o);return s?"<"+n+' data-rh="true" '+s+">"+jO(p,l)+"</"+n+">":"<"+n+' data-rh="true">'+jO(p,l)+"</"+n+">"}(e,t.title,t.titleAttributes,r)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return WQ(t)},toString:function(){return UQ(t)}};default:return{toComponent:function(){return ZA(e,t)},toString:function(){return function(n,o,u){return o.reduce(function(l,s){var p=Object.keys(s).filter(function(y){return!(y==="innerHTML"||y==="cssText")}).reduce(function(y,D){var v=s[D]===void 0?D:D+'="'+jO(s[D],u)+'"';return y?y+" "+v:v},""),h=s.innerHTML||s.cssText||"",m=aNe.indexOf(n)===-1;return l+"<"+n+' data-rh="true" '+p+(m?"/>":">"+h+"</"+n+">")},"")}(e,t,r)}}}},zO=function(e){var t=e.baseTag,r=e.bodyAttributes,n=e.encode,o=e.htmlAttributes,u=e.noscriptTags,l=e.styleTags,s=e.title,p=s===void 0?"":s,h=e.titleAttributes,m=e.linkTags,y=e.metaTags,D=e.scriptTags,v={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var N=function(F){var I=F.linkTags,A=F.scriptTags,b=F.encode,w=MO(F.metaTags,J9e),S=MO(I,X9e),k=MO(A,K9e);return{priorityMethods:{toComponent:function(){return[].concat(ZA(Fa.META,w.priority),ZA(Fa.LINK,S.priority),ZA(Fa.SCRIPT,k.priority))},toString:function(){return gf(Fa.META,w.priority,b)+" "+gf(Fa.LINK,S.priority,b)+" "+gf(Fa.SCRIPT,k.priority,b)}},metaTags:w.default,linkTags:S.default,scriptTags:k.default}}(e);v=N.priorityMethods,m=N.linkTags,y=N.metaTags,D=N.scriptTags}return{priority:v,base:gf(Fa.BASE,t,n),bodyAttributes:gf("bodyAttributes",r,n),htmlAttributes:gf("htmlAttributes",o,n),link:gf(Fa.LINK,m,n),meta:gf(Fa.META,y,n),noscript:gf(Fa.NOSCRIPT,u,n),script:gf(Fa.SCRIPT,D,n),style:gf(Fa.STYLE,l,n),title:gf(Fa.TITLE,{title:p,titleAttributes:h},n)}},GA=[],VO=function(e,t){var r=this;t===void 0&&(t=typeof document<"u"),this.instances=[],this.value={setHelmet:function(n){r.context.helmet=n},helmetInstances:{get:function(){return r.canUseDOM?GA:r.instances},add:function(n){(r.canUseDOM?GA:r.instances).push(n)},remove:function(n){var o=(r.canUseDOM?GA:r.instances).indexOf(n);(r.canUseDOM?GA:r.instances).splice(o,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=zO({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},KQ=Fp.default.createContext({}),oNe=Eo.default.shape({setHelmet:Eo.default.func,helmetInstances:Eo.default.shape({get:Eo.default.func,add:Eo.default.func,remove:Eo.default.func})}),iNe=typeof document<"u",Dm=function(e){function t(r){var n;return(n=e.call(this,r)||this).helmetData=new VO(n.props.context,t.canUseDOM),n}return UO(t,e),t.prototype.render=function(){return Fp.default.createElement(KQ.Provider,{value:this.helmetData.value},this.props.children)},t}(Fp.Component);Dm.canUseDOM=iNe,Dm.propTypes={context:Eo.default.shape({helmet:Eo.default.shape()}),children:Eo.default.node.isRequired},Dm.defaultProps={context:{}},Dm.displayName="HelmetProvider";var Ev=function(e,t){var r,n=document.head||document.querySelector(Fa.HEAD),o=n.querySelectorAll(e+"[data-rh]"),u=[].slice.call(o),l=[];return t&&t.length&&t.forEach(function(s){var p=document.createElement(e);for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(h==="innerHTML"?p.innerHTML=s.innerHTML:h==="cssText"?p.styleSheet?p.styleSheet.cssText=s.cssText:p.appendChild(document.createTextNode(s.cssText)):p.setAttribute(h,s[h]===void 0?"":s[h]));p.setAttribute("data-rh","true"),u.some(function(m,y){return r=y,p.isEqualNode(m)})?u.splice(r,1):l.push(p)}),u.forEach(function(s){return s.parentNode.removeChild(s)}),l.forEach(function(s){return n.appendChild(s)}),{oldTags:u,newTags:l}},$O=function(e,t){var r=document.getElementsByTagName(e)[0];if(r){for(var n=r.getAttribute("data-rh"),o=n?n.split(","):[],u=[].concat(o),l=Object.keys(t),s=0;s<l.length;s+=1){var p=l[s],h=t[p]||"";r.getAttribute(p)!==h&&r.setAttribute(p,h),o.indexOf(p)===-1&&o.push(p);var m=u.indexOf(p);m!==-1&&u.splice(m,1)}for(var y=u.length-1;y>=0;y-=1)r.removeAttribute(u[y]);o.length===u.length?r.removeAttribute("data-rh"):r.getAttribute("data-rh")!==l.join(",")&&r.setAttribute("data-rh",l.join(","))}},GQ=function(e,t){var r=e.baseTag,n=e.htmlAttributes,o=e.linkTags,u=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,p=e.scriptTags,h=e.styleTags,m=e.title,y=e.titleAttributes;$O(Fa.BODY,e.bodyAttributes),$O(Fa.HTML,n),function(F,I){F!==void 0&&document.title!==F&&(document.title=XQ(F)),$O(Fa.TITLE,I)}(m,y);var D={baseTag:Ev(Fa.BASE,r),linkTags:Ev(Fa.LINK,o),metaTags:Ev(Fa.META,u),noscriptTags:Ev(Fa.NOSCRIPT,l),scriptTags:Ev(Fa.SCRIPT,p),styleTags:Ev(Fa.STYLE,h)},v={},N={};Object.keys(D).forEach(function(F){var I=D[F],A=I.newTags,b=I.oldTags;A.length&&(v[F]=A),b.length&&(N[F]=D[F].oldTags)}),t&&t(),s(e,v,N)},Zb=null,XA=function(e){function t(){for(var n,o=arguments.length,u=new Array(o),l=0;l<o;l++)u[l]=arguments[l];return(n=e.call.apply(e,[this].concat(u))||this).rendered=!1,n}UO(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,YQ.default)(n,this.props)},r.componentDidUpdate=function(){this.emitChange()},r.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r.emitChange=function(){var n,o,u=this.props.context,l=u.setHelmet,s=null,p=(n=u.helmetInstances.get().map(function(h){var m=es({},h.props);return delete m.context,m}),{baseTag:rNe(["href"],n),bodyAttributes:LO("bodyAttributes",n),defer:Cv(n,"defer"),encode:Cv(n,"encodeSpecialCharacters"),htmlAttributes:LO("htmlAttributes",n),linkTags:Gb(Fa.LINK,["rel","href"],n),metaTags:Gb(Fa.META,["name","charset","http-equiv","property","itemprop"],n),noscriptTags:Gb(Fa.NOSCRIPT,["innerHTML"],n),onChangeClientState:tNe(n),scriptTags:Gb(Fa.SCRIPT,["src","innerHTML"],n),styleTags:Gb(Fa.STYLE,["cssText"],n),title:eNe(n),titleAttributes:LO("titleAttributes",n),prioritizeSeoTags:nNe(n,"prioritizeSeoTags")});Dm.canUseDOM?(o=p,Zb&&cancelAnimationFrame(Zb),o.defer?Zb=requestAnimationFrame(function(){GQ(o,function(){Zb=null})}):(GQ(o),Zb=null)):zO&&(s=zO(p)),l(s)},r.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r.render=function(){return this.init(),null},t}(Fp.Component);XA.propTypes={context:oNe.isRequired},XA.displayName="HelmetDispatcher";var uNe=["children"],sNe=["children"],Yb=function(e){function t(){return e.apply(this,arguments)||this}UO(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,ZQ.default)(VQ(this.props,"helmetData"),VQ(n,"helmetData"))},r.mapNestedChildrenToProps=function(n,o){if(!o)return null;switch(n.type){case Fa.SCRIPT:case Fa.NOSCRIPT:return{innerHTML:o};case Fa.STYLE:return{cssText:o};default:throw new Error("<"+n.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},r.flattenArrayTypeChildren=function(n){var o,u=n.child,l=n.arrayTypeChildren;return es({},l,((o={})[u.type]=[].concat(l[u.type]||[],[es({},n.newChildProps,this.mapNestedChildrenToProps(u,n.nestedChildren))]),o))},r.mapObjectTypeChildren=function(n){var o,u,l=n.child,s=n.newProps,p=n.newChildProps,h=n.nestedChildren;switch(l.type){case Fa.TITLE:return es({},s,((o={})[l.type]=h,o.titleAttributes=es({},p),o));case Fa.BODY:return es({},s,{bodyAttributes:es({},p)});case Fa.HTML:return es({},s,{htmlAttributes:es({},p)});default:return es({},s,((u={})[l.type]=es({},p),u))}},r.mapArrayTypeChildrenToProps=function(n,o){var u=es({},o);return Object.keys(n).forEach(function(l){var s;u=es({},u,((s={})[l]=n[l],s))}),u},r.warnOnInvalidChildren=function(n,o){return(0,HO.default)(zQ.some(function(u){return n.type===u}),typeof n.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+zQ.join(", ")+" are allowed. Helmet does not support rendering <"+n.type+"> elements. Refer to our API for more information."),(0,HO.default)(!o||typeof o=="string"||Array.isArray(o)&&!o.some(function(u){return typeof u!="string"}),"Helmet expects a string as a child of <"+n.type+">. Did you forget to wrap your children in braces? ( <"+n.type+">{``}</"+n.type+"> ) Refer to our API for more information."),!0},r.mapChildrenToProps=function(n,o){var u=this,l={};return Fp.default.Children.forEach(n,function(s){if(s&&s.props){var p=s.props,h=p.children,m=qQ(p,uNe),y=Object.keys(m).reduce(function(v,N){return v[Q9e[N]||N]=m[N],v},{}),D=s.type;switch(typeof D=="symbol"?D=D.toString():u.warnOnInvalidChildren(s,h),D){case Fa.FRAGMENT:o=u.mapChildrenToProps(h,o);break;case Fa.LINK:case Fa.META:case Fa.NOSCRIPT:case Fa.SCRIPT:case Fa.STYLE:l=u.flattenArrayTypeChildren({child:s,arrayTypeChildren:l,newChildProps:y,nestedChildren:h});break;default:o=u.mapObjectTypeChildren({child:s,newProps:o,newChildProps:y,nestedChildren:h})}}}),this.mapArrayTypeChildrenToProps(l,o)},r.render=function(){var n=this.props,o=n.children,u=qQ(n,sNe),l=es({},u),s=u.helmetData;return o&&(l=this.mapChildrenToProps(o,l)),!s||s instanceof VO||(s=new VO(s.context,s.instances)),s?Fp.default.createElement(XA,es({},l,{context:s.value,helmetData:void 0})):Fp.default.createElement(KQ.Consumer,null,function(p){return Fp.default.createElement(XA,es({},l,{context:p}))})},t}(Fp.Component);Yb.propTypes={base:Eo.default.object,bodyAttributes:Eo.default.object,children:Eo.default.oneOfType([Eo.default.arrayOf(Eo.default.node),Eo.default.node]),defaultTitle:Eo.default.string,defer:Eo.default.bool,encodeSpecialCharacters:Eo.default.bool,htmlAttributes:Eo.default.object,link:Eo.default.arrayOf(Eo.default.object),meta:Eo.default.arrayOf(Eo.default.object),noscript:Eo.default.arrayOf(Eo.default.object),onChangeClientState:Eo.default.func,script:Eo.default.arrayOf(Eo.default.object),style:Eo.default.arrayOf(Eo.default.object),title:Eo.default.string,titleAttributes:Eo.default.object,titleTemplate:Eo.default.string,prioritizeSeoTags:Eo.default.bool,helmetData:Eo.default.object},Yb.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},Yb.displayName="Helmet";var kf=tt(Lr()),Wse=tt($ee());gk();wk();r3();ts();var b3=tt(Lr(),1),Au=tt(Lr(),1),Fre=tt(pn(),1),Nre=tt(Lr(),1),Ire=tt(pn(),1),Yk=tt(pn(),1),hE=tt(Lr(),1),Pre=tt(pn(),1),Rre=tt(pn(),1),Bre=tt(pn(),1),Lre=tt(pn(),1),Mre=tt(pn(),1),jre=tt(pn(),1),$re=tt(pn(),1),Hre=tt(pn(),1),qre=tt(pn(),1),zre=tt(pn(),1),Vre=tt(pn(),1),Ure=tt(pn(),1),Wre=tt(pn(),1),Gre=tt(pn(),1),Zre=tt(pn(),1),Yre=tt(pn(),1),Xre=tt(pn(),1),Kre=tt(pn(),1),Jre=tt(pn(),1),Qre=tt(Lr(),1),ene=tt(pn(),1),y3=tt(Lr(),1),Xk=tt(pn(),1),a1=tt(Lr(),1),rne=tt(pn(),1),B=tt(Lr(),1),one=tt(pn(),1),od=tt(Lr(),1),une=tt(Lr(),1),sne=tt(pn(),1),Iv=tt(Lr(),1),C3=tt(pn(),1),kp=tt(Lr(),1),lne=tt(pn(),1),fne=tt(Lr(),1),mE=tt(Lr(),1),hne=tt(pn(),1),gne=tt(pn(),1),v3=tt(Lr(),1),Jk=tt(pn(),1),Sf=tt(Lr(),1),gE=tt(pn(),1),id=tt(Lr(),1),vne=tt(Lr(),1),x3=tt(Lr(),1),S3=tt(Lr(),1),hh=tt(Lr(),1),r1=tt(Lr(),1),Bv=tt(pn(),1),hMe=tt(Lr(),1),bne=tt(pn(),1),Pv=tt(Lr(),1),Ene=tt(pn(),1),dh=tt(Lr(),1),u1=tt(pn(),1),Cne=tt(Gc(),1),hs=tt(Lr(),1),vE=tt(pn(),1);var Fm=tt(Lr(),1),T3=tt(pn(),1),Uk=tt(Lr(),1),_m=tt(pn(),1),Tne=tt(Lr(),1),Fne=tt(pn(),1),t9=tt(Lr(),1),ad=tt(Lr(),1),n1=tt(Lr(),1),h0=tt(Lr(),1),v0=tt(pn(),1),kne=tt(pn(),1),Hu=({...e},t)=>{let r=[e.class,e.className];return delete e.class,e.className=["sbdocs",`sbdocs-${t}`,...r].filter(Boolean).join(" "),e};function cBe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function jk(e){return jk=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},jk(e)}function pBe(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function fBe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function g3(e,t,r){return fBe()?g3=Reflect.construct.bind():g3=function(n,o,u){var l=[null];l.push.apply(l,o);var s=Function.bind.apply(n,l),p=new s;return u&&wv(p,u.prototype),p},g3.apply(null,arguments)}function $k(e){var t=typeof Map=="function"?new Map:void 0;return $k=function(r){if(r===null||!pBe(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return g3(r,arguments,jk(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),wv(n,r)},$k(e)}var dBe={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+          `});let w=p.versions&&Object.keys(p.versions).length?p.versions:N.versions;await u.setRef(h,{id:h,url:m,...N,...w?{versions:w}:{},type:N.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:p={}}=e.getState();return p},setRef:(p,{storyIndex:h,setStoriesData:m,...y},D=!1)=>{if(r)return;let{storyMapper:v=pJ}=t.getConfig(),N=u.getRefs()[p],F;m?F=Y4e(n8e(m,N,{storyMapper:v}),{provider:t,docsOptions:n}):h&&(F=H8(h,{provider:t,docsOptions:n})),F&&(F=r8e(F,N)),u.updateRef(p,{stories:F,...y,ready:D})},updateRef:(p,h)=>{let{[p]:m,...y}=u.getRefs();y[p]={...m,...h};let D=Object.keys(s).reduce((v,N)=>(v[N]=y[N],v),{});e.setState({refs:D})}},l=!r&&j8.default.REFS||{},s=l;return o&&Object.entries(l).forEach(([p,h])=>{u.checkRef({...h,stories:{}})}),{api:u,state:{refs:s}}},ah=(e,t)=>{let{source:r,refId:n,type:o}=e,[u,l]=cJ(r,n),s=n&&t.getRefs()[n]?t.getRefs()[n]:t.findRef(l),p={source:r,sourceType:u,sourceLocation:l,refId:n,ref:s,type:o};switch(!0){case typeof n=="string":case u==="local":case u==="external":return p;default:return ps.warn(`Received a ${o} frame that was not configured as a ref`),null}},{FEATURES:T8,fetch:o8e}=iJ.default,i8e="./index.json",u8e=["enableShortcuts","theme","showRoots"];function F8(e){if(!e||typeof e=="string")return e;let t={...e};return u8e.forEach(r=>{r in t&&delete t[r]}),t}var s8e=({fullAPI:e,store:t,navigate:r,provider:n,storyId:o,viewMode:u,docsOptions:l={}})=>{let s={storyId:mb,getData:(p,h)=>{let m=s.resolveStory(p,h);if((m==null?void 0:m.type)==="story"||(m==null?void 0:m.type)==="docs")return m},isPrepared:(p,h)=>{let m=s.getData(p,h);return m.type==="story"?m.prepared:!0},resolveStory:(p,h)=>{let{refs:m,storiesHash:y}=t.getState();return h?m[h].stories?m[h].stories[p]:void 0:y?y[p]:void 0},getCurrentStoryData:()=>{let{storyId:p,refId:h}=t.getState();return s.getData(p,h)},getParameters:(p,h)=>{let{storyId:m,refId:y}=typeof p=="string"?{storyId:p,refId:void 0}:p,D=s.getData(m,y);if((D==null?void 0:D.type)==="story"){let{parameters:v}=D;if(v)return h?v[h]:v}return null},getCurrentParameter:p=>{let{storyId:h,refId:m}=t.getState();return s.getParameters({storyId:h,refId:m},p)||void 0},jumpToComponent:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState();if(!s.getData(m,D))return;let v=D?y[D].stories||{}:h,N=s.findSiblingStoryId(m,v,p,!0);N&&s.selectStory(N,void 0,{ref:D})},jumpToStory:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState(),v=s.getData(m,D);if(!v)return;let N=v.refId?y[v.refId].stories:h,F=s.findSiblingStoryId(m,N,p,!1);F&&s.selectStory(F,void 0,{ref:D})},selectFirstStory:()=>{let{storiesHash:p}=t.getState(),h=Object.keys(p).find(m=>p[m].type==="story");if(h){s.selectStory(h);return}r("/")},selectStory:(p=void 0,h=void 0,m={})=>{let{ref:y}=m,{storyId:D,storiesHash:v,refs:N}=t.getState(),F=y?N[y].stories:v,I=D==null?void 0:D.split("--",2)[0];if(h)if(p){let A=y?`${y}_${mb(p,h)}`:mb(p,h);if(F[A])s.selectStory(A,void 0,m);else{let b=F[gm(p)];if((b==null?void 0:b.type)==="component"){let w=b.children.find(S=>F[S].name===h);w&&s.selectStory(w,void 0,m)}}}else{let A=mb(I,h);s.selectStory(A,void 0,m)}else{let A=p?F[p]||F[gm(p)]:F[I];if(!A)throw new Error(`Unknown id or title: '${p}'`);let b=s.findLeafEntry(F,A.id),w=b.refId?`${b.refId}_${b.id}`:b.id;r(`/${b.type}/${w}`)}},findLeafEntry(p,h){let m=p[h];if(m.type==="docs"||m.type==="story")return m;let y=m.children[0];return s.findLeafEntry(p,y)},findLeafStoryId(p,h){var m;return(m=s.findLeafEntry(p,h))==null?void 0:m.id},findSiblingStoryId(p,h,m,y){if(y){let N=Q4e(h),F=N.findIndex(I=>I.includes(p));return F===N.length-1&&m>0||F===0&&m<0?void 0:N[F+m]?N[F+m][0]:void 0}let D=e8e(h),v=D.indexOf(p);if(!(v===D.length-1&&m>0)&&!(v===0&&m<0))return D[v+m]},updateStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(bU,{storyId:m,updatedArgs:h,options:{target:y}})},resetStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(lU,{storyId:m,argNames:h,options:{target:y}})},fetchIndex:async()=>{try{let p=await o8e(i8e);if(p.status!==200)throw new Error(await p.text());let h=await p.json();if(h.v<3){ps.warn(`Skipping story index with version v${h.v}, awaiting SET_STORIES.`);return}await e.setIndex(h)}catch(p){t.setState({storiesConfigured:!0,storiesFailed:p})}},setIndex:async p=>{let h=H8(p,{provider:n,docsOptions:l}),m=t.getState().storiesHash;await t.setState({storiesHash:J4e(h,m),storiesConfigured:!0,storiesFailed:null})},updateStory:async(p,h,m)=>{if(m){let{id:y,stories:D}=m;D[p]={...D[p],...h},await e.updateRef(y,{stories:D})}else{let{storiesHash:y}=t.getState();y[p]={...y[p],...h},await t.setState({storiesHash:y})}}};return{api:s,state:{storiesHash:{},storyId:o,viewMode:u,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var p;e.on(yU,function({storyId:h,viewMode:m}){let{sourceType:y}=ah(this,e);if(!e.isSettingsScreenActive()&&y==="local"){let D=t.getState();(D.storyId!==h||D.viewMode!==m)&&r(`/${m}/${h}`)}}),e.on(hU,function(){let{sourceType:h}=ah(this,e);if(h==="local"){let m=e.getCurrentParameter("options");m&&e.setOptions(F8(m))}}),e.on(gU,function({id:h,...m}){let{ref:y,sourceType:D}=ah(this,e);if(e.updateStory(h,{...m,prepared:!0},y),y)e.updateRef(y.id,{ready:!0});else if(!t.getState().hasCalledSetOptions){let{options:v}=m.parameters;e.setOptions(F8(v)),t.setState({hasCalledSetOptions:!0})}if(D==="local"){let{storyId:v,storiesHash:N,refId:F}=t.getState(),I=Array.from(new Set([s.findSiblingStoryId(v,N,1,!0),s.findSiblingStoryId(v,N,-1,!0)])).filter(Boolean);e.emit(th,{ids:I,options:{target:F}})}}),e.on(fU,function(h){let{ref:m}=ah(this,e);if(m)e.setRef(m.id,{...m,storyIndex:h},!0);else{e.setIndex(h);let y=e.getCurrentParameter("options");e.setOptions(F8(y))}}),e.on(dU,function(h){let{ref:m}=ah(this,e),y=h.v?Z4e(h):h.stories;if(m)e.setRef(m.id,{...m,setStoriesData:y},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),e.on(cU,function({kind:h,story:m,storyId:y,...D}){let{ref:v}=ah(this,e);v?e.selectStory(y||h,m,{...D,ref:v.id}):e.selectStory(y||h,m,D)}),e.on(_S,function({storyId:h,args:m}){let{ref:y}=ah(this,e);e.updateStory(h,{args:m},y)}),e.on(aU,function(h){t.setState({storiesConfigured:!0,storiesFailed:h})}),T8!=null&&T8.storyStoreV7&&((p=n.serverChannel)==null||p.on(mU,()=>e.fetchIndex()),await e.fetchIndex())}}},q8={};Ap(q8,{ActiveTabs:()=>dJ,focusableUIElements:()=>sA,init:()=>c8e});var{document:l8e}=fJ.default,dJ={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},Wg={ui:{enableShortcuts:!0},layout:{initialActive:dJ.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:l8()},sA={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},c8e=({store:e,provider:t,singleStory:r,fullAPI:n})=>{let o={toggleFullscreen(l){return e.setState(s=>{let{showNav:p}=s.layout,h=typeof l=="boolean"?l:!s.layout.isFullscreen,m=p===!1&&h===!1;return{layout:{...s.layout,isFullscreen:h,showNav:!r&&m?!0:p}}},{persistence:"session"})},togglePanel(l){return e.setState(s=>{let{showNav:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showPanel,y=p===!1&&m===!1;return{layout:{...s.layout,showPanel:m,isFullscreen:y?!0:h}}},{persistence:"session"})},togglePanelPosition(l){return typeof l<"u"?e.setState(s=>({layout:{...s.layout,panelPosition:l}}),{persistence:"permanent"}):e.setState(s=>({layout:{...s.layout,panelPosition:s.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(l){return e.setState(s=>{if(r)return{layout:s.layout};let{showPanel:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showNav,y=p===!1&&m===!1;return{layout:{...s.layout,showNav:m,isFullscreen:y?!0:!m&&h}}},{persistence:"session"})},toggleToolbar(l){return e.setState(s=>{let p=typeof l<"u"?l:!s.layout.showToolbar;return{layout:{...s.layout,showToolbar:p}}},{persistence:"session"})},resetLayout(){return e.setState(l=>({layout:{...l.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(l,s){if(!l)return;let p=l8e.getElementById(l);p&&(p.focus(),s&&p.select())},getInitialOptions(){let{theme:l,selectedPanel:s,...p}=t.getConfig();return{...Wg,layout:{...Wg.layout,...(0,uv.default)(p,Object.keys(Wg.layout)),...r&&{showNav:!1}},ui:{...Wg.ui,...(0,uv.default)(p,Object.keys(Wg.ui))},selectedPanel:s||Wg.selectedPanel,theme:l||Wg.theme}},setOptions:l=>{let{layout:s,ui:p,selectedPanel:h,theme:m}=e.getState();if(l){let y={...s,...(0,uv.default)(l,Object.keys(s)),...r&&{showNav:!1}},D={...p,...(0,uv.default)(l,Object.keys(p))},v={...m,...l.theme},N={};xc(p,D)||(N.ui=D),xc(s,y)||(N.layout=y),l.selectedPanel&&!xc(h,l.selectedPanel)&&(N.selectedPanel=l.selectedPanel),Object.keys(N).length&&e.setState(N,{persistence:"permanent"}),xc(m,v)||e.setState({theme:v})}}},u=(0,uv.default)(e.getState(),"layout","ui","selectedPanel");return{api:o,state:Jf(o.getInitialOptions(),u),init:()=>{o.setOptions(Jf(o.getInitialOptions(),u)),n.on(TS,()=>{o.setOptions(Jf(o.getInitialOptions(),u))})}}},hJ={};Ap(hJ,{controlOrMetaKey:()=>lA,defaultShortcuts:()=>sv,init:()=>m8e,isMacLike:()=>yJ,keys:()=>M8});var{navigator:_8}=gJ.default,p8e=()=>_8&&_8.platform?!!_8.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1;var f8e=()=>p8e()?"\u2325":"alt";var z8=e=>{if(["Meta","Alt","Control","Shift"].includes(e.key))return null;let t=[];return e.altKey&&t.push("alt"),e.ctrlKey&&t.push("control"),e.metaKey&&t.push("meta"),e.shiftKey&&t.push("shift"),e.key&&e.key.length===1&&e.key!==" "&&t.push(e.key.toUpperCase()),e.key===" "&&t.push("space"),e.key==="Escape"&&t.push("escape"),e.key==="ArrowRight"&&t.push("ArrowRight"),e.key==="ArrowDown"&&t.push("ArrowDown"),e.key==="ArrowUp"&&t.push("ArrowUp"),e.key==="ArrowLeft"&&t.push("ArrowLeft"),t.length>0?t:null},V8=(e,t)=>!e||!t||(e.join("")==="shift/"&&e.shift(),e.length!==t.length)?!1:!e.find((r,n)=>r!==t[n]);var d8e=e=>e==="alt"?f8e():e==="control"?"\u2303":e==="meta"?"\u2318":e==="shift"?"\u21E7\u200B":e==="Enter"||e==="Backspace"||e==="Esc"||e==="escape"?"":e===" "?"SPACE":e==="ArrowUp"?"\u2191":e==="ArrowDown"?"\u2193":e==="ArrowLeft"?"\u2190":e==="ArrowRight"?"\u2192":e.toUpperCase(),oh=e=>e.map(d8e).join(" "),{navigator:O8,document:VK}=mJ.default,yJ=()=>O8&&O8.platform?!!O8.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,lA=()=>yJ()?"meta":"control";function M8(e){return Object.keys(e)}var sv=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[lA(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[lA(),"shift","ArrowUp"],expandAll:[lA(),"shift","ArrowDown"]}),k8={};function h8e(e){let t=e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}var m8e=({store:e,fullAPI:t})=>{let r={getShortcutKeys(){return e.getState().shortcuts},getDefaultShortcuts(){return{...sv,...r.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return k8},getAddonsShortcutLabels(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{label:s}])=>{u[l]=s}),u},getAddonsShortcutDefaults(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{defaultShortcut:s}])=>{u[l]=s}),u},async setShortcuts(u){return await e.setState({shortcuts:u},{persistence:"permanent"}),u},async restoreAllDefaultShortcuts(){return r.setShortcuts(r.getDefaultShortcuts())},async setShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[u]:l}),l},async setAddonShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[`${u}-${l.actionName}`]:l.defaultShortcut}),k8[`${u}-${l.actionName}`]=l,l},async restoreDefaultShortcut(u){let l=r.getDefaultShortcuts()[u];return r.setShortcut(u,l)},handleKeydownEvent(u){let l=z8(u),s=r.getShortcutKeys(),p=M8(s).find(h=>V8(l,s[h]));p&&(u!=null&&u.preventDefault&&u.preventDefault(),r.handleShortcutFeature(p))},handleShortcutFeature(u){let{layout:{isFullscreen:l,showNav:s,showPanel:p},ui:{enableShortcuts:h}}=e.getState();if(h)switch(u){case"escape":{l?t.toggleFullscreen():s||t.toggleNav();break}case"focusNav":{l&&t.toggleFullscreen(),s||t.toggleNav(),t.focusOnUIElement(sA.storyListMenu);break}case"search":{l&&t.toggleFullscreen(),s||t.toggleNav(),setTimeout(()=>{t.focusOnUIElement(sA.storySearchField,!0)},0);break}case"focusIframe":{let m=VK.getElementById("storybook-preview-iframe");if(m)try{m.contentWindow.focus()}catch{}break}case"focusPanel":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.focusOnUIElement(sA.storyPanelRoot);break}case"nextStory":{t.jumpToStory(1);break}case"prevStory":{t.jumpToStory(-1);break}case"nextComponent":{t.jumpToComponent(1);break}case"prevComponent":{t.jumpToComponent(-1);break}case"fullScreen":{t.toggleFullscreen();break}case"togglePanel":{l&&(t.toggleFullscreen(),t.resetLayout()),t.togglePanel();break}case"toggleNav":{l&&(t.toggleFullscreen(),t.resetLayout()),t.toggleNav();break}case"toolbar":{t.toggleToolbar();break}case"panelPosition":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.togglePanelPosition();break}case"aboutPage":{t.navigate("/settings/about");break}case"shortcutsPage":{t.navigate("/settings/shortcuts");break}case"collapseAll":{t.collapseAll();break}case"expandAll":{t.expandAll();break}default:k8[u].action();break}}},{shortcuts:n=sv}=e.getState(),o={shortcuts:M8(sv).reduce((u,l)=>({...u,[l]:n[l]||sv[l]}),sv)};return{api:r,state:o,init:()=>{VK.addEventListener("keydown",u=>{h8e(u)||t.handleKeydownEvent(u)}),t.on(sU,u=>{t.handleKeydownEvent(u.event)})}}},vJ={};Ap(vJ,{init:()=>y8e});var{window:N8}=DJ.default,Ob=e=>{if(e==="true"||e==="1")return!0;if(e==="false"||e==="0")return!1},I8,g8e=({state:{location:e,path:t,viewMode:r,storyId:n},singleStory:o})=>{let{full:u,panel:l,nav:s,shortcuts:p,addonPanel:h,tabs:m,path:y,...D}=i4(e),v={isFullscreen:Ob(u),showNav:!o&&Ob(s),showPanel:Ob(l),panelPosition:["right","bottom"].includes(l)?l:void 0,showTabs:Ob(m)},N={enableShortcuts:Ob(p)},F=h||void 0,I=n,A=xc(I8,D)?I8:D;return I8=A,{viewMode:r,layout:v,ui:N,selectedPanel:F,location:e,path:t,customQueryParams:A,storyId:I}},y8e=({store:e,navigate:t,state:r,provider:n,fullAPI:o,...u})=>{let l=(h,m={},y={})=>{let D=Object.entries(m).filter(([,N])=>N).sort(([N],[F])=>N<F?-1:1).map(([N,F])=>`${N}=${F}`),v=[h,...D].join("&");return t(v,y)},s={getQueryParam(h){let{customQueryParams:m}=e.getState();return m?m[h]:void 0},getUrlState(){let{path:h,customQueryParams:m,storyId:y,url:D,viewMode:v}=e.getState();return{path:h,queryParams:m,storyId:y,url:D,viewMode:v}},setQueryParams(h){let{customQueryParams:m}=e.getState(),y={},D={...m,...Object.entries(h).reduce((v,[N,F])=>(F!==null&&(v[N]=F),v),y)};xc(m,D)||(e.setState({customQueryParams:D}),o.emit(DU,D))},navigateUrl(h,m){t(h,{...m,plain:!0})}},p=()=>{let h=()=>{let{path:y,queryParams:D,viewMode:v}=o.getUrlState();if(v!=="story")return;let N=o.getCurrentStoryData();if((N==null?void 0:N.type)!=="story")return;let{args:F,initialArgs:I}=N,A=cS(I,F);l(y,{...D,args:A},{replace:!0}),s.setQueryParams({args:A})};o.on(FS,()=>h());let m;o.on(_S,()=>{"requestIdleCallback"in N8?(m&&N8.cancelIdleCallback(m),m=N8.requestIdleCallback(h,{timeout:1e3})):(m&&clearTimeout(m),setTimeout(h,100))}),o.on(wS,({globals:y,initialGlobals:D})=>{let{path:v,queryParams:N}=o.getUrlState(),F=cS(D,y);l(v,{...N,globals:F},{replace:!0}),s.setQueryParams({globals:F})}),o.on(iU,(y,D)=>{o.navigateUrl(y,D)}),o.showReleaseNotesOnLaunch()&&t("/settings/release-notes")};return{api:s,state:g8e({store:e,navigate:t,state:r,provider:n,fullAPI:o,...u}),init:p}},bJ={};Ap(bJ,{init:()=>b8e});var v8e="7.0.0-beta.6",{VERSIONCHECK:D8e}=EJ.default,UK=(0,CJ.default)(1)(()=>{try{return{...JSON.parse(D8e).data||{}}}catch{return{}}}),b8e=({store:e,mode:t,fullAPI:r})=>{let{dismissedVersionNotification:n}=e.getState(),o={versions:{current:{version:v8e},...UK()},dismissedVersionNotification:n},u={getCurrentVersion:()=>{let{versions:{current:l}}=e.getState();return l},getLatestVersion:()=>{let{versions:{latest:l,next:s,current:p}}=e.getState();return p&&Kf.default.prerelease(p.version)&&s?l&&Kf.default.gt(l.version,s.version)?l:s:l},versionUpdateAvailable:()=>{let l=u.getLatestVersion(),s=u.getCurrentVersion();if(l){if(!l.version||!s.version)return!0;let p=Kf.default.prerelease(s.version)?`${Kf.default.major(s.version)}.${Kf.default.minor(s.version)}.${Kf.default.patch(s.version)}`:s.version,h=Kf.default.diff(p,l.version);return Kf.default.gt(l.version,p)&&h!=="patch"&&!h.includes("pre")}return!1}};return{init:async()=>{let{versions:l={}}=e.getState(),{latest:s,next:p}=UK();if(await e.setState({versions:{...l,latest:s,next:p}}),u.versionUpdateAvailable()){let h=u.getLatestVersion().version,m=Kf.default.diff(l.current.version,l.latest.version);h!==n&&m!=="patch"&&!Kf.default.prerelease(h)&&t!=="production"&&r.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${h} is available!`,subHeadline:`Your current version is: ${l.current.version}`},icon:{name:"book"},onClear(){e.setState({dismissedVersionNotification:h},{persistence:"permanent"})}})}},state:o,api:u}},xJ={};Ap(xJ,{init:()=>E8e});var E8e=({store:e,fullAPI:t})=>{let r={getGlobals(){return e.getState().globals},getGlobalTypes(){return e.getState().globalTypes},updateGlobals(u){t.emit(vU,{globals:u,options:{target:"storybook-preview-iframe"}})}},n={globals:{},globalTypes:{}},o=u=>{var s;let l=(s=e.getState())==null?void 0:s.globals;xc(u,l)||e.setState({globals:u})};return{api:r,state:n,init:()=>{t.on(wS,function({globals:u}){let{ref:l}=ah(this,t);l?ps.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):o(u)}),t.on(pU,function({globals:u,globalTypes:l}){var h;let{ref:s}=ah(this,t),p=(h=e.getState())==null?void 0:h.globals;s?Object.keys(u).length>0&&ps.warn("received globals from a non-local ref. This is not currently supported."):e.setState({globals:u,globalTypes:l}),p&&Object.keys(p).length!==0&&!xc(u,p)&&r.updateGlobals(p)})}}};function C8e(){let e={setHandler:()=>{},send:()=>{}};return new HK({transport:e})}var x8e=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(C8e()),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.getElements=e=>(this.elements[e]||(this.elements[e]={}),this.elements[e]),this.addPanel=(e,t)=>{this.add(e,{type:Yf.PANEL,...t})},this.add=(e,t)=>{let{type:r}=t,n=this.getElements(r);n[e]={id:e,...t}},this.setConfig=e=>{Object.assign(this.config,e),this.hasChannel()&&this.getChannel().emit(TS,e)},this.getConfig=()=>this.config,this.register=(e,t)=>{this.loaders[e]&&ps.warn(`${e} was loaded twice, this could have bad side-effects`),this.loaders[e]=t},this.loadAddons=e=>{Object.values(this.loaders).forEach(t=>t(e))},this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},P8="__STORYBOOK_ADDONS_MANAGER";function S8e(){return cA.default[P8]||(cA.default[P8]=new x8e),cA.default[P8]}var kb=S8e(),{ActiveTabs:SJ}=q8,pA=I4e({api:void 0,state:B8({})}),A8e=(...e)=>(0,WK.default)({},...e,(t,r)=>{if(Array.isArray(r))return r}),U8=class extends Su.Component{constructor(e){super(e),this.api={},this.initModules=()=>{this.modules.forEach(F=>{"init"in F&&F.init()})};let{location:t,path:r,refId:n,viewMode:o=e.docsOptions.docsMode?"docs":"story",singleStory:u,storyId:l,docsOptions:s,navigate:p}=e,h=new L4e({getState:()=>this.state,setState:(F,I)=>this.setState(F,I)}),m={location:t,path:r,viewMode:o,singleStory:u,storyId:l,refId:n},y={docsOptions:s};this.state=h.getInitialState(B8({...m,...y}));let D={navigate:p,store:h,provider:e.provider};this.modules=[KK,QK,JK,q8,eJ,tJ,rJ,hJ,oJ,uJ,xJ,vJ,bJ].map(F=>F.init({...m,...y,...D,state:this.state,fullAPI:this.api}));let v=B8(this.state,...this.modules.map(F=>F.state)),N=Object.assign(this.api,{navigate:p},...this.modules.map(F=>F.api));this.state=v,this.api=N}static getDerivedStateFromProps(e,t){return t.path!==e.path?{...t,location:e.location,path:e.path,refId:e.refId,viewMode:e.viewMode,storyId:e.storyId}:null}shouldComponentUpdate(e,t){let r=this.state,n=this.props;return r!==t||n.path!==e.path}render(){let{children:e}=this.props,t={state:this.state,api:this.api};return Su.default.createElement(w8e,{effect:this.initModules},Su.default.createElement(pA.Provider,{value:t},Su.default.createElement(ki,null,e)))}};U8.displayName="Manager";var w8e=({children:e,effect:t})=>(Su.default.useEffect(t,[]),e),T8e=e=>e;function ki({filter:e=T8e,children:t}){let r=(0,Su.useContext)(pA),n=(0,Su.useRef)(t),o=(0,Su.useRef)(e);if(typeof n.current!="function")return Su.default.createElement(Su.Fragment,null,n.current);let u=o.current(r),l=(0,Su.useMemo)(()=>[...Object.entries(u).reduce((s,p)=>s.concat(p),[])],[r.state]);return(0,Su.useMemo)(()=>{let s=n.current;return Su.default.createElement(s,{...u})},l)}function fA(){let{state:e}=(0,Su.useContext)(pA);return e}function Qu(){let{api:e}=(0,Su.useContext)(pA);return e}var Sh=tt(pn());var Fp=tt(Lr()),Eo=tt(Wb()),ZQ=tt(jQ()),HO=tt(RO()),YQ=tt(BO());function es(){return es=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},es.apply(this,arguments)}function UO(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,qO(e,t)}function qO(e,t){return qO=Object.setPrototypeOf||function(r,n){return r.__proto__=n,r},qO(e,t)}function qQ(e,t){if(e==null)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)t.indexOf(r=u[n])>=0||(o[r]=e[r]);return o}var Fa={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},X9e={rel:["amphtml","canonical","alternate"]},K9e={type:["application/ld+json"]},J9e={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},zQ=Object.keys(Fa).map(function(e){return Fa[e]}),YA={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Q9e=Object.keys(YA).reduce(function(e,t){return e[YA[t]]=t,e},{}),Cv=function(e,t){for(var r=e.length-1;r>=0;r-=1){var n=e[r];if(Object.prototype.hasOwnProperty.call(n,t))return n[t]}return null},eNe=function(e){var t=Cv(e,Fa.TITLE),r=Cv(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),r&&t)return r.replace(/%s/g,function(){return t});var n=Cv(e,"defaultTitle");return t||n||void 0},tNe=function(e){return Cv(e,"onChangeClientState")||function(){}},LO=function(e,t){return t.filter(function(r){return r[e]!==void 0}).map(function(r){return r[e]}).reduce(function(r,n){return es({},r,n)},{})},rNe=function(e,t){return t.filter(function(r){return r[Fa.BASE]!==void 0}).map(function(r){return r[Fa.BASE]}).reverse().reduce(function(r,n){if(!r.length)for(var o=Object.keys(n),u=0;u<o.length;u+=1){var l=o[u].toLowerCase();if(e.indexOf(l)!==-1&&n[l])return r.concat(n)}return r},[])},Gb=function(e,t,r){var n={};return r.filter(function(o){return!!Array.isArray(o[e])||(o[e]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof o[e]+'"'),!1)}).map(function(o){return o[e]}).reverse().reduce(function(o,u){var l={};u.filter(function(y){for(var D,v=Object.keys(y),N=0;N<v.length;N+=1){var F=v[N],I=F.toLowerCase();t.indexOf(I)===-1||D==="rel"&&y[D].toLowerCase()==="canonical"||I==="rel"&&y[I].toLowerCase()==="stylesheet"||(D=I),t.indexOf(F)===-1||F!=="innerHTML"&&F!=="cssText"&&F!=="itemprop"||(D=F)}if(!D||!y[D])return!1;var A=y[D].toLowerCase();return n[D]||(n[D]={}),l[D]||(l[D]={}),!n[D][A]&&(l[D][A]=!0,!0)}).reverse().forEach(function(y){return o.push(y)});for(var s=Object.keys(l),p=0;p<s.length;p+=1){var h=s[p],m=es({},n[h],l[h]);n[h]=m}return o},[]).reverse()},nNe=function(e,t){if(Array.isArray(e)&&e.length){for(var r=0;r<e.length;r+=1)if(e[r][t])return!0}return!1},XQ=function(e){return Array.isArray(e)?e.join(""):e},MO=function(e,t){return Array.isArray(e)?e.reduce(function(r,n){return function(o,u){for(var l=Object.keys(o),s=0;s<l.length;s+=1)if(u[l[s]]&&u[l[s]].includes(o[l[s]]))return!0;return!1}(n,t)?r.priority.push(n):r.default.push(n),r},{priority:[],default:[]}):{default:e}},VQ=function(e,t){var r;return es({},e,((r={})[t]=void 0,r))},aNe=[Fa.NOSCRIPT,Fa.SCRIPT,Fa.STYLE],jO=function(e,t){return t===void 0&&(t=!0),t===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},UQ=function(e){return Object.keys(e).reduce(function(t,r){var n=e[r]!==void 0?r+'="'+e[r]+'"':""+r;return t?t+" "+n:n},"")},WQ=function(e,t){return t===void 0&&(t={}),Object.keys(e).reduce(function(r,n){return r[YA[n]||n]=e[n],r},t)},ZA=function(e,t){return t.map(function(r,n){var o,u=((o={key:n})["data-rh"]=!0,o);return Object.keys(r).forEach(function(l){var s=YA[l]||l;s==="innerHTML"||s==="cssText"?u.dangerouslySetInnerHTML={__html:r.innerHTML||r.cssText}:u[s]=r[l]}),Fp.default.createElement(e,u)})},gf=function(e,t,r){switch(e){case Fa.TITLE:return{toComponent:function(){return o=t.titleAttributes,(u={key:n=t.title})["data-rh"]=!0,l=WQ(o,u),[Fp.default.createElement(Fa.TITLE,l,n)];var n,o,u,l},toString:function(){return function(n,o,u,l){var s=UQ(u),p=XQ(o);return s?"<"+n+' data-rh="true" '+s+">"+jO(p,l)+"</"+n+">":"<"+n+' data-rh="true">'+jO(p,l)+"</"+n+">"}(e,t.title,t.titleAttributes,r)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return WQ(t)},toString:function(){return UQ(t)}};default:return{toComponent:function(){return ZA(e,t)},toString:function(){return function(n,o,u){return o.reduce(function(l,s){var p=Object.keys(s).filter(function(y){return!(y==="innerHTML"||y==="cssText")}).reduce(function(y,D){var v=s[D]===void 0?D:D+'="'+jO(s[D],u)+'"';return y?y+" "+v:v},""),h=s.innerHTML||s.cssText||"",m=aNe.indexOf(n)===-1;return l+"<"+n+' data-rh="true" '+p+(m?"/>":">"+h+"</"+n+">")},"")}(e,t,r)}}}},zO=function(e){var t=e.baseTag,r=e.bodyAttributes,n=e.encode,o=e.htmlAttributes,u=e.noscriptTags,l=e.styleTags,s=e.title,p=s===void 0?"":s,h=e.titleAttributes,m=e.linkTags,y=e.metaTags,D=e.scriptTags,v={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var N=function(F){var I=F.linkTags,A=F.scriptTags,b=F.encode,w=MO(F.metaTags,J9e),S=MO(I,X9e),k=MO(A,K9e);return{priorityMethods:{toComponent:function(){return[].concat(ZA(Fa.META,w.priority),ZA(Fa.LINK,S.priority),ZA(Fa.SCRIPT,k.priority))},toString:function(){return gf(Fa.META,w.priority,b)+" "+gf(Fa.LINK,S.priority,b)+" "+gf(Fa.SCRIPT,k.priority,b)}},metaTags:w.default,linkTags:S.default,scriptTags:k.default}}(e);v=N.priorityMethods,m=N.linkTags,y=N.metaTags,D=N.scriptTags}return{priority:v,base:gf(Fa.BASE,t,n),bodyAttributes:gf("bodyAttributes",r,n),htmlAttributes:gf("htmlAttributes",o,n),link:gf(Fa.LINK,m,n),meta:gf(Fa.META,y,n),noscript:gf(Fa.NOSCRIPT,u,n),script:gf(Fa.SCRIPT,D,n),style:gf(Fa.STYLE,l,n),title:gf(Fa.TITLE,{title:p,titleAttributes:h},n)}},GA=[],VO=function(e,t){var r=this;t===void 0&&(t=typeof document<"u"),this.instances=[],this.value={setHelmet:function(n){r.context.helmet=n},helmetInstances:{get:function(){return r.canUseDOM?GA:r.instances},add:function(n){(r.canUseDOM?GA:r.instances).push(n)},remove:function(n){var o=(r.canUseDOM?GA:r.instances).indexOf(n);(r.canUseDOM?GA:r.instances).splice(o,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=zO({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},KQ=Fp.default.createContext({}),oNe=Eo.default.shape({setHelmet:Eo.default.func,helmetInstances:Eo.default.shape({get:Eo.default.func,add:Eo.default.func,remove:Eo.default.func})}),iNe=typeof document<"u",Dm=function(e){function t(r){var n;return(n=e.call(this,r)||this).helmetData=new VO(n.props.context,t.canUseDOM),n}return UO(t,e),t.prototype.render=function(){return Fp.default.createElement(KQ.Provider,{value:this.helmetData.value},this.props.children)},t}(Fp.Component);Dm.canUseDOM=iNe,Dm.propTypes={context:Eo.default.shape({helmet:Eo.default.shape()}),children:Eo.default.node.isRequired},Dm.defaultProps={context:{}},Dm.displayName="HelmetProvider";var Ev=function(e,t){var r,n=document.head||document.querySelector(Fa.HEAD),o=n.querySelectorAll(e+"[data-rh]"),u=[].slice.call(o),l=[];return t&&t.length&&t.forEach(function(s){var p=document.createElement(e);for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(h==="innerHTML"?p.innerHTML=s.innerHTML:h==="cssText"?p.styleSheet?p.styleSheet.cssText=s.cssText:p.appendChild(document.createTextNode(s.cssText)):p.setAttribute(h,s[h]===void 0?"":s[h]));p.setAttribute("data-rh","true"),u.some(function(m,y){return r=y,p.isEqualNode(m)})?u.splice(r,1):l.push(p)}),u.forEach(function(s){return s.parentNode.removeChild(s)}),l.forEach(function(s){return n.appendChild(s)}),{oldTags:u,newTags:l}},$O=function(e,t){var r=document.getElementsByTagName(e)[0];if(r){for(var n=r.getAttribute("data-rh"),o=n?n.split(","):[],u=[].concat(o),l=Object.keys(t),s=0;s<l.length;s+=1){var p=l[s],h=t[p]||"";r.getAttribute(p)!==h&&r.setAttribute(p,h),o.indexOf(p)===-1&&o.push(p);var m=u.indexOf(p);m!==-1&&u.splice(m,1)}for(var y=u.length-1;y>=0;y-=1)r.removeAttribute(u[y]);o.length===u.length?r.removeAttribute("data-rh"):r.getAttribute("data-rh")!==l.join(",")&&r.setAttribute("data-rh",l.join(","))}},GQ=function(e,t){var r=e.baseTag,n=e.htmlAttributes,o=e.linkTags,u=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,p=e.scriptTags,h=e.styleTags,m=e.title,y=e.titleAttributes;$O(Fa.BODY,e.bodyAttributes),$O(Fa.HTML,n),function(F,I){F!==void 0&&document.title!==F&&(document.title=XQ(F)),$O(Fa.TITLE,I)}(m,y);var D={baseTag:Ev(Fa.BASE,r),linkTags:Ev(Fa.LINK,o),metaTags:Ev(Fa.META,u),noscriptTags:Ev(Fa.NOSCRIPT,l),scriptTags:Ev(Fa.SCRIPT,p),styleTags:Ev(Fa.STYLE,h)},v={},N={};Object.keys(D).forEach(function(F){var I=D[F],A=I.newTags,b=I.oldTags;A.length&&(v[F]=A),b.length&&(N[F]=D[F].oldTags)}),t&&t(),s(e,v,N)},Zb=null,XA=function(e){function t(){for(var n,o=arguments.length,u=new Array(o),l=0;l<o;l++)u[l]=arguments[l];return(n=e.call.apply(e,[this].concat(u))||this).rendered=!1,n}UO(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,YQ.default)(n,this.props)},r.componentDidUpdate=function(){this.emitChange()},r.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r.emitChange=function(){var n,o,u=this.props.context,l=u.setHelmet,s=null,p=(n=u.helmetInstances.get().map(function(h){var m=es({},h.props);return delete m.context,m}),{baseTag:rNe(["href"],n),bodyAttributes:LO("bodyAttributes",n),defer:Cv(n,"defer"),encode:Cv(n,"encodeSpecialCharacters"),htmlAttributes:LO("htmlAttributes",n),linkTags:Gb(Fa.LINK,["rel","href"],n),metaTags:Gb(Fa.META,["name","charset","http-equiv","property","itemprop"],n),noscriptTags:Gb(Fa.NOSCRIPT,["innerHTML"],n),onChangeClientState:tNe(n),scriptTags:Gb(Fa.SCRIPT,["src","innerHTML"],n),styleTags:Gb(Fa.STYLE,["cssText"],n),title:eNe(n),titleAttributes:LO("titleAttributes",n),prioritizeSeoTags:nNe(n,"prioritizeSeoTags")});Dm.canUseDOM?(o=p,Zb&&cancelAnimationFrame(Zb),o.defer?Zb=requestAnimationFrame(function(){GQ(o,function(){Zb=null})}):(GQ(o),Zb=null)):zO&&(s=zO(p)),l(s)},r.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r.render=function(){return this.init(),null},t}(Fp.Component);XA.propTypes={context:oNe.isRequired},XA.displayName="HelmetDispatcher";var uNe=["children"],sNe=["children"],Yb=function(e){function t(){return e.apply(this,arguments)||this}UO(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,ZQ.default)(VQ(this.props,"helmetData"),VQ(n,"helmetData"))},r.mapNestedChildrenToProps=function(n,o){if(!o)return null;switch(n.type){case Fa.SCRIPT:case Fa.NOSCRIPT:return{innerHTML:o};case Fa.STYLE:return{cssText:o};default:throw new Error("<"+n.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},r.flattenArrayTypeChildren=function(n){var o,u=n.child,l=n.arrayTypeChildren;return es({},l,((o={})[u.type]=[].concat(l[u.type]||[],[es({},n.newChildProps,this.mapNestedChildrenToProps(u,n.nestedChildren))]),o))},r.mapObjectTypeChildren=function(n){var o,u,l=n.child,s=n.newProps,p=n.newChildProps,h=n.nestedChildren;switch(l.type){case Fa.TITLE:return es({},s,((o={})[l.type]=h,o.titleAttributes=es({},p),o));case Fa.BODY:return es({},s,{bodyAttributes:es({},p)});case Fa.HTML:return es({},s,{htmlAttributes:es({},p)});default:return es({},s,((u={})[l.type]=es({},p),u))}},r.mapArrayTypeChildrenToProps=function(n,o){var u=es({},o);return Object.keys(n).forEach(function(l){var s;u=es({},u,((s={})[l]=n[l],s))}),u},r.warnOnInvalidChildren=function(n,o){return(0,HO.default)(zQ.some(function(u){return n.type===u}),typeof n.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+zQ.join(", ")+" are allowed. Helmet does not support rendering <"+n.type+"> elements. Refer to our API for more information."),(0,HO.default)(!o||typeof o=="string"||Array.isArray(o)&&!o.some(function(u){return typeof u!="string"}),"Helmet expects a string as a child of <"+n.type+">. Did you forget to wrap your children in braces? ( <"+n.type+">{``}</"+n.type+"> ) Refer to our API for more information."),!0},r.mapChildrenToProps=function(n,o){var u=this,l={};return Fp.default.Children.forEach(n,function(s){if(s&&s.props){var p=s.props,h=p.children,m=qQ(p,uNe),y=Object.keys(m).reduce(function(v,N){return v[Q9e[N]||N]=m[N],v},{}),D=s.type;switch(typeof D=="symbol"?D=D.toString():u.warnOnInvalidChildren(s,h),D){case Fa.FRAGMENT:o=u.mapChildrenToProps(h,o);break;case Fa.LINK:case Fa.META:case Fa.NOSCRIPT:case Fa.SCRIPT:case Fa.STYLE:l=u.flattenArrayTypeChildren({child:s,arrayTypeChildren:l,newChildProps:y,nestedChildren:h});break;default:o=u.mapObjectTypeChildren({child:s,newProps:o,newChildProps:y,nestedChildren:h})}}}),this.mapArrayTypeChildrenToProps(l,o)},r.render=function(){var n=this.props,o=n.children,u=qQ(n,sNe),l=es({},u),s=u.helmetData;return o&&(l=this.mapChildrenToProps(o,l)),!s||s instanceof VO||(s=new VO(s.context,s.instances)),s?Fp.default.createElement(XA,es({},l,{context:s.value,helmetData:void 0})):Fp.default.createElement(KQ.Consumer,null,function(p){return Fp.default.createElement(XA,es({},l,{context:p}))})},t}(Fp.Component);Yb.propTypes={base:Eo.default.object,bodyAttributes:Eo.default.object,children:Eo.default.oneOfType([Eo.default.arrayOf(Eo.default.node),Eo.default.node]),defaultTitle:Eo.default.string,defer:Eo.default.bool,encodeSpecialCharacters:Eo.default.bool,htmlAttributes:Eo.default.object,link:Eo.default.arrayOf(Eo.default.object),meta:Eo.default.arrayOf(Eo.default.object),noscript:Eo.default.arrayOf(Eo.default.object),onChangeClientState:Eo.default.func,script:Eo.default.arrayOf(Eo.default.object),style:Eo.default.arrayOf(Eo.default.object),title:Eo.default.string,titleAttributes:Eo.default.object,titleTemplate:Eo.default.string,prioritizeSeoTags:Eo.default.bool,helmetData:Eo.default.object},Yb.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},Yb.displayName="Helmet";var kf=tt(Lr()),Wse=tt($ee());gk();wk();r3();ts();var b3=tt(Lr(),1),Au=tt(Lr(),1),Fre=tt(pn(),1),Nre=tt(Lr(),1),Ire=tt(pn(),1),Yk=tt(pn(),1),hE=tt(Lr(),1),Pre=tt(pn(),1),Rre=tt(pn(),1),Bre=tt(pn(),1),Lre=tt(pn(),1),Mre=tt(pn(),1),jre=tt(pn(),1),$re=tt(pn(),1),Hre=tt(pn(),1),qre=tt(pn(),1),zre=tt(pn(),1),Vre=tt(pn(),1),Ure=tt(pn(),1),Wre=tt(pn(),1),Gre=tt(pn(),1),Zre=tt(pn(),1),Yre=tt(pn(),1),Xre=tt(pn(),1),Kre=tt(pn(),1),Jre=tt(pn(),1),Qre=tt(Lr(),1),ene=tt(pn(),1),y3=tt(Lr(),1),Xk=tt(pn(),1),a1=tt(Lr(),1),rne=tt(pn(),1),B=tt(Lr(),1),one=tt(pn(),1),od=tt(Lr(),1),une=tt(Lr(),1),sne=tt(pn(),1),Iv=tt(Lr(),1),C3=tt(pn(),1),kp=tt(Lr(),1),lne=tt(pn(),1),fne=tt(Lr(),1),mE=tt(Lr(),1),hne=tt(pn(),1),gne=tt(pn(),1),v3=tt(Lr(),1),Jk=tt(pn(),1),Sf=tt(Lr(),1),gE=tt(pn(),1),id=tt(Lr(),1),vne=tt(Lr(),1),x3=tt(Lr(),1),S3=tt(Lr(),1),hh=tt(Lr(),1),r1=tt(Lr(),1),Bv=tt(pn(),1),hMe=tt(Lr(),1),bne=tt(pn(),1),Pv=tt(Lr(),1),Ene=tt(pn(),1),dh=tt(Lr(),1),u1=tt(pn(),1),Cne=tt(Gc(),1),hs=tt(Lr(),1),vE=tt(pn(),1);var Fm=tt(Lr(),1),T3=tt(pn(),1),Uk=tt(Lr(),1),_m=tt(pn(),1),Tne=tt(Lr(),1),Fne=tt(pn(),1),t9=tt(Lr(),1),ad=tt(Lr(),1),n1=tt(Lr(),1),h0=tt(Lr(),1),v0=tt(pn(),1),kne=tt(pn(),1),Hu=({...e},t)=>{let r=[e.class,e.className];return delete e.class,e.className=["sbdocs",`sbdocs-${t}`,...r].filter(Boolean).join(" "),e};function cBe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function jk(e){return jk=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},jk(e)}function pBe(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function fBe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function g3(e,t,r){return fBe()?g3=Reflect.construct.bind():g3=function(n,o,u){var l=[null];l.push.apply(l,o);var s=Function.bind.apply(n,l),p=new s;return u&&wv(p,u.prototype),p},g3.apply(null,arguments)}function $k(e){var t=typeof Map=="function"?new Map:void 0;return $k=function(r){if(r===null||!pBe(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return g3(r,arguments,jk(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),wv(n,r)},$k(e)}var dBe={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 

package/dist/index.mjs

@@ -1 +1 @@
-import{Provider,Root,renderStorybookUI}from"./chunk-3X74NC7D.mjs";import"./chunk-VLRTDEXS.mjs";import"./chunk-XWKHDWQO.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-IFMYLCIQ.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{Provider,Root,renderStorybookUI};
+import{Provider,Root,renderStorybookUI}from"./chunk-ZS743CHV.mjs";import"./chunk-VLRTDEXS.mjs";import"./chunk-XWKHDWQO.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-IFMYLCIQ.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{Provider,Root,renderStorybookUI};

package/dist/runtime.js

@@ -731,7 +731,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let w=p.versions&&Object.keys(p.versions).length?p.versions:N.versions;await u.setRef(h,{id:h,url:m,...N,...w?{versions:w}:{},type:N.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:p={}}=e.getState();return p},setRef:(p,{storyIndex:h,setStoriesData:m,...y},D=!1)=>{if(r)return;let{storyMapper:v=IY}=t.getConfig(),N=u.getRefs()[p],F;m?F=F4e(B4e(m,N,{storyMapper:v}),{provider:t,docsOptions:n}):h&&(F=_4(h,{provider:t,docsOptions:n})),F&&(F=R4e(F,N)),u.updateRef(p,{stories:F,...y,ready:D})},updateRef:(p,h)=>{let{[p]:m,...y}=u.getRefs();y[p]={...m,...h};let D=Object.keys(s).reduce((v,N)=>(v[N]=y[N],v),{});e.setState({refs:D})}},l=!r&&T4.default.REFS||{},s=l;return a&&Object.entries(l).forEach(([p,h])=>{u.checkRef({...h,stories:{}})}),{api:u,state:{refs:s}}},nh=(e,t)=>{let{source:r,refId:n,type:a}=e,[u,l]=NY(r,n),s=n&&t.getRefs()[n]?t.getRefs()[n]:t.findRef(l),p={source:r,sourceType:u,sourceLocation:l,refId:n,ref:s,type:a};switch(!0){case typeof n=="string":case u==="local":case u==="external":return p;default:return Zi.warn(`Received a ${a} frame that was not configured as a ref`),null}},{FEATURES:m4,fetch:M4e}=FY.default,j4e="./index.json",$4e=["enableShortcuts","theme","showRoots"];function g4(e){if(!e||typeof e=="string")return e;let t={...e};return $4e.forEach(r=>{r in t&&delete t[r]}),t}var H4e=({fullAPI:e,store:t,navigate:r,provider:n,storyId:a,viewMode:u,docsOptions:l={}})=>{let s={storyId:qD,getData:(p,h)=>{let m=s.resolveStory(p,h);if((m==null?void 0:m.type)==="story"||(m==null?void 0:m.type)==="docs")return m},isPrepared:(p,h)=>{let m=s.getData(p,h);return m.type==="story"?m.prepared:!0},resolveStory:(p,h)=>{let{refs:m,storiesHash:y}=t.getState();return h?m[h].stories?m[h].stories[p]:void 0:y?y[p]:void 0},getCurrentStoryData:()=>{let{storyId:p,refId:h}=t.getState();return s.getData(p,h)},getParameters:(p,h)=>{let{storyId:m,refId:y}=typeof p=="string"?{storyId:p,refId:void 0}:p,D=s.getData(m,y);if((D==null?void 0:D.type)==="story"){let{parameters:v}=D;if(v)return h?v[h]:v}return null},getCurrentParameter:p=>{let{storyId:h,refId:m}=t.getState();return s.getParameters({storyId:h,refId:m},p)||void 0},jumpToComponent:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState();if(!s.getData(m,D))return;let v=D?y[D].stories||{}:h,N=s.findSiblingStoryId(m,v,p,!0);N&&s.selectStory(N,void 0,{ref:D})},jumpToStory:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState(),v=s.getData(m,D);if(!v)return;let N=v.refId?y[v.refId].stories:h,F=s.findSiblingStoryId(m,N,p,!1);F&&s.selectStory(F,void 0,{ref:D})},selectFirstStory:()=>{let{storiesHash:p}=t.getState(),h=Object.keys(p).find(m=>p[m].type==="story");if(h){s.selectStory(h);return}r("/")},selectStory:(p=void 0,h=void 0,m={})=>{let{ref:y}=m,{storyId:D,storiesHash:v,refs:N}=t.getState(),F=y?N[y].stories:v,I=D==null?void 0:D.split("--",2)[0];if(h)if(p){let S=y?`${y}_${qD(p,h)}`:qD(p,h);if(F[S])s.selectStory(S,void 0,m);else{let b=F[Qh(p)];if((b==null?void 0:b.type)==="component"){let w=b.children.find(A=>F[A].name===h);w&&s.selectStory(w,void 0,m)}}}else{let S=qD(I,h);s.selectStory(S,void 0,m)}else{let S=p?F[p]||F[Qh(p)]:F[I];if(!S)throw new Error(`Unknown id or title: '${p}'`);let b=s.findLeafEntry(F,S.id),w=b.refId?`${b.refId}_${b.id}`:b.id;r(`/${b.type}/${w}`)}},findLeafEntry(p,h){let m=p[h];if(m.type==="docs"||m.type==="story")return m;let y=m.children[0];return s.findLeafEntry(p,y)},findLeafStoryId(p,h){var m;return(m=s.findLeafEntry(p,h))==null?void 0:m.id},findSiblingStoryId(p,h,m,y){if(y){let N=N4e(h),F=N.findIndex(I=>I.includes(p));return F===N.length-1&&m>0||F===0&&m<0?void 0:N[F+m]?N[F+m][0]:void 0}let D=I4e(h),v=D.indexOf(p);if(!(v===D.length-1&&m>0)&&!(v===0&&m<0))return D[v+m]},updateStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(_7,{storyId:m,updatedArgs:h,options:{target:y}})},resetStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(b7,{storyId:m,argNames:h,options:{target:y}})},fetchIndex:async()=>{try{let p=await M4e(j4e);if(p.status!==200)throw new Error(await p.text());let h=await p.json();if(h.v<3){Zi.warn(`Skipping story index with version v${h.v}, awaiting SET_STORIES.`);return}await e.setIndex(h)}catch(p){t.setState({storiesConfigured:!0,storiesFailed:p})}},setIndex:async p=>{let h=_4(p,{provider:n,docsOptions:l}),m=t.getState().storiesHash;await t.setState({storiesHash:k4e(h,m),storiesConfigured:!0,storiesFailed:null})},updateStory:async(p,h,m)=>{if(m){let{id:y,stories:D}=m;D[p]={...D[p],...h},await e.updateRef(y,{stories:D})}else{let{storiesHash:y}=t.getState();y[p]={...y[p],...h},await t.setState({storiesHash:y})}}};return{api:s,state:{storiesHash:{},storyId:a,viewMode:u,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var p;e.on(w7,function({storyId:h,viewMode:m}){let{sourceType:y}=nh(this,e);if(!e.isSettingsScreenActive()&&y==="local"){let D=t.getState();(D.storyId!==h||D.viewMode!==m)&&r(`/${m}/${h}`)}}),e.on(RD,function(){let{sourceType:h}=nh(this,e);if(h==="local"){let m=e.getCurrentParameter("options");m&&e.setOptions(g4(m))}}),e.on(A7,function({id:h,...m}){let{ref:y,sourceType:D}=nh(this,e);if(e.updateStory(h,{...m,prepared:!0},y),y)e.updateRef(y.id,{ready:!0});else if(!t.getState().hasCalledSetOptions){let{options:v}=m.parameters;e.setOptions(g4(v)),t.setState({hasCalledSetOptions:!0})}if(D==="local"){let{storyId:v,storiesHash:N,refId:F}=t.getState(),I=Array.from(new Set([s.findSiblingStoryId(v,N,1,!0),s.findSiblingStoryId(v,N,-1,!0)])).filter(Boolean);e.emit(Jd,{ids:I,options:{target:F}})}}),e.on(x7,function(h){let{ref:m}=nh(this,e);if(m)e.setRef(m.id,{...m,storyIndex:h},!0);else{e.setIndex(h);let y=e.getCurrentParameter("options");e.setOptions(g4(y))}}),e.on(ID,function(h){let{ref:m}=nh(this,e),y=h.v?T4e(h):h.stories;if(m)e.setRef(m.id,{...m,setStoriesData:y},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),e.on(E7,function({kind:h,story:m,storyId:y,...D}){let{ref:v}=nh(this,e);v?e.selectStory(y||h,m,{...D,ref:v.id}):e.selectStory(y||h,m,D)}),e.on(PD,function({storyId:h,args:m}){let{ref:y}=nh(this,e);e.updateStory(h,{args:m},y)}),e.on(m7,function(h){t.setState({storiesConfigured:!0,storiesFailed:h})}),m4!=null&&m4.storyStoreV7&&((p=n.serverChannel)==null||p.on(S7,()=>e.fetchIndex()),await e.fetchIndex())}}},O4={};Sp(O4,{ActiveTabs:()=>RY,focusableUIElements:()=>mS,init:()=>z4e});var{document:q4e}=PY.default,RY={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},Rg={ui:{enableShortcuts:!0},layout:{initialActive:RY.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:d6()},mS={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},z4e=({store:e,provider:t,singleStory:r,fullAPI:n})=>{let a={toggleFullscreen(l){return e.setState(s=>{let{showNav:p}=s.layout,h=typeof l=="boolean"?l:!s.layout.isFullscreen,m=p===!1&&h===!1;return{layout:{...s.layout,isFullscreen:h,showNav:!r&&m?!0:p}}},{persistence:"session"})},togglePanel(l){return e.setState(s=>{let{showNav:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showPanel,y=p===!1&&m===!1;return{layout:{...s.layout,showPanel:m,isFullscreen:y?!0:h}}},{persistence:"session"})},togglePanelPosition(l){return typeof l<"u"?e.setState(s=>({layout:{...s.layout,panelPosition:l}}),{persistence:"permanent"}):e.setState(s=>({layout:{...s.layout,panelPosition:s.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(l){return e.setState(s=>{if(r)return{layout:s.layout};let{showPanel:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showNav,y=p===!1&&m===!1;return{layout:{...s.layout,showNav:m,isFullscreen:y?!0:!m&&h}}},{persistence:"session"})},toggleToolbar(l){return e.setState(s=>{let p=typeof l<"u"?l:!s.layout.showToolbar;return{layout:{...s.layout,showToolbar:p}}},{persistence:"session"})},resetLayout(){return e.setState(l=>({layout:{...l.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(l,s){if(!l)return;let p=q4e.getElementById(l);p&&(p.focus(),s&&p.select())},getInitialOptions(){let{theme:l,selectedPanel:s,...p}=t.getConfig();return{...Rg,layout:{...Rg.layout,...(0,Ky.default)(p,Object.keys(Rg.layout)),...r&&{showNav:!1}},ui:{...Rg.ui,...(0,Ky.default)(p,Object.keys(Rg.ui))},selectedPanel:s||Rg.selectedPanel,theme:l||Rg.theme}},setOptions:l=>{let{layout:s,ui:p,selectedPanel:h,theme:m}=e.getState();if(l){let y={...s,...(0,Ky.default)(l,Object.keys(s)),...r&&{showNav:!1}},D={...p,...(0,Ky.default)(l,Object.keys(p))},v={...m,...l.theme},N={};Dc(p,D)||(N.ui=D),Dc(s,y)||(N.layout=y),l.selectedPanel&&!Dc(h,l.selectedPanel)&&(N.selectedPanel=l.selectedPanel),Object.keys(N).length&&e.setState(N,{persistence:"permanent"}),Dc(m,v)||e.setState({theme:v})}}},u=(0,Ky.default)(e.getState(),"layout","ui","selectedPanel");return{api:a,state:yf(a.getInitialOptions(),u),init:()=>{a.setOptions(yf(a.getInitialOptions(),u)),n.on(kD,()=>{a.setOptions(yf(a.getInitialOptions(),u))})}}},BY={};Sp(BY,{controlOrMetaKey:()=>gS,defaultShortcuts:()=>Jy,init:()=>Y4e,isMacLike:()=>HY,keys:()=>w4});var{navigator:y4}=MY.default,vS=()=>y4&&y4.platform?!!y4.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,V4e=()=>vS()?"\u2318":"ctrl",U4e=()=>vS()?"meta":"control",jY=()=>vS()?"\u2325":"alt",W4e=(e,t)=>JSON.stringify(e)===JSON.stringify(t),hb=e=>{if(["Meta","Alt","Control","Shift"].includes(e.key))return null;let t=[];return e.altKey&&t.push("alt"),e.ctrlKey&&t.push("control"),e.metaKey&&t.push("meta"),e.shiftKey&&t.push("shift"),e.key&&e.key.length===1&&e.key!==" "&&t.push(e.key.toUpperCase()),e.key===" "&&t.push("space"),e.key==="Escape"&&t.push("escape"),e.key==="ArrowRight"&&t.push("ArrowRight"),e.key==="ArrowDown"&&t.push("ArrowDown"),e.key==="ArrowUp"&&t.push("ArrowUp"),e.key==="ArrowLeft"&&t.push("ArrowLeft"),t.length>0?t:null},mb=(e,t)=>!e||!t||(e.join("")==="shift/"&&e.shift(),e.length!==t.length)?!1:!e.find((r,n)=>r!==t[n]),G4e=(e,t)=>mb(hb(e),t),$Y=e=>e==="alt"?jY():e==="control"?"\u2303":e==="meta"?"\u2318":e==="shift"?"\u21E7\u200B":e==="Enter"||e==="Backspace"||e==="Esc"||e==="escape"?"":e===" "?"SPACE":e==="ArrowUp"?"\u2191":e==="ArrowDown"?"\u2193":e==="ArrowLeft"?"\u2190":e==="ArrowRight"?"\u2192":e.toUpperCase(),r0=e=>e.map($Y).join(" "),{navigator:v4,document:fY}=LY.default,HY=()=>v4&&v4.platform?!!v4.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,gS=()=>HY()?"meta":"control";function w4(e){return Object.keys(e)}var Jy=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[gS(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[gS(),"shift","ArrowUp"],expandAll:[gS(),"shift","ArrowDown"]}),D4={};function Z4e(e){let t=e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}var Y4e=({store:e,fullAPI:t})=>{let r={getShortcutKeys(){return e.getState().shortcuts},getDefaultShortcuts(){return{...Jy,...r.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return D4},getAddonsShortcutLabels(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{label:s}])=>{u[l]=s}),u},getAddonsShortcutDefaults(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{defaultShortcut:s}])=>{u[l]=s}),u},async setShortcuts(u){return await e.setState({shortcuts:u},{persistence:"permanent"}),u},async restoreAllDefaultShortcuts(){return r.setShortcuts(r.getDefaultShortcuts())},async setShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[u]:l}),l},async setAddonShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[`${u}-${l.actionName}`]:l.defaultShortcut}),D4[`${u}-${l.actionName}`]=l,l},async restoreDefaultShortcut(u){let l=r.getDefaultShortcuts()[u];return r.setShortcut(u,l)},handleKeydownEvent(u){let l=hb(u),s=r.getShortcutKeys(),p=w4(s).find(h=>mb(l,s[h]));p&&(u!=null&&u.preventDefault&&u.preventDefault(),r.handleShortcutFeature(p))},handleShortcutFeature(u){let{layout:{isFullscreen:l,showNav:s,showPanel:p},ui:{enableShortcuts:h}}=e.getState();if(h)switch(u){case"escape":{l?t.toggleFullscreen():s||t.toggleNav();break}case"focusNav":{l&&t.toggleFullscreen(),s||t.toggleNav(),t.focusOnUIElement(mS.storyListMenu);break}case"search":{l&&t.toggleFullscreen(),s||t.toggleNav(),setTimeout(()=>{t.focusOnUIElement(mS.storySearchField,!0)},0);break}case"focusIframe":{let m=fY.getElementById("storybook-preview-iframe");if(m)try{m.contentWindow.focus()}catch{}break}case"focusPanel":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.focusOnUIElement(mS.storyPanelRoot);break}case"nextStory":{t.jumpToStory(1);break}case"prevStory":{t.jumpToStory(-1);break}case"nextComponent":{t.jumpToComponent(1);break}case"prevComponent":{t.jumpToComponent(-1);break}case"fullScreen":{t.toggleFullscreen();break}case"togglePanel":{l&&(t.toggleFullscreen(),t.resetLayout()),t.togglePanel();break}case"toggleNav":{l&&(t.toggleFullscreen(),t.resetLayout()),t.toggleNav();break}case"toolbar":{t.toggleToolbar();break}case"panelPosition":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.togglePanelPosition();break}case"aboutPage":{t.navigate("/settings/about");break}case"shortcutsPage":{t.navigate("/settings/shortcuts");break}case"collapseAll":{t.collapseAll();break}case"expandAll":{t.expandAll();break}default:D4[u].action();break}}},{shortcuts:n=Jy}=e.getState(),a={shortcuts:w4(Jy).reduce((u,l)=>({...u,[l]:n[l]||Jy[l]}),Jy)};return{api:r,state:a,init:()=>{fY.addEventListener("keydown",u=>{Z4e(u)||t.handleKeydownEvent(u)}),t.on(D7,u=>{t.handleKeydownEvent(u.event)})}}},qY={};Sp(qY,{init:()=>K4e});var{window:b4}=zY.default,db=e=>{if(e==="true"||e==="1")return!0;if(e==="false"||e==="0")return!1},E4,X4e=({state:{location:e,path:t,viewMode:r,storyId:n},singleStory:a})=>{let{full:u,panel:l,nav:s,shortcuts:p,addonPanel:h,tabs:m,path:y,...D}=Xx(e),v={isFullscreen:db(u),showNav:!a&&db(s),showPanel:db(l),panelPosition:["right","bottom"].includes(l)?l:void 0,showTabs:db(m)},N={enableShortcuts:db(p)},F=h||void 0,I=n,S=Dc(E4,D)?E4:D;return E4=S,{viewMode:r,layout:v,ui:N,selectedPanel:F,location:e,path:t,customQueryParams:S,storyId:I}},K4e=({store:e,navigate:t,state:r,provider:n,fullAPI:a,...u})=>{let l=(h,m={},y={})=>{let D=Object.entries(m).filter(([,N])=>N).sort(([N],[F])=>N<F?-1:1).map(([N,F])=>`${N}=${F}`),v=[h,...D].join("&");return t(v,y)},s={getQueryParam(h){let{customQueryParams:m}=e.getState();return m?m[h]:void 0},getUrlState(){let{path:h,customQueryParams:m,storyId:y,url:D,viewMode:v}=e.getState();return{path:h,queryParams:m,storyId:y,url:D,viewMode:v}},setQueryParams(h){let{customQueryParams:m}=e.getState(),y={},D={...m,...Object.entries(h).reduce((v,[N,F])=>(F!==null&&(v[N]=F),v),y)};Dc(m,D)||(e.setState({customQueryParams:D}),a.emit(F7,D))},navigateUrl(h,m){t(h,{...m,plain:!0})}},p=()=>{let h=()=>{let{path:y,queryParams:D,viewMode:v}=a.getUrlState();if(v!=="story")return;let N=a.getCurrentStoryData();if((N==null?void 0:N.type)!=="story")return;let{args:F,initialArgs:I}=N,S=eb(I,F);l(y,{...D,args:S},{replace:!0}),s.setQueryParams({args:S})};a.on(ND,()=>h());let m;a.on(PD,()=>{"requestIdleCallback"in b4?(m&&b4.cancelIdleCallback(m),m=b4.requestIdleCallback(h,{timeout:1e3})):(m&&clearTimeout(m),setTimeout(h,100))}),a.on(OD,({globals:y,initialGlobals:D})=>{let{path:v,queryParams:N}=a.getUrlState(),F=eb(D,y);l(v,{...N,globals:F},{replace:!0}),s.setQueryParams({globals:F})}),a.on(y7,(y,D)=>{a.navigateUrl(y,D)}),a.showReleaseNotesOnLaunch()&&t("/settings/release-notes")};return{api:s,state:X4e({store:e,navigate:t,state:r,provider:n,fullAPI:a,...u}),init:p}},VY={};Sp(VY,{init:()=>e8e});var J4e="7.0.0-beta.5",{VERSIONCHECK:Q4e}=UY.default,dY=(0,WY.default)(1)(()=>{try{return{...JSON.parse(Q4e).data||{}}}catch{return{}}}),e8e=({store:e,mode:t,fullAPI:r})=>{let{dismissedVersionNotification:n}=e.getState(),a={versions:{current:{version:J4e},...dY()},dismissedVersionNotification:n},u={getCurrentVersion:()=>{let{versions:{current:l}}=e.getState();return l},getLatestVersion:()=>{let{versions:{latest:l,next:s,current:p}}=e.getState();return p&&td.default.prerelease(p.version)&&s?l&&td.default.gt(l.version,s.version)?l:s:l},versionUpdateAvailable:()=>{let l=u.getLatestVersion(),s=u.getCurrentVersion();if(l){if(!l.version||!s.version)return!0;let p=td.default.prerelease(s.version)?`${td.default.major(s.version)}.${td.default.minor(s.version)}.${td.default.patch(s.version)}`:s.version,h=td.default.diff(p,l.version);return td.default.gt(l.version,p)&&h!=="patch"&&!h.includes("pre")}return!1}};return{init:async()=>{let{versions:l={}}=e.getState(),{latest:s,next:p}=dY();if(await e.setState({versions:{...l,latest:s,next:p}}),u.versionUpdateAvailable()){let h=u.getLatestVersion().version,m=td.default.diff(l.current.version,l.latest.version);h!==n&&m!=="patch"&&!td.default.prerelease(h)&&t!=="production"&&r.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${h} is available!`,subHeadline:`Your current version is: ${l.current.version}`},icon:{name:"book"},onClear(){e.setState({dismissedVersionNotification:h},{persistence:"permanent"})}})}},state:a,api:u}},GY={};Sp(GY,{init:()=>t8e});var t8e=({store:e,fullAPI:t})=>{let r={getGlobals(){return e.getState().globals},getGlobalTypes(){return e.getState().globalTypes},updateGlobals(u){t.emit(T7,{globals:u,options:{target:"storybook-preview-iframe"}})}},n={globals:{},globalTypes:{}},a=u=>{var s;let l=(s=e.getState())==null?void 0:s.globals;Dc(u,l)||e.setState({globals:u})};return{api:r,state:n,init:()=>{t.on(OD,function({globals:u}){let{ref:l}=nh(this,t);l?Zi.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):a(u)}),t.on(C7,function({globals:u,globalTypes:l}){var h;let{ref:s}=nh(this,t),p=(h=e.getState())==null?void 0:h.globals;s?Object.keys(u).length>0&&Zi.warn("received globals from a non-local ref. This is not currently supported."):e.setState({globals:u,globalTypes:l}),p&&Object.keys(p).length!==0&&!Dc(u,p)&&r.updateGlobals(p)})}}};function DS(){let e={setHandler:()=>{},send:()=>{}};return new im({transport:e})}var r8e=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(DS()),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.getElements=e=>(this.elements[e]||(this.elements[e]={}),this.elements[e]),this.addPanel=(e,t)=>{this.add(e,{type:Uc.PANEL,...t})},this.add=(e,t)=>{let{type:r}=t,n=this.getElements(r);n[e]={id:e,...t}},this.setConfig=e=>{Object.assign(this.config,e),this.hasChannel()&&this.getChannel().emit(kD,e)},this.getConfig=()=>this.config,this.register=(e,t)=>{this.loaders[e]&&Zi.warn(`${e} was loaded twice, this could have bad side-effects`),this.loaders[e]=t},this.loadAddons=e=>{Object.values(this.loaders).forEach(t=>t(e))},this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},C4="__STORYBOOK_ADDONS_MANAGER";function n8e(){return yS.default[C4]||(yS.default[C4]=new r8e),yS.default[C4]}var vf=n8e(),{ActiveTabs:k4}=O4,gb=f4e({api:void 0,state:S4({})}),ZY=(...e)=>(0,hY.default)({},...e,(t,r)=>{if(Array.isArray(r))return r}),bS=class extends ji.Component{constructor(e){super(e),this.api={},this.initModules=()=>{this.modules.forEach(F=>{"init"in F&&F.init()})};let{location:t,path:r,refId:n,viewMode:a=e.docsOptions.docsMode?"docs":"story",singleStory:u,storyId:l,docsOptions:s,navigate:p}=e,h=new g4e({getState:()=>this.state,setState:(F,I)=>this.setState(F,I)}),m={location:t,path:r,viewMode:a,singleStory:u,storyId:l,refId:n},y={docsOptions:s};this.state=h.getInitialState(S4({...m,...y}));let D={navigate:p,store:h,provider:e.provider};this.modules=[DY,EY,bY,O4,CY,xY,SY,BY,TY,_Y,GY,qY,VY].map(F=>F.init({...m,...y,...D,state:this.state,fullAPI:this.api}));let v=S4(this.state,...this.modules.map(F=>F.state)),N=Object.assign(this.api,{navigate:p},...this.modules.map(F=>F.api));this.state=v,this.api=N}static getDerivedStateFromProps(e,t){return t.path!==e.path?{...t,location:e.location,path:e.path,refId:e.refId,viewMode:e.viewMode,storyId:e.storyId}:null}shouldComponentUpdate(e,t){let r=this.state,n=this.props;return r!==t||n.path!==e.path}render(){let{children:e}=this.props,t={state:this.state,api:this.api};return ji.default.createElement(o8e,{effect:this.initModules},ji.default.createElement(gb.Provider,{value:t},ji.default.createElement(Ci,null,e)))}};bS.displayName="Manager";var o8e=({children:e,effect:t})=>(ji.default.useEffect(t,[]),e),a8e=e=>e;function Ci({filter:e=a8e,children:t}){let r=(0,ji.useContext)(gb),n=(0,ji.useRef)(t),a=(0,ji.useRef)(e);if(typeof n.current!="function")return ji.default.createElement(ji.Fragment,null,n.current);let u=a.current(r),l=(0,ji.useMemo)(()=>[...Object.entries(u).reduce((s,p)=>s.concat(p),[])],[r.state]);return(0,ji.useMemo)(()=>{let s=n.current;return ji.default.createElement(s,{...u})},l)}function yb(){let{state:e}=(0,ji.useContext)(gb);return e}function ai(){let{api:e}=(0,ji.useContext)(gb);return e}function YY(e,t){return typeof e>"u"?t:e}var XY=(e,t=[])=>{let r=ai();return(0,ji.useEffect)(()=>(Object.entries(e).forEach(([n,a])=>r.on(n,a)),()=>{Object.entries(e).forEach(([n,a])=>r.off(n,a))}),t),r.emit};function i8e(e){return ai().isPrepared(e)}function u8e(e,t){let r=ai().getCurrentParameter(e);return YY(r,t)}var rh={};function KY(e,t){let r=ai(),n=r.getAddonState(e),a=YY(n,rh[e]?rh[e]:t),u=(p,h)=>{rh[e]&&(rh[e]=p),r.setAddonState(e,p,h)},l=(0,ji.useMemo)(()=>{let p={[`${dx}-client-${e}`]:m=>u(m),[`${Cg}-client-${e}`]:m=>u(m)},h={[ID]:()=>{let m=r.getAddonState(e);m?(rh[e]=m,r.emit(`${Cg}-manager-${e}`,m)):rh[e]?(u(rh[e]),r.emit(`${Cg}-manager-${e}`,rh[e])):t!==void 0&&(u(t),rh[e]=t,r.emit(`${Cg}-manager-${e}`,t))},[RD]:()=>{let m=r.getAddonState(e);m!==void 0&&r.emit(`${Cg}-manager-${e}`,m)}};return{...p,...h}},[e]),s=XY(l);return[a,(p,h)=>{u(p,h),s(`${dx}-manager-${e}`,p)}]}function s8e(e,t){return KY(e,t)}function l8e(){let{getCurrentStoryData:e,updateStoryArgs:t,resetStoryArgs:r}=ai(),n=e(),a=n.type==="story"?n.args:{},u=(0,ji.useCallback)(s=>t(n,s),[n,t]),l=(0,ji.useCallback)(s=>r(n,s),[n,r]);return[a,u,l]}function c8e(){let e=ai();return[e.getGlobals(),e.updateGlobals]}function p8e(){return ai().getGlobalTypes()}function f8e(){let{getCurrentStoryData:e}=ai();return e()}function d8e(){let e=f8e();return(e==null?void 0:e.type)==="story"&&e.argTypes||{}}var CS=Qe(Ii(),1);Cp();var QY=Qe(Ux(),1),{window:Ap,document:ev,location:N4}=CS.default,JY="storybook-channel",h8e={allowFunction:!0,maxDepth:25},m8e=class{constructor(e){if(this.config=e,this.buffer=[],this.handler=null,Ap&&Ap.addEventListener("message",this.handleEvent.bind(this),!1),e.page!=="manager"&&e.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${e.page}"`)}setHandler(e){this.handler=(...t)=>{e.apply(this,t),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(e,t){let{target:r,allowRegExp:n,allowFunction:a,allowSymbol:u,allowDate:l,allowUndefined:s,allowClass:p,maxDepth:h,space:m,lazyEval:y}=t||{},D=Object.fromEntries(Object.entries({allowRegExp:n,allowFunction:a,allowSymbol:u,allowDate:l,allowUndefined:s,allowClass:p,maxDepth:h,space:m,lazyEval:y}).filter(([S,b])=>typeof b<"u")),v={...h8e,...CS.default.CHANNEL_OPTIONS||{},...D},N=this.getFrames(r),F=QY.default.parse(N4.search,{ignoreQueryPrefix:!0}),I=Fy({key:JY,event:e,refId:F.refId},v);return N.length?(this.buffer.length&&this.flush(),N.forEach(S=>{try{S.postMessage(I,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((S,b)=>{this.buffer.push({event:e,resolve:S,reject:b})})}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>{this.send(t.event).then(t.resolve).catch(t.reject)})}getFrames(e){if(this.config.page==="manager"){let t=[...ev.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(r=>{try{return!!r.contentWindow&&r.dataset.isStorybook!==void 0&&r.id===e}catch{return!1}}).map(r=>r.contentWindow);return t.length?t:this.getCurrentFrames()}return Ap&&Ap.parent&&Ap.parent!==Ap?[Ap.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...ev.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):Ap&&Ap.parent?[Ap.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...ev.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):Ap&&Ap.parent?[Ap.parent]:[]}handleEvent(e){try{let{data:t}=e,{key:r,event:n,refId:a}=typeof t=="string"&&jD(t)?_y(t,CS.default.CHANNEL_OPTIONS||{}):t;if(r===JY){let u=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',l=Object.values(BD).includes(n.type)?`<span style="color: #FF4785">${n.type}</span>`:`<span style="color: #FFAE00">${n.type}</span>`;if(a&&(n.refId=a),n.source=this.config.page==="preview"?e.origin:g8e(e),!n.source){Vc.error(`${u} received ${l} but was unable to determine the source of the event`);return}let s=`${u} received ${l} (${t.length})`;Vc.debug(N4.origin!==n.source?s:`${s} <span style="color: gray">(on ${N4.origin} from ${n.source})</span>`,...n.args),this.handler(n)}}catch(t){Zi.error(t)}}},g8e=e=>{let t=[...ev.querySelectorAll("iframe[data-is-storybook]")],[r,...n]=t.filter(a=>{try{return a.contentWindow===e.source}catch{}let u=a.getAttribute("src"),l;try{({origin:l}=new URL(u,ev.location))}catch{return!1}return l===e.origin});if(r&&n.length===0){let a=r.getAttribute("src"),{protocol:u,host:l,pathname:s}=new URL(a,ev.location);return`${u}//${l}${s}`}return n.length>0&&Zi.error("found multiple candidates for event source"),null};function eX({page:e}){let t=new m8e({page:e});return new im({transport:t})}var tX=Qe(Ii(),1);Cp();var{WebSocket:v8e}=tX.default,D8e=class{constructor({url:e,onError:t}){this.buffer=[],this.isReady=!1,this.connect(e,t)}setHandler(e){this.handler=e}send(e){this.isReady?this.sendNow(e):this.sendLater(e)}sendLater(e){this.buffer.push(e)}sendNow(e){let t=Fy(e,{maxDepth:15,allowFunction:!0});this.socket.send(t)}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>this.send(t))}connect(e,t){this.socket=new v8e(e),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data:r})=>{let n=typeof r=="string"&&jD(r)?_y(r):r;this.handler(n)},this.socket.onerror=r=>{t&&t(r)}}};function rX({url:e,async:t=!1,onError:r=n=>Zi.warn(n)}){let n=new D8e({url:e,onError:r});return new im({transport:n,async:t})}var Bg=class{getElements(t){throw new Error("Provider.getElements() is not implemented!")}handleAPI(t){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var oce=Qe(Ii()),$f=Qe(Br()),ace=Qe(Am());var Oh=Qe(pn());var Ip=Qe(Br()),Ea=Qe(yE()),Lee=Qe(Fee()),Lk=Qe(kk()),Mee=Qe(Nk());function ts(){return ts=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ts.apply(this,arguments)}function Hk(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Mk(e,t)}function Mk(e,t){return Mk=Object.setPrototypeOf||function(r,n){return r.__proto__=n,r},Mk(e,t)}function kee(e,t){if(e==null)return{};var r,n,a={},u=Object.keys(e);for(n=0;n<u.length;n++)t.indexOf(r=u[n])>=0||(a[r]=e[r]);return a}var _o={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},RIe={rel:["amphtml","canonical","alternate"]},BIe={type:["application/ld+json"]},LIe={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},Nee=Object.keys(_o).map(function(e){return _o[e]}),S3={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},MIe=Object.keys(S3).reduce(function(e,t){return e[S3[t]]=t,e},{}),Bv=function(e,t){for(var r=e.length-1;r>=0;r-=1){var n=e[r];if(Object.prototype.hasOwnProperty.call(n,t))return n[t]}return null},jIe=function(e){var t=Bv(e,_o.TITLE),r=Bv(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),r&&t)return r.replace(/%s/g,function(){return t});var n=Bv(e,"defaultTitle");return t||n||void 0},$Ie=function(e){return Bv(e,"onChangeClientState")||function(){}},Ik=function(e,t){return t.filter(function(r){return r[e]!==void 0}).map(function(r){return r[e]}).reduce(function(r,n){return ts({},r,n)},{})},HIe=function(e,t){return t.filter(function(r){return r[_o.BASE]!==void 0}).map(function(r){return r[_o.BASE]}).reverse().reduce(function(r,n){if(!r.length)for(var a=Object.keys(n),u=0;u<a.length;u+=1){var l=a[u].toLowerCase();if(e.indexOf(l)!==-1&&n[l])return r.concat(n)}return r},[])},vE=function(e,t,r){var n={};return r.filter(function(a){return!!Array.isArray(a[e])||(a[e]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof a[e]+'"'),!1)}).map(function(a){return a[e]}).reverse().reduce(function(a,u){var l={};u.filter(function(y){for(var D,v=Object.keys(y),N=0;N<v.length;N+=1){var F=v[N],I=F.toLowerCase();t.indexOf(I)===-1||D==="rel"&&y[D].toLowerCase()==="canonical"||I==="rel"&&y[I].toLowerCase()==="stylesheet"||(D=I),t.indexOf(F)===-1||F!=="innerHTML"&&F!=="cssText"&&F!=="itemprop"||(D=F)}if(!D||!y[D])return!1;var S=y[D].toLowerCase();return n[D]||(n[D]={}),l[D]||(l[D]={}),!n[D][S]&&(l[D][S]=!0,!0)}).reverse().forEach(function(y){return a.push(y)});for(var s=Object.keys(l),p=0;p<s.length;p+=1){var h=s[p],m=ts({},n[h],l[h]);n[h]=m}return a},[]).reverse()},qIe=function(e,t){if(Array.isArray(e)&&e.length){for(var r=0;r<e.length;r+=1)if(e[r][t])return!0}return!1},jee=function(e){return Array.isArray(e)?e.join(""):e},Pk=function(e,t){return Array.isArray(e)?e.reduce(function(r,n){return function(a,u){for(var l=Object.keys(a),s=0;s<l.length;s+=1)if(u[l[s]]&&u[l[s]].includes(a[l[s]]))return!0;return!1}(n,t)?r.priority.push(n):r.default.push(n),r},{priority:[],default:[]}):{default:e}},Iee=function(e,t){var r;return ts({},e,((r={})[t]=void 0,r))},zIe=[_o.NOSCRIPT,_o.SCRIPT,_o.STYLE],Rk=function(e,t){return t===void 0&&(t=!0),t===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},Pee=function(e){return Object.keys(e).reduce(function(t,r){var n=e[r]!==void 0?r+'="'+e[r]+'"':""+r;return t?t+" "+n:n},"")},Ree=function(e,t){return t===void 0&&(t={}),Object.keys(e).reduce(function(r,n){return r[S3[n]||n]=e[n],r},t)},x3=function(e,t){return t.map(function(r,n){var a,u=((a={key:n})["data-rh"]=!0,a);return Object.keys(r).forEach(function(l){var s=S3[l]||l;s==="innerHTML"||s==="cssText"?u.dangerouslySetInnerHTML={__html:r.innerHTML||r.cssText}:u[s]=r[l]}),Ip.default.createElement(e,u)})},Af=function(e,t,r){switch(e){case _o.TITLE:return{toComponent:function(){return a=t.titleAttributes,(u={key:n=t.title})["data-rh"]=!0,l=Ree(a,u),[Ip.default.createElement(_o.TITLE,l,n)];var n,a,u,l},toString:function(){return function(n,a,u,l){var s=Pee(u),p=jee(a);return s?"<"+n+' data-rh="true" '+s+">"+Rk(p,l)+"</"+n+">":"<"+n+' data-rh="true">'+Rk(p,l)+"</"+n+">"}(e,t.title,t.titleAttributes,r)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return Ree(t)},toString:function(){return Pee(t)}};default:return{toComponent:function(){return x3(e,t)},toString:function(){return function(n,a,u){return a.reduce(function(l,s){var p=Object.keys(s).filter(function(y){return!(y==="innerHTML"||y==="cssText")}).reduce(function(y,D){var v=s[D]===void 0?D:D+'="'+Rk(s[D],u)+'"';return y?y+" "+v:v},""),h=s.innerHTML||s.cssText||"",m=zIe.indexOf(n)===-1;return l+"<"+n+' data-rh="true" '+p+(m?"/>":">"+h+"</"+n+">")},"")}(e,t,r)}}}},jk=function(e){var t=e.baseTag,r=e.bodyAttributes,n=e.encode,a=e.htmlAttributes,u=e.noscriptTags,l=e.styleTags,s=e.title,p=s===void 0?"":s,h=e.titleAttributes,m=e.linkTags,y=e.metaTags,D=e.scriptTags,v={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var N=function(F){var I=F.linkTags,S=F.scriptTags,b=F.encode,w=Pk(F.metaTags,LIe),A=Pk(I,RIe),k=Pk(S,BIe);return{priorityMethods:{toComponent:function(){return[].concat(x3(_o.META,w.priority),x3(_o.LINK,A.priority),x3(_o.SCRIPT,k.priority))},toString:function(){return Af(_o.META,w.priority,b)+" "+Af(_o.LINK,A.priority,b)+" "+Af(_o.SCRIPT,k.priority,b)}},metaTags:w.default,linkTags:A.default,scriptTags:k.default}}(e);v=N.priorityMethods,m=N.linkTags,y=N.metaTags,D=N.scriptTags}return{priority:v,base:Af(_o.BASE,t,n),bodyAttributes:Af("bodyAttributes",r,n),htmlAttributes:Af("htmlAttributes",a,n),link:Af(_o.LINK,m,n),meta:Af(_o.META,y,n),noscript:Af(_o.NOSCRIPT,u,n),script:Af(_o.SCRIPT,D,n),style:Af(_o.STYLE,l,n),title:Af(_o.TITLE,{title:p,titleAttributes:h},n)}},C3=[],$k=function(e,t){var r=this;t===void 0&&(t=typeof document<"u"),this.instances=[],this.value={setHelmet:function(n){r.context.helmet=n},helmetInstances:{get:function(){return r.canUseDOM?C3:r.instances},add:function(n){(r.canUseDOM?C3:r.instances).push(n)},remove:function(n){var a=(r.canUseDOM?C3:r.instances).indexOf(n);(r.canUseDOM?C3:r.instances).splice(a,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=jk({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$ee=Ip.default.createContext({}),VIe=Ea.default.shape({setHelmet:Ea.default.func,helmetInstances:Ea.default.shape({get:Ea.default.func,add:Ea.default.func,remove:Ea.default.func})}),UIe=typeof document<"u",Tm=function(e){function t(r){var n;return(n=e.call(this,r)||this).helmetData=new $k(n.props.context,t.canUseDOM),n}return Hk(t,e),t.prototype.render=function(){return Ip.default.createElement($ee.Provider,{value:this.helmetData.value},this.props.children)},t}(Ip.Component);Tm.canUseDOM=UIe,Tm.propTypes={context:Ea.default.shape({helmet:Ea.default.shape()}),children:Ea.default.node.isRequired},Tm.defaultProps={context:{}},Tm.displayName="HelmetProvider";var Rv=function(e,t){var r,n=document.head||document.querySelector(_o.HEAD),a=n.querySelectorAll(e+"[data-rh]"),u=[].slice.call(a),l=[];return t&&t.length&&t.forEach(function(s){var p=document.createElement(e);for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(h==="innerHTML"?p.innerHTML=s.innerHTML:h==="cssText"?p.styleSheet?p.styleSheet.cssText=s.cssText:p.appendChild(document.createTextNode(s.cssText)):p.setAttribute(h,s[h]===void 0?"":s[h]));p.setAttribute("data-rh","true"),u.some(function(m,y){return r=y,p.isEqualNode(m)})?u.splice(r,1):l.push(p)}),u.forEach(function(s){return s.parentNode.removeChild(s)}),l.forEach(function(s){return n.appendChild(s)}),{oldTags:u,newTags:l}},Bk=function(e,t){var r=document.getElementsByTagName(e)[0];if(r){for(var n=r.getAttribute("data-rh"),a=n?n.split(","):[],u=[].concat(a),l=Object.keys(t),s=0;s<l.length;s+=1){var p=l[s],h=t[p]||"";r.getAttribute(p)!==h&&r.setAttribute(p,h),a.indexOf(p)===-1&&a.push(p);var m=u.indexOf(p);m!==-1&&u.splice(m,1)}for(var y=u.length-1;y>=0;y-=1)r.removeAttribute(u[y]);a.length===u.length?r.removeAttribute("data-rh"):r.getAttribute("data-rh")!==l.join(",")&&r.setAttribute("data-rh",l.join(","))}},Bee=function(e,t){var r=e.baseTag,n=e.htmlAttributes,a=e.linkTags,u=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,p=e.scriptTags,h=e.styleTags,m=e.title,y=e.titleAttributes;Bk(_o.BODY,e.bodyAttributes),Bk(_o.HTML,n),function(F,I){F!==void 0&&document.title!==F&&(document.title=jee(F)),Bk(_o.TITLE,I)}(m,y);var D={baseTag:Rv(_o.BASE,r),linkTags:Rv(_o.LINK,a),metaTags:Rv(_o.META,u),noscriptTags:Rv(_o.NOSCRIPT,l),scriptTags:Rv(_o.SCRIPT,p),styleTags:Rv(_o.STYLE,h)},v={},N={};Object.keys(D).forEach(function(F){var I=D[F],S=I.newTags,b=I.oldTags;S.length&&(v[F]=S),b.length&&(N[F]=D[F].oldTags)}),t&&t(),s(e,v,N)},DE=null,A3=function(e){function t(){for(var n,a=arguments.length,u=new Array(a),l=0;l<a;l++)u[l]=arguments[l];return(n=e.call.apply(e,[this].concat(u))||this).rendered=!1,n}Hk(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,Mee.default)(n,this.props)},r.componentDidUpdate=function(){this.emitChange()},r.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r.emitChange=function(){var n,a,u=this.props.context,l=u.setHelmet,s=null,p=(n=u.helmetInstances.get().map(function(h){var m=ts({},h.props);return delete m.context,m}),{baseTag:HIe(["href"],n),bodyAttributes:Ik("bodyAttributes",n),defer:Bv(n,"defer"),encode:Bv(n,"encodeSpecialCharacters"),htmlAttributes:Ik("htmlAttributes",n),linkTags:vE(_o.LINK,["rel","href"],n),metaTags:vE(_o.META,["name","charset","http-equiv","property","itemprop"],n),noscriptTags:vE(_o.NOSCRIPT,["innerHTML"],n),onChangeClientState:$Ie(n),scriptTags:vE(_o.SCRIPT,["src","innerHTML"],n),styleTags:vE(_o.STYLE,["cssText"],n),title:jIe(n),titleAttributes:Ik("titleAttributes",n),prioritizeSeoTags:qIe(n,"prioritizeSeoTags")});Tm.canUseDOM?(a=p,DE&&cancelAnimationFrame(DE),a.defer?DE=requestAnimationFrame(function(){Bee(a,function(){DE=null})}):(Bee(a),DE=null)):jk&&(s=jk(p)),l(s)},r.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r.render=function(){return this.init(),null},t}(Ip.Component);A3.propTypes={context:VIe.isRequired},A3.displayName="HelmetDispatcher";var WIe=["children"],GIe=["children"],bE=function(e){function t(){return e.apply(this,arguments)||this}Hk(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,Lee.default)(Iee(this.props,"helmetData"),Iee(n,"helmetData"))},r.mapNestedChildrenToProps=function(n,a){if(!a)return null;switch(n.type){case _o.SCRIPT:case _o.NOSCRIPT:return{innerHTML:a};case _o.STYLE:return{cssText:a};default:throw new Error("<"+n.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},r.flattenArrayTypeChildren=function(n){var a,u=n.child,l=n.arrayTypeChildren;return ts({},l,((a={})[u.type]=[].concat(l[u.type]||[],[ts({},n.newChildProps,this.mapNestedChildrenToProps(u,n.nestedChildren))]),a))},r.mapObjectTypeChildren=function(n){var a,u,l=n.child,s=n.newProps,p=n.newChildProps,h=n.nestedChildren;switch(l.type){case _o.TITLE:return ts({},s,((a={})[l.type]=h,a.titleAttributes=ts({},p),a));case _o.BODY:return ts({},s,{bodyAttributes:ts({},p)});case _o.HTML:return ts({},s,{htmlAttributes:ts({},p)});default:return ts({},s,((u={})[l.type]=ts({},p),u))}},r.mapArrayTypeChildrenToProps=function(n,a){var u=ts({},a);return Object.keys(n).forEach(function(l){var s;u=ts({},u,((s={})[l]=n[l],s))}),u},r.warnOnInvalidChildren=function(n,a){return(0,Lk.default)(Nee.some(function(u){return n.type===u}),typeof n.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+Nee.join(", ")+" are allowed. Helmet does not support rendering <"+n.type+"> elements. Refer to our API for more information."),(0,Lk.default)(!a||typeof a=="string"||Array.isArray(a)&&!a.some(function(u){return typeof u!="string"}),"Helmet expects a string as a child of <"+n.type+">. Did you forget to wrap your children in braces? ( <"+n.type+">{``}</"+n.type+"> ) Refer to our API for more information."),!0},r.mapChildrenToProps=function(n,a){var u=this,l={};return Ip.default.Children.forEach(n,function(s){if(s&&s.props){var p=s.props,h=p.children,m=kee(p,WIe),y=Object.keys(m).reduce(function(v,N){return v[MIe[N]||N]=m[N],v},{}),D=s.type;switch(typeof D=="symbol"?D=D.toString():u.warnOnInvalidChildren(s,h),D){case _o.FRAGMENT:a=u.mapChildrenToProps(h,a);break;case _o.LINK:case _o.META:case _o.NOSCRIPT:case _o.SCRIPT:case _o.STYLE:l=u.flattenArrayTypeChildren({child:s,arrayTypeChildren:l,newChildProps:y,nestedChildren:h});break;default:a=u.mapObjectTypeChildren({child:s,newProps:a,newChildProps:y,nestedChildren:h})}}}),this.mapArrayTypeChildrenToProps(l,a)},r.render=function(){var n=this.props,a=n.children,u=kee(n,GIe),l=ts({},u),s=u.helmetData;return a&&(l=this.mapChildrenToProps(a,l)),!s||s instanceof $k||(s=new $k(s.context,s.instances)),s?Ip.default.createElement(A3,ts({},l,{context:s.value,helmetData:void 0})):Ip.default.createElement($ee.Consumer,null,function(p){return Ip.default.createElement(A3,ts({},l,{context:p}))})},t}(Ip.Component);bE.propTypes={base:Ea.default.object,bodyAttributes:Ea.default.object,children:Ea.default.oneOfType([Ea.default.arrayOf(Ea.default.node),Ea.default.node]),defaultTitle:Ea.default.string,defer:Ea.default.bool,encodeSpecialCharacters:Ea.default.bool,htmlAttributes:Ea.default.object,link:Ea.default.arrayOf(Ea.default.object),meta:Ea.default.arrayOf(Ea.default.object),noscript:Ea.default.arrayOf(Ea.default.object),onChangeClientState:Ea.default.func,script:Ea.default.arrayOf(Ea.default.object),style:Ea.default.arrayOf(Ea.default.object),title:Ea.default.string,titleAttributes:Ea.default.object,titleTemplate:Ea.default.string,prioritizeSeoTags:Ea.default.bool,helmetData:Ea.default.object},bE.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},bE.displayName="Helmet";var jf=Qe(Br()),tce=Qe(_te());var rN={};Dp(rN,{A:()=>Ene,ActionBar:()=>f9,AddonPanel:()=>Qje,Badge:()=>W9,Bar:()=>Q9,Blockquote:()=>xne,Button:()=>hd,Code:()=>Sne,DL:()=>Fne,Div:()=>wne,DocumentWrapper:()=>Y3,FlexBar:()=>m1,Form:()=>tw,H1:()=>One,H2:()=>Nne,H3:()=>Pne,H4:()=>Bne,H5:()=>Mne,H6:()=>$ne,HR:()=>qne,IconButton:()=>Yi,IconButtonSkeleton:()=>Uje,Icons:()=>bo,Img:()=>Vne,LI:()=>Wne,Link:()=>Mp,Loader:()=>GE,OL:()=>Zne,P:()=>Xne,Placeholder:()=>yoe,Pre:()=>Jne,ResetWrapper:()=>soe,ScrollArea:()=>yh,Separator:()=>Eh,Spaced:()=>S0,Span:()=>eoe,StorybookIcon:()=>tN,StorybookLogo:()=>eN,Symbols:()=>Z9,SyntaxHighlighter:()=>Y9,TT:()=>ooe,TabBar:()=>Jv,TabButton:()=>md,TabWrapper:()=>Zje,Table:()=>roe,Tabs:()=>Qv,TabsState:()=>Loe,TooltipLinkList:()=>Kv,TooltipMessage:()=>Foe,TooltipNote:()=>kje,UL:()=>ioe,WithTooltip:()=>Bm,WithTooltipPure:()=>Sje,Zoom:()=>X9,codeCommon:()=>VE,components:()=>s$e,createCopyToClipboardFunction:()=>_E,getStoryHref:()=>g1,interleaveSeparators:()=>Xje,nameSpaceClassNames:()=>Fu,resetComponents:()=>$oe,withReset:()=>Fs});d9();x9();k3();rs();var Z3=Qe(Br(),1),Tu=Qe(Br(),1),gne=Qe(pn(),1),bne=Qe(Br(),1),Cne=Qe(pn(),1),U9=Qe(pn(),1),$E=Qe(Br(),1),Ane=Qe(pn(),1),Tne=Qe(pn(),1),_ne=Qe(pn(),1),kne=Qe(pn(),1),Ine=Qe(pn(),1),Rne=Qe(pn(),1),Lne=Qe(pn(),1),jne=Qe(pn(),1),Hne=Qe(pn(),1),zne=Qe(pn(),1),Une=Qe(pn(),1),Gne=Qe(pn(),1),Yne=Qe(pn(),1),Kne=Qe(pn(),1),Qne=Qe(pn(),1),toe=Qe(pn(),1),noe=Qe(pn(),1),aoe=Qe(pn(),1),uoe=Qe(pn(),1),coe=Qe(Br(),1),poe=Qe(pn(),1),U3=Qe(Br(),1),G9=Qe(pn(),1),f1=Qe(Br(),1),foe=Qe(pn(),1),B=Qe(Br(),1),hoe=Qe(pn(),1),fd=Qe(Br(),1),moe=Qe(Br(),1),goe=Qe(pn(),1),Gv=Qe(Br(),1),X3=Qe(pn(),1),Lp=Qe(Br(),1),voe=Qe(pn(),1),Eoe=Qe(Br(),1),HE=Qe(Br(),1),Coe=Qe(pn(),1),Soe=Qe(pn(),1),W3=Qe(Br(),1),K9=Qe(pn(),1),Nf=Qe(Br(),1),UE=Qe(pn(),1),dd=Qe(Br(),1),woe=Qe(Br(),1),K3=Qe(Br(),1),J3=Qe(Br(),1),Bp=Qe(Br(),1),c1=Qe(Br(),1),Xv=Qe(pn(),1),_oe=Qe(Br(),1),Ooe=Qe(pn(),1),Zv=Qe(Br(),1),koe=Qe(pn(),1),bh=Qe(Br(),1),h1=Qe(pn(),1),Noe=Qe(zc(),1),ns=Qe(Br(),1),WE=Qe(pn(),1);var Rm=Qe(Br(),1),rw=Qe(pn(),1),qE=Qe(Br(),1),Lm=Qe(pn(),1),zE=Qe(Br(),1),Moe=Qe(pn(),1),e2=Qe(Br(),1),pd=Qe(Br(),1),p1=Qe(Br(),1),C0=Qe(Br(),1),A0=Qe(pn(),1),joe=Qe(pn(),1),Fu=({...e},t)=>{let r=[e.class,e.className];return delete e.class,e.className=["sbdocs",`sbdocs-${t}`,...r].filter(Boolean).join(" "),e};function YLe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function B9(e){return B9=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},B9(e)}function XLe(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function KLe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function V3(e,t,r){return KLe()?V3=Reflect.construct.bind():V3=function(n,a,u){var l=[null];l.push.apply(l,a);var s=Function.bind.apply(n,l),p=new s;return u&&$v(p,u.prototype),p},V3.apply(null,arguments)}function L9(e){var t=typeof Map=="function"?new Map:void 0;return L9=function(r){if(r===null||!XLe(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return V3(r,arguments,B9(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),$v(n,r)},L9(e)}var JLe={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+          `});let w=p.versions&&Object.keys(p.versions).length?p.versions:N.versions;await u.setRef(h,{id:h,url:m,...N,...w?{versions:w}:{},type:N.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:p={}}=e.getState();return p},setRef:(p,{storyIndex:h,setStoriesData:m,...y},D=!1)=>{if(r)return;let{storyMapper:v=IY}=t.getConfig(),N=u.getRefs()[p],F;m?F=F4e(B4e(m,N,{storyMapper:v}),{provider:t,docsOptions:n}):h&&(F=_4(h,{provider:t,docsOptions:n})),F&&(F=R4e(F,N)),u.updateRef(p,{stories:F,...y,ready:D})},updateRef:(p,h)=>{let{[p]:m,...y}=u.getRefs();y[p]={...m,...h};let D=Object.keys(s).reduce((v,N)=>(v[N]=y[N],v),{});e.setState({refs:D})}},l=!r&&T4.default.REFS||{},s=l;return a&&Object.entries(l).forEach(([p,h])=>{u.checkRef({...h,stories:{}})}),{api:u,state:{refs:s}}},nh=(e,t)=>{let{source:r,refId:n,type:a}=e,[u,l]=NY(r,n),s=n&&t.getRefs()[n]?t.getRefs()[n]:t.findRef(l),p={source:r,sourceType:u,sourceLocation:l,refId:n,ref:s,type:a};switch(!0){case typeof n=="string":case u==="local":case u==="external":return p;default:return Zi.warn(`Received a ${a} frame that was not configured as a ref`),null}},{FEATURES:m4,fetch:M4e}=FY.default,j4e="./index.json",$4e=["enableShortcuts","theme","showRoots"];function g4(e){if(!e||typeof e=="string")return e;let t={...e};return $4e.forEach(r=>{r in t&&delete t[r]}),t}var H4e=({fullAPI:e,store:t,navigate:r,provider:n,storyId:a,viewMode:u,docsOptions:l={}})=>{let s={storyId:qD,getData:(p,h)=>{let m=s.resolveStory(p,h);if((m==null?void 0:m.type)==="story"||(m==null?void 0:m.type)==="docs")return m},isPrepared:(p,h)=>{let m=s.getData(p,h);return m.type==="story"?m.prepared:!0},resolveStory:(p,h)=>{let{refs:m,storiesHash:y}=t.getState();return h?m[h].stories?m[h].stories[p]:void 0:y?y[p]:void 0},getCurrentStoryData:()=>{let{storyId:p,refId:h}=t.getState();return s.getData(p,h)},getParameters:(p,h)=>{let{storyId:m,refId:y}=typeof p=="string"?{storyId:p,refId:void 0}:p,D=s.getData(m,y);if((D==null?void 0:D.type)==="story"){let{parameters:v}=D;if(v)return h?v[h]:v}return null},getCurrentParameter:p=>{let{storyId:h,refId:m}=t.getState();return s.getParameters({storyId:h,refId:m},p)||void 0},jumpToComponent:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState();if(!s.getData(m,D))return;let v=D?y[D].stories||{}:h,N=s.findSiblingStoryId(m,v,p,!0);N&&s.selectStory(N,void 0,{ref:D})},jumpToStory:p=>{let{storiesHash:h,storyId:m,refs:y,refId:D}=t.getState(),v=s.getData(m,D);if(!v)return;let N=v.refId?y[v.refId].stories:h,F=s.findSiblingStoryId(m,N,p,!1);F&&s.selectStory(F,void 0,{ref:D})},selectFirstStory:()=>{let{storiesHash:p}=t.getState(),h=Object.keys(p).find(m=>p[m].type==="story");if(h){s.selectStory(h);return}r("/")},selectStory:(p=void 0,h=void 0,m={})=>{let{ref:y}=m,{storyId:D,storiesHash:v,refs:N}=t.getState(),F=y?N[y].stories:v,I=D==null?void 0:D.split("--",2)[0];if(h)if(p){let S=y?`${y}_${qD(p,h)}`:qD(p,h);if(F[S])s.selectStory(S,void 0,m);else{let b=F[Qh(p)];if((b==null?void 0:b.type)==="component"){let w=b.children.find(A=>F[A].name===h);w&&s.selectStory(w,void 0,m)}}}else{let S=qD(I,h);s.selectStory(S,void 0,m)}else{let S=p?F[p]||F[Qh(p)]:F[I];if(!S)throw new Error(`Unknown id or title: '${p}'`);let b=s.findLeafEntry(F,S.id),w=b.refId?`${b.refId}_${b.id}`:b.id;r(`/${b.type}/${w}`)}},findLeafEntry(p,h){let m=p[h];if(m.type==="docs"||m.type==="story")return m;let y=m.children[0];return s.findLeafEntry(p,y)},findLeafStoryId(p,h){var m;return(m=s.findLeafEntry(p,h))==null?void 0:m.id},findSiblingStoryId(p,h,m,y){if(y){let N=N4e(h),F=N.findIndex(I=>I.includes(p));return F===N.length-1&&m>0||F===0&&m<0?void 0:N[F+m]?N[F+m][0]:void 0}let D=I4e(h),v=D.indexOf(p);if(!(v===D.length-1&&m>0)&&!(v===0&&m<0))return D[v+m]},updateStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(_7,{storyId:m,updatedArgs:h,options:{target:y}})},resetStoryArgs:(p,h)=>{let{id:m,refId:y}=p;e.emit(b7,{storyId:m,argNames:h,options:{target:y}})},fetchIndex:async()=>{try{let p=await M4e(j4e);if(p.status!==200)throw new Error(await p.text());let h=await p.json();if(h.v<3){Zi.warn(`Skipping story index with version v${h.v}, awaiting SET_STORIES.`);return}await e.setIndex(h)}catch(p){t.setState({storiesConfigured:!0,storiesFailed:p})}},setIndex:async p=>{let h=_4(p,{provider:n,docsOptions:l}),m=t.getState().storiesHash;await t.setState({storiesHash:k4e(h,m),storiesConfigured:!0,storiesFailed:null})},updateStory:async(p,h,m)=>{if(m){let{id:y,stories:D}=m;D[p]={...D[p],...h},await e.updateRef(y,{stories:D})}else{let{storiesHash:y}=t.getState();y[p]={...y[p],...h},await t.setState({storiesHash:y})}}};return{api:s,state:{storiesHash:{},storyId:a,viewMode:u,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var p;e.on(w7,function({storyId:h,viewMode:m}){let{sourceType:y}=nh(this,e);if(!e.isSettingsScreenActive()&&y==="local"){let D=t.getState();(D.storyId!==h||D.viewMode!==m)&&r(`/${m}/${h}`)}}),e.on(RD,function(){let{sourceType:h}=nh(this,e);if(h==="local"){let m=e.getCurrentParameter("options");m&&e.setOptions(g4(m))}}),e.on(A7,function({id:h,...m}){let{ref:y,sourceType:D}=nh(this,e);if(e.updateStory(h,{...m,prepared:!0},y),y)e.updateRef(y.id,{ready:!0});else if(!t.getState().hasCalledSetOptions){let{options:v}=m.parameters;e.setOptions(g4(v)),t.setState({hasCalledSetOptions:!0})}if(D==="local"){let{storyId:v,storiesHash:N,refId:F}=t.getState(),I=Array.from(new Set([s.findSiblingStoryId(v,N,1,!0),s.findSiblingStoryId(v,N,-1,!0)])).filter(Boolean);e.emit(Jd,{ids:I,options:{target:F}})}}),e.on(x7,function(h){let{ref:m}=nh(this,e);if(m)e.setRef(m.id,{...m,storyIndex:h},!0);else{e.setIndex(h);let y=e.getCurrentParameter("options");e.setOptions(g4(y))}}),e.on(ID,function(h){let{ref:m}=nh(this,e),y=h.v?T4e(h):h.stories;if(m)e.setRef(m.id,{...m,setStoriesData:y},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),e.on(E7,function({kind:h,story:m,storyId:y,...D}){let{ref:v}=nh(this,e);v?e.selectStory(y||h,m,{...D,ref:v.id}):e.selectStory(y||h,m,D)}),e.on(PD,function({storyId:h,args:m}){let{ref:y}=nh(this,e);e.updateStory(h,{args:m},y)}),e.on(m7,function(h){t.setState({storiesConfigured:!0,storiesFailed:h})}),m4!=null&&m4.storyStoreV7&&((p=n.serverChannel)==null||p.on(S7,()=>e.fetchIndex()),await e.fetchIndex())}}},O4={};Sp(O4,{ActiveTabs:()=>RY,focusableUIElements:()=>mS,init:()=>z4e});var{document:q4e}=PY.default,RY={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},Rg={ui:{enableShortcuts:!0},layout:{initialActive:RY.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:d6()},mS={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},z4e=({store:e,provider:t,singleStory:r,fullAPI:n})=>{let a={toggleFullscreen(l){return e.setState(s=>{let{showNav:p}=s.layout,h=typeof l=="boolean"?l:!s.layout.isFullscreen,m=p===!1&&h===!1;return{layout:{...s.layout,isFullscreen:h,showNav:!r&&m?!0:p}}},{persistence:"session"})},togglePanel(l){return e.setState(s=>{let{showNav:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showPanel,y=p===!1&&m===!1;return{layout:{...s.layout,showPanel:m,isFullscreen:y?!0:h}}},{persistence:"session"})},togglePanelPosition(l){return typeof l<"u"?e.setState(s=>({layout:{...s.layout,panelPosition:l}}),{persistence:"permanent"}):e.setState(s=>({layout:{...s.layout,panelPosition:s.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(l){return e.setState(s=>{if(r)return{layout:s.layout};let{showPanel:p,isFullscreen:h}=s.layout,m=typeof l<"u"?l:!s.layout.showNav,y=p===!1&&m===!1;return{layout:{...s.layout,showNav:m,isFullscreen:y?!0:!m&&h}}},{persistence:"session"})},toggleToolbar(l){return e.setState(s=>{let p=typeof l<"u"?l:!s.layout.showToolbar;return{layout:{...s.layout,showToolbar:p}}},{persistence:"session"})},resetLayout(){return e.setState(l=>({layout:{...l.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(l,s){if(!l)return;let p=q4e.getElementById(l);p&&(p.focus(),s&&p.select())},getInitialOptions(){let{theme:l,selectedPanel:s,...p}=t.getConfig();return{...Rg,layout:{...Rg.layout,...(0,Ky.default)(p,Object.keys(Rg.layout)),...r&&{showNav:!1}},ui:{...Rg.ui,...(0,Ky.default)(p,Object.keys(Rg.ui))},selectedPanel:s||Rg.selectedPanel,theme:l||Rg.theme}},setOptions:l=>{let{layout:s,ui:p,selectedPanel:h,theme:m}=e.getState();if(l){let y={...s,...(0,Ky.default)(l,Object.keys(s)),...r&&{showNav:!1}},D={...p,...(0,Ky.default)(l,Object.keys(p))},v={...m,...l.theme},N={};Dc(p,D)||(N.ui=D),Dc(s,y)||(N.layout=y),l.selectedPanel&&!Dc(h,l.selectedPanel)&&(N.selectedPanel=l.selectedPanel),Object.keys(N).length&&e.setState(N,{persistence:"permanent"}),Dc(m,v)||e.setState({theme:v})}}},u=(0,Ky.default)(e.getState(),"layout","ui","selectedPanel");return{api:a,state:yf(a.getInitialOptions(),u),init:()=>{a.setOptions(yf(a.getInitialOptions(),u)),n.on(kD,()=>{a.setOptions(yf(a.getInitialOptions(),u))})}}},BY={};Sp(BY,{controlOrMetaKey:()=>gS,defaultShortcuts:()=>Jy,init:()=>Y4e,isMacLike:()=>HY,keys:()=>w4});var{navigator:y4}=MY.default,vS=()=>y4&&y4.platform?!!y4.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,V4e=()=>vS()?"\u2318":"ctrl",U4e=()=>vS()?"meta":"control",jY=()=>vS()?"\u2325":"alt",W4e=(e,t)=>JSON.stringify(e)===JSON.stringify(t),hb=e=>{if(["Meta","Alt","Control","Shift"].includes(e.key))return null;let t=[];return e.altKey&&t.push("alt"),e.ctrlKey&&t.push("control"),e.metaKey&&t.push("meta"),e.shiftKey&&t.push("shift"),e.key&&e.key.length===1&&e.key!==" "&&t.push(e.key.toUpperCase()),e.key===" "&&t.push("space"),e.key==="Escape"&&t.push("escape"),e.key==="ArrowRight"&&t.push("ArrowRight"),e.key==="ArrowDown"&&t.push("ArrowDown"),e.key==="ArrowUp"&&t.push("ArrowUp"),e.key==="ArrowLeft"&&t.push("ArrowLeft"),t.length>0?t:null},mb=(e,t)=>!e||!t||(e.join("")==="shift/"&&e.shift(),e.length!==t.length)?!1:!e.find((r,n)=>r!==t[n]),G4e=(e,t)=>mb(hb(e),t),$Y=e=>e==="alt"?jY():e==="control"?"\u2303":e==="meta"?"\u2318":e==="shift"?"\u21E7\u200B":e==="Enter"||e==="Backspace"||e==="Esc"||e==="escape"?"":e===" "?"SPACE":e==="ArrowUp"?"\u2191":e==="ArrowDown"?"\u2193":e==="ArrowLeft"?"\u2190":e==="ArrowRight"?"\u2192":e.toUpperCase(),r0=e=>e.map($Y).join(" "),{navigator:v4,document:fY}=LY.default,HY=()=>v4&&v4.platform?!!v4.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,gS=()=>HY()?"meta":"control";function w4(e){return Object.keys(e)}var Jy=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[gS(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[gS(),"shift","ArrowUp"],expandAll:[gS(),"shift","ArrowDown"]}),D4={};function Z4e(e){let t=e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}var Y4e=({store:e,fullAPI:t})=>{let r={getShortcutKeys(){return e.getState().shortcuts},getDefaultShortcuts(){return{...Jy,...r.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return D4},getAddonsShortcutLabels(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{label:s}])=>{u[l]=s}),u},getAddonsShortcutDefaults(){let u={};return Object.entries(r.getAddonsShortcuts()).forEach(([l,{defaultShortcut:s}])=>{u[l]=s}),u},async setShortcuts(u){return await e.setState({shortcuts:u},{persistence:"permanent"}),u},async restoreAllDefaultShortcuts(){return r.setShortcuts(r.getDefaultShortcuts())},async setShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[u]:l}),l},async setAddonShortcut(u,l){let s=r.getShortcutKeys();return await r.setShortcuts({...s,[`${u}-${l.actionName}`]:l.defaultShortcut}),D4[`${u}-${l.actionName}`]=l,l},async restoreDefaultShortcut(u){let l=r.getDefaultShortcuts()[u];return r.setShortcut(u,l)},handleKeydownEvent(u){let l=hb(u),s=r.getShortcutKeys(),p=w4(s).find(h=>mb(l,s[h]));p&&(u!=null&&u.preventDefault&&u.preventDefault(),r.handleShortcutFeature(p))},handleShortcutFeature(u){let{layout:{isFullscreen:l,showNav:s,showPanel:p},ui:{enableShortcuts:h}}=e.getState();if(h)switch(u){case"escape":{l?t.toggleFullscreen():s||t.toggleNav();break}case"focusNav":{l&&t.toggleFullscreen(),s||t.toggleNav(),t.focusOnUIElement(mS.storyListMenu);break}case"search":{l&&t.toggleFullscreen(),s||t.toggleNav(),setTimeout(()=>{t.focusOnUIElement(mS.storySearchField,!0)},0);break}case"focusIframe":{let m=fY.getElementById("storybook-preview-iframe");if(m)try{m.contentWindow.focus()}catch{}break}case"focusPanel":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.focusOnUIElement(mS.storyPanelRoot);break}case"nextStory":{t.jumpToStory(1);break}case"prevStory":{t.jumpToStory(-1);break}case"nextComponent":{t.jumpToComponent(1);break}case"prevComponent":{t.jumpToComponent(-1);break}case"fullScreen":{t.toggleFullscreen();break}case"togglePanel":{l&&(t.toggleFullscreen(),t.resetLayout()),t.togglePanel();break}case"toggleNav":{l&&(t.toggleFullscreen(),t.resetLayout()),t.toggleNav();break}case"toolbar":{t.toggleToolbar();break}case"panelPosition":{l&&t.toggleFullscreen(),p||t.togglePanel(),t.togglePanelPosition();break}case"aboutPage":{t.navigate("/settings/about");break}case"shortcutsPage":{t.navigate("/settings/shortcuts");break}case"collapseAll":{t.collapseAll();break}case"expandAll":{t.expandAll();break}default:D4[u].action();break}}},{shortcuts:n=Jy}=e.getState(),a={shortcuts:w4(Jy).reduce((u,l)=>({...u,[l]:n[l]||Jy[l]}),Jy)};return{api:r,state:a,init:()=>{fY.addEventListener("keydown",u=>{Z4e(u)||t.handleKeydownEvent(u)}),t.on(D7,u=>{t.handleKeydownEvent(u.event)})}}},qY={};Sp(qY,{init:()=>K4e});var{window:b4}=zY.default,db=e=>{if(e==="true"||e==="1")return!0;if(e==="false"||e==="0")return!1},E4,X4e=({state:{location:e,path:t,viewMode:r,storyId:n},singleStory:a})=>{let{full:u,panel:l,nav:s,shortcuts:p,addonPanel:h,tabs:m,path:y,...D}=Xx(e),v={isFullscreen:db(u),showNav:!a&&db(s),showPanel:db(l),panelPosition:["right","bottom"].includes(l)?l:void 0,showTabs:db(m)},N={enableShortcuts:db(p)},F=h||void 0,I=n,S=Dc(E4,D)?E4:D;return E4=S,{viewMode:r,layout:v,ui:N,selectedPanel:F,location:e,path:t,customQueryParams:S,storyId:I}},K4e=({store:e,navigate:t,state:r,provider:n,fullAPI:a,...u})=>{let l=(h,m={},y={})=>{let D=Object.entries(m).filter(([,N])=>N).sort(([N],[F])=>N<F?-1:1).map(([N,F])=>`${N}=${F}`),v=[h,...D].join("&");return t(v,y)},s={getQueryParam(h){let{customQueryParams:m}=e.getState();return m?m[h]:void 0},getUrlState(){let{path:h,customQueryParams:m,storyId:y,url:D,viewMode:v}=e.getState();return{path:h,queryParams:m,storyId:y,url:D,viewMode:v}},setQueryParams(h){let{customQueryParams:m}=e.getState(),y={},D={...m,...Object.entries(h).reduce((v,[N,F])=>(F!==null&&(v[N]=F),v),y)};Dc(m,D)||(e.setState({customQueryParams:D}),a.emit(F7,D))},navigateUrl(h,m){t(h,{...m,plain:!0})}},p=()=>{let h=()=>{let{path:y,queryParams:D,viewMode:v}=a.getUrlState();if(v!=="story")return;let N=a.getCurrentStoryData();if((N==null?void 0:N.type)!=="story")return;let{args:F,initialArgs:I}=N,S=eb(I,F);l(y,{...D,args:S},{replace:!0}),s.setQueryParams({args:S})};a.on(ND,()=>h());let m;a.on(PD,()=>{"requestIdleCallback"in b4?(m&&b4.cancelIdleCallback(m),m=b4.requestIdleCallback(h,{timeout:1e3})):(m&&clearTimeout(m),setTimeout(h,100))}),a.on(OD,({globals:y,initialGlobals:D})=>{let{path:v,queryParams:N}=a.getUrlState(),F=eb(D,y);l(v,{...N,globals:F},{replace:!0}),s.setQueryParams({globals:F})}),a.on(y7,(y,D)=>{a.navigateUrl(y,D)}),a.showReleaseNotesOnLaunch()&&t("/settings/release-notes")};return{api:s,state:X4e({store:e,navigate:t,state:r,provider:n,fullAPI:a,...u}),init:p}},VY={};Sp(VY,{init:()=>e8e});var J4e="7.0.0-beta.6",{VERSIONCHECK:Q4e}=UY.default,dY=(0,WY.default)(1)(()=>{try{return{...JSON.parse(Q4e).data||{}}}catch{return{}}}),e8e=({store:e,mode:t,fullAPI:r})=>{let{dismissedVersionNotification:n}=e.getState(),a={versions:{current:{version:J4e},...dY()},dismissedVersionNotification:n},u={getCurrentVersion:()=>{let{versions:{current:l}}=e.getState();return l},getLatestVersion:()=>{let{versions:{latest:l,next:s,current:p}}=e.getState();return p&&td.default.prerelease(p.version)&&s?l&&td.default.gt(l.version,s.version)?l:s:l},versionUpdateAvailable:()=>{let l=u.getLatestVersion(),s=u.getCurrentVersion();if(l){if(!l.version||!s.version)return!0;let p=td.default.prerelease(s.version)?`${td.default.major(s.version)}.${td.default.minor(s.version)}.${td.default.patch(s.version)}`:s.version,h=td.default.diff(p,l.version);return td.default.gt(l.version,p)&&h!=="patch"&&!h.includes("pre")}return!1}};return{init:async()=>{let{versions:l={}}=e.getState(),{latest:s,next:p}=dY();if(await e.setState({versions:{...l,latest:s,next:p}}),u.versionUpdateAvailable()){let h=u.getLatestVersion().version,m=td.default.diff(l.current.version,l.latest.version);h!==n&&m!=="patch"&&!td.default.prerelease(h)&&t!=="production"&&r.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${h} is available!`,subHeadline:`Your current version is: ${l.current.version}`},icon:{name:"book"},onClear(){e.setState({dismissedVersionNotification:h},{persistence:"permanent"})}})}},state:a,api:u}},GY={};Sp(GY,{init:()=>t8e});var t8e=({store:e,fullAPI:t})=>{let r={getGlobals(){return e.getState().globals},getGlobalTypes(){return e.getState().globalTypes},updateGlobals(u){t.emit(T7,{globals:u,options:{target:"storybook-preview-iframe"}})}},n={globals:{},globalTypes:{}},a=u=>{var s;let l=(s=e.getState())==null?void 0:s.globals;Dc(u,l)||e.setState({globals:u})};return{api:r,state:n,init:()=>{t.on(OD,function({globals:u}){let{ref:l}=nh(this,t);l?Zi.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):a(u)}),t.on(C7,function({globals:u,globalTypes:l}){var h;let{ref:s}=nh(this,t),p=(h=e.getState())==null?void 0:h.globals;s?Object.keys(u).length>0&&Zi.warn("received globals from a non-local ref. This is not currently supported."):e.setState({globals:u,globalTypes:l}),p&&Object.keys(p).length!==0&&!Dc(u,p)&&r.updateGlobals(p)})}}};function DS(){let e={setHandler:()=>{},send:()=>{}};return new im({transport:e})}var r8e=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(DS()),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.getElements=e=>(this.elements[e]||(this.elements[e]={}),this.elements[e]),this.addPanel=(e,t)=>{this.add(e,{type:Uc.PANEL,...t})},this.add=(e,t)=>{let{type:r}=t,n=this.getElements(r);n[e]={id:e,...t}},this.setConfig=e=>{Object.assign(this.config,e),this.hasChannel()&&this.getChannel().emit(kD,e)},this.getConfig=()=>this.config,this.register=(e,t)=>{this.loaders[e]&&Zi.warn(`${e} was loaded twice, this could have bad side-effects`),this.loaders[e]=t},this.loadAddons=e=>{Object.values(this.loaders).forEach(t=>t(e))},this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},C4="__STORYBOOK_ADDONS_MANAGER";function n8e(){return yS.default[C4]||(yS.default[C4]=new r8e),yS.default[C4]}var vf=n8e(),{ActiveTabs:k4}=O4,gb=f4e({api:void 0,state:S4({})}),ZY=(...e)=>(0,hY.default)({},...e,(t,r)=>{if(Array.isArray(r))return r}),bS=class extends ji.Component{constructor(e){super(e),this.api={},this.initModules=()=>{this.modules.forEach(F=>{"init"in F&&F.init()})};let{location:t,path:r,refId:n,viewMode:a=e.docsOptions.docsMode?"docs":"story",singleStory:u,storyId:l,docsOptions:s,navigate:p}=e,h=new g4e({getState:()=>this.state,setState:(F,I)=>this.setState(F,I)}),m={location:t,path:r,viewMode:a,singleStory:u,storyId:l,refId:n},y={docsOptions:s};this.state=h.getInitialState(S4({...m,...y}));let D={navigate:p,store:h,provider:e.provider};this.modules=[DY,EY,bY,O4,CY,xY,SY,BY,TY,_Y,GY,qY,VY].map(F=>F.init({...m,...y,...D,state:this.state,fullAPI:this.api}));let v=S4(this.state,...this.modules.map(F=>F.state)),N=Object.assign(this.api,{navigate:p},...this.modules.map(F=>F.api));this.state=v,this.api=N}static getDerivedStateFromProps(e,t){return t.path!==e.path?{...t,location:e.location,path:e.path,refId:e.refId,viewMode:e.viewMode,storyId:e.storyId}:null}shouldComponentUpdate(e,t){let r=this.state,n=this.props;return r!==t||n.path!==e.path}render(){let{children:e}=this.props,t={state:this.state,api:this.api};return ji.default.createElement(o8e,{effect:this.initModules},ji.default.createElement(gb.Provider,{value:t},ji.default.createElement(Ci,null,e)))}};bS.displayName="Manager";var o8e=({children:e,effect:t})=>(ji.default.useEffect(t,[]),e),a8e=e=>e;function Ci({filter:e=a8e,children:t}){let r=(0,ji.useContext)(gb),n=(0,ji.useRef)(t),a=(0,ji.useRef)(e);if(typeof n.current!="function")return ji.default.createElement(ji.Fragment,null,n.current);let u=a.current(r),l=(0,ji.useMemo)(()=>[...Object.entries(u).reduce((s,p)=>s.concat(p),[])],[r.state]);return(0,ji.useMemo)(()=>{let s=n.current;return ji.default.createElement(s,{...u})},l)}function yb(){let{state:e}=(0,ji.useContext)(gb);return e}function ai(){let{api:e}=(0,ji.useContext)(gb);return e}function YY(e,t){return typeof e>"u"?t:e}var XY=(e,t=[])=>{let r=ai();return(0,ji.useEffect)(()=>(Object.entries(e).forEach(([n,a])=>r.on(n,a)),()=>{Object.entries(e).forEach(([n,a])=>r.off(n,a))}),t),r.emit};function i8e(e){return ai().isPrepared(e)}function u8e(e,t){let r=ai().getCurrentParameter(e);return YY(r,t)}var rh={};function KY(e,t){let r=ai(),n=r.getAddonState(e),a=YY(n,rh[e]?rh[e]:t),u=(p,h)=>{rh[e]&&(rh[e]=p),r.setAddonState(e,p,h)},l=(0,ji.useMemo)(()=>{let p={[`${dx}-client-${e}`]:m=>u(m),[`${Cg}-client-${e}`]:m=>u(m)},h={[ID]:()=>{let m=r.getAddonState(e);m?(rh[e]=m,r.emit(`${Cg}-manager-${e}`,m)):rh[e]?(u(rh[e]),r.emit(`${Cg}-manager-${e}`,rh[e])):t!==void 0&&(u(t),rh[e]=t,r.emit(`${Cg}-manager-${e}`,t))},[RD]:()=>{let m=r.getAddonState(e);m!==void 0&&r.emit(`${Cg}-manager-${e}`,m)}};return{...p,...h}},[e]),s=XY(l);return[a,(p,h)=>{u(p,h),s(`${dx}-manager-${e}`,p)}]}function s8e(e,t){return KY(e,t)}function l8e(){let{getCurrentStoryData:e,updateStoryArgs:t,resetStoryArgs:r}=ai(),n=e(),a=n.type==="story"?n.args:{},u=(0,ji.useCallback)(s=>t(n,s),[n,t]),l=(0,ji.useCallback)(s=>r(n,s),[n,r]);return[a,u,l]}function c8e(){let e=ai();return[e.getGlobals(),e.updateGlobals]}function p8e(){return ai().getGlobalTypes()}function f8e(){let{getCurrentStoryData:e}=ai();return e()}function d8e(){let e=f8e();return(e==null?void 0:e.type)==="story"&&e.argTypes||{}}var CS=Qe(Ii(),1);Cp();var QY=Qe(Ux(),1),{window:Ap,document:ev,location:N4}=CS.default,JY="storybook-channel",h8e={allowFunction:!0,maxDepth:25},m8e=class{constructor(e){if(this.config=e,this.buffer=[],this.handler=null,Ap&&Ap.addEventListener("message",this.handleEvent.bind(this),!1),e.page!=="manager"&&e.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${e.page}"`)}setHandler(e){this.handler=(...t)=>{e.apply(this,t),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(e,t){let{target:r,allowRegExp:n,allowFunction:a,allowSymbol:u,allowDate:l,allowUndefined:s,allowClass:p,maxDepth:h,space:m,lazyEval:y}=t||{},D=Object.fromEntries(Object.entries({allowRegExp:n,allowFunction:a,allowSymbol:u,allowDate:l,allowUndefined:s,allowClass:p,maxDepth:h,space:m,lazyEval:y}).filter(([S,b])=>typeof b<"u")),v={...h8e,...CS.default.CHANNEL_OPTIONS||{},...D},N=this.getFrames(r),F=QY.default.parse(N4.search,{ignoreQueryPrefix:!0}),I=Fy({key:JY,event:e,refId:F.refId},v);return N.length?(this.buffer.length&&this.flush(),N.forEach(S=>{try{S.postMessage(I,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((S,b)=>{this.buffer.push({event:e,resolve:S,reject:b})})}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>{this.send(t.event).then(t.resolve).catch(t.reject)})}getFrames(e){if(this.config.page==="manager"){let t=[...ev.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(r=>{try{return!!r.contentWindow&&r.dataset.isStorybook!==void 0&&r.id===e}catch{return!1}}).map(r=>r.contentWindow);return t.length?t:this.getCurrentFrames()}return Ap&&Ap.parent&&Ap.parent!==Ap?[Ap.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...ev.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):Ap&&Ap.parent?[Ap.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...ev.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):Ap&&Ap.parent?[Ap.parent]:[]}handleEvent(e){try{let{data:t}=e,{key:r,event:n,refId:a}=typeof t=="string"&&jD(t)?_y(t,CS.default.CHANNEL_OPTIONS||{}):t;if(r===JY){let u=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',l=Object.values(BD).includes(n.type)?`<span style="color: #FF4785">${n.type}</span>`:`<span style="color: #FFAE00">${n.type}</span>`;if(a&&(n.refId=a),n.source=this.config.page==="preview"?e.origin:g8e(e),!n.source){Vc.error(`${u} received ${l} but was unable to determine the source of the event`);return}let s=`${u} received ${l} (${t.length})`;Vc.debug(N4.origin!==n.source?s:`${s} <span style="color: gray">(on ${N4.origin} from ${n.source})</span>`,...n.args),this.handler(n)}}catch(t){Zi.error(t)}}},g8e=e=>{let t=[...ev.querySelectorAll("iframe[data-is-storybook]")],[r,...n]=t.filter(a=>{try{return a.contentWindow===e.source}catch{}let u=a.getAttribute("src"),l;try{({origin:l}=new URL(u,ev.location))}catch{return!1}return l===e.origin});if(r&&n.length===0){let a=r.getAttribute("src"),{protocol:u,host:l,pathname:s}=new URL(a,ev.location);return`${u}//${l}${s}`}return n.length>0&&Zi.error("found multiple candidates for event source"),null};function eX({page:e}){let t=new m8e({page:e});return new im({transport:t})}var tX=Qe(Ii(),1);Cp();var{WebSocket:v8e}=tX.default,D8e=class{constructor({url:e,onError:t}){this.buffer=[],this.isReady=!1,this.connect(e,t)}setHandler(e){this.handler=e}send(e){this.isReady?this.sendNow(e):this.sendLater(e)}sendLater(e){this.buffer.push(e)}sendNow(e){let t=Fy(e,{maxDepth:15,allowFunction:!0});this.socket.send(t)}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>this.send(t))}connect(e,t){this.socket=new v8e(e),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data:r})=>{let n=typeof r=="string"&&jD(r)?_y(r):r;this.handler(n)},this.socket.onerror=r=>{t&&t(r)}}};function rX({url:e,async:t=!1,onError:r=n=>Zi.warn(n)}){let n=new D8e({url:e,onError:r});return new im({transport:n,async:t})}var Bg=class{getElements(t){throw new Error("Provider.getElements() is not implemented!")}handleAPI(t){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var oce=Qe(Ii()),$f=Qe(Br()),ace=Qe(Am());var Oh=Qe(pn());var Ip=Qe(Br()),Ea=Qe(yE()),Lee=Qe(Fee()),Lk=Qe(kk()),Mee=Qe(Nk());function ts(){return ts=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ts.apply(this,arguments)}function Hk(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Mk(e,t)}function Mk(e,t){return Mk=Object.setPrototypeOf||function(r,n){return r.__proto__=n,r},Mk(e,t)}function kee(e,t){if(e==null)return{};var r,n,a={},u=Object.keys(e);for(n=0;n<u.length;n++)t.indexOf(r=u[n])>=0||(a[r]=e[r]);return a}var _o={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},RIe={rel:["amphtml","canonical","alternate"]},BIe={type:["application/ld+json"]},LIe={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},Nee=Object.keys(_o).map(function(e){return _o[e]}),S3={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},MIe=Object.keys(S3).reduce(function(e,t){return e[S3[t]]=t,e},{}),Bv=function(e,t){for(var r=e.length-1;r>=0;r-=1){var n=e[r];if(Object.prototype.hasOwnProperty.call(n,t))return n[t]}return null},jIe=function(e){var t=Bv(e,_o.TITLE),r=Bv(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),r&&t)return r.replace(/%s/g,function(){return t});var n=Bv(e,"defaultTitle");return t||n||void 0},$Ie=function(e){return Bv(e,"onChangeClientState")||function(){}},Ik=function(e,t){return t.filter(function(r){return r[e]!==void 0}).map(function(r){return r[e]}).reduce(function(r,n){return ts({},r,n)},{})},HIe=function(e,t){return t.filter(function(r){return r[_o.BASE]!==void 0}).map(function(r){return r[_o.BASE]}).reverse().reduce(function(r,n){if(!r.length)for(var a=Object.keys(n),u=0;u<a.length;u+=1){var l=a[u].toLowerCase();if(e.indexOf(l)!==-1&&n[l])return r.concat(n)}return r},[])},vE=function(e,t,r){var n={};return r.filter(function(a){return!!Array.isArray(a[e])||(a[e]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof a[e]+'"'),!1)}).map(function(a){return a[e]}).reverse().reduce(function(a,u){var l={};u.filter(function(y){for(var D,v=Object.keys(y),N=0;N<v.length;N+=1){var F=v[N],I=F.toLowerCase();t.indexOf(I)===-1||D==="rel"&&y[D].toLowerCase()==="canonical"||I==="rel"&&y[I].toLowerCase()==="stylesheet"||(D=I),t.indexOf(F)===-1||F!=="innerHTML"&&F!=="cssText"&&F!=="itemprop"||(D=F)}if(!D||!y[D])return!1;var S=y[D].toLowerCase();return n[D]||(n[D]={}),l[D]||(l[D]={}),!n[D][S]&&(l[D][S]=!0,!0)}).reverse().forEach(function(y){return a.push(y)});for(var s=Object.keys(l),p=0;p<s.length;p+=1){var h=s[p],m=ts({},n[h],l[h]);n[h]=m}return a},[]).reverse()},qIe=function(e,t){if(Array.isArray(e)&&e.length){for(var r=0;r<e.length;r+=1)if(e[r][t])return!0}return!1},jee=function(e){return Array.isArray(e)?e.join(""):e},Pk=function(e,t){return Array.isArray(e)?e.reduce(function(r,n){return function(a,u){for(var l=Object.keys(a),s=0;s<l.length;s+=1)if(u[l[s]]&&u[l[s]].includes(a[l[s]]))return!0;return!1}(n,t)?r.priority.push(n):r.default.push(n),r},{priority:[],default:[]}):{default:e}},Iee=function(e,t){var r;return ts({},e,((r={})[t]=void 0,r))},zIe=[_o.NOSCRIPT,_o.SCRIPT,_o.STYLE],Rk=function(e,t){return t===void 0&&(t=!0),t===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},Pee=function(e){return Object.keys(e).reduce(function(t,r){var n=e[r]!==void 0?r+'="'+e[r]+'"':""+r;return t?t+" "+n:n},"")},Ree=function(e,t){return t===void 0&&(t={}),Object.keys(e).reduce(function(r,n){return r[S3[n]||n]=e[n],r},t)},x3=function(e,t){return t.map(function(r,n){var a,u=((a={key:n})["data-rh"]=!0,a);return Object.keys(r).forEach(function(l){var s=S3[l]||l;s==="innerHTML"||s==="cssText"?u.dangerouslySetInnerHTML={__html:r.innerHTML||r.cssText}:u[s]=r[l]}),Ip.default.createElement(e,u)})},Af=function(e,t,r){switch(e){case _o.TITLE:return{toComponent:function(){return a=t.titleAttributes,(u={key:n=t.title})["data-rh"]=!0,l=Ree(a,u),[Ip.default.createElement(_o.TITLE,l,n)];var n,a,u,l},toString:function(){return function(n,a,u,l){var s=Pee(u),p=jee(a);return s?"<"+n+' data-rh="true" '+s+">"+Rk(p,l)+"</"+n+">":"<"+n+' data-rh="true">'+Rk(p,l)+"</"+n+">"}(e,t.title,t.titleAttributes,r)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return Ree(t)},toString:function(){return Pee(t)}};default:return{toComponent:function(){return x3(e,t)},toString:function(){return function(n,a,u){return a.reduce(function(l,s){var p=Object.keys(s).filter(function(y){return!(y==="innerHTML"||y==="cssText")}).reduce(function(y,D){var v=s[D]===void 0?D:D+'="'+Rk(s[D],u)+'"';return y?y+" "+v:v},""),h=s.innerHTML||s.cssText||"",m=zIe.indexOf(n)===-1;return l+"<"+n+' data-rh="true" '+p+(m?"/>":">"+h+"</"+n+">")},"")}(e,t,r)}}}},jk=function(e){var t=e.baseTag,r=e.bodyAttributes,n=e.encode,a=e.htmlAttributes,u=e.noscriptTags,l=e.styleTags,s=e.title,p=s===void 0?"":s,h=e.titleAttributes,m=e.linkTags,y=e.metaTags,D=e.scriptTags,v={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var N=function(F){var I=F.linkTags,S=F.scriptTags,b=F.encode,w=Pk(F.metaTags,LIe),A=Pk(I,RIe),k=Pk(S,BIe);return{priorityMethods:{toComponent:function(){return[].concat(x3(_o.META,w.priority),x3(_o.LINK,A.priority),x3(_o.SCRIPT,k.priority))},toString:function(){return Af(_o.META,w.priority,b)+" "+Af(_o.LINK,A.priority,b)+" "+Af(_o.SCRIPT,k.priority,b)}},metaTags:w.default,linkTags:A.default,scriptTags:k.default}}(e);v=N.priorityMethods,m=N.linkTags,y=N.metaTags,D=N.scriptTags}return{priority:v,base:Af(_o.BASE,t,n),bodyAttributes:Af("bodyAttributes",r,n),htmlAttributes:Af("htmlAttributes",a,n),link:Af(_o.LINK,m,n),meta:Af(_o.META,y,n),noscript:Af(_o.NOSCRIPT,u,n),script:Af(_o.SCRIPT,D,n),style:Af(_o.STYLE,l,n),title:Af(_o.TITLE,{title:p,titleAttributes:h},n)}},C3=[],$k=function(e,t){var r=this;t===void 0&&(t=typeof document<"u"),this.instances=[],this.value={setHelmet:function(n){r.context.helmet=n},helmetInstances:{get:function(){return r.canUseDOM?C3:r.instances},add:function(n){(r.canUseDOM?C3:r.instances).push(n)},remove:function(n){var a=(r.canUseDOM?C3:r.instances).indexOf(n);(r.canUseDOM?C3:r.instances).splice(a,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=jk({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$ee=Ip.default.createContext({}),VIe=Ea.default.shape({setHelmet:Ea.default.func,helmetInstances:Ea.default.shape({get:Ea.default.func,add:Ea.default.func,remove:Ea.default.func})}),UIe=typeof document<"u",Tm=function(e){function t(r){var n;return(n=e.call(this,r)||this).helmetData=new $k(n.props.context,t.canUseDOM),n}return Hk(t,e),t.prototype.render=function(){return Ip.default.createElement($ee.Provider,{value:this.helmetData.value},this.props.children)},t}(Ip.Component);Tm.canUseDOM=UIe,Tm.propTypes={context:Ea.default.shape({helmet:Ea.default.shape()}),children:Ea.default.node.isRequired},Tm.defaultProps={context:{}},Tm.displayName="HelmetProvider";var Rv=function(e,t){var r,n=document.head||document.querySelector(_o.HEAD),a=n.querySelectorAll(e+"[data-rh]"),u=[].slice.call(a),l=[];return t&&t.length&&t.forEach(function(s){var p=document.createElement(e);for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(h==="innerHTML"?p.innerHTML=s.innerHTML:h==="cssText"?p.styleSheet?p.styleSheet.cssText=s.cssText:p.appendChild(document.createTextNode(s.cssText)):p.setAttribute(h,s[h]===void 0?"":s[h]));p.setAttribute("data-rh","true"),u.some(function(m,y){return r=y,p.isEqualNode(m)})?u.splice(r,1):l.push(p)}),u.forEach(function(s){return s.parentNode.removeChild(s)}),l.forEach(function(s){return n.appendChild(s)}),{oldTags:u,newTags:l}},Bk=function(e,t){var r=document.getElementsByTagName(e)[0];if(r){for(var n=r.getAttribute("data-rh"),a=n?n.split(","):[],u=[].concat(a),l=Object.keys(t),s=0;s<l.length;s+=1){var p=l[s],h=t[p]||"";r.getAttribute(p)!==h&&r.setAttribute(p,h),a.indexOf(p)===-1&&a.push(p);var m=u.indexOf(p);m!==-1&&u.splice(m,1)}for(var y=u.length-1;y>=0;y-=1)r.removeAttribute(u[y]);a.length===u.length?r.removeAttribute("data-rh"):r.getAttribute("data-rh")!==l.join(",")&&r.setAttribute("data-rh",l.join(","))}},Bee=function(e,t){var r=e.baseTag,n=e.htmlAttributes,a=e.linkTags,u=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,p=e.scriptTags,h=e.styleTags,m=e.title,y=e.titleAttributes;Bk(_o.BODY,e.bodyAttributes),Bk(_o.HTML,n),function(F,I){F!==void 0&&document.title!==F&&(document.title=jee(F)),Bk(_o.TITLE,I)}(m,y);var D={baseTag:Rv(_o.BASE,r),linkTags:Rv(_o.LINK,a),metaTags:Rv(_o.META,u),noscriptTags:Rv(_o.NOSCRIPT,l),scriptTags:Rv(_o.SCRIPT,p),styleTags:Rv(_o.STYLE,h)},v={},N={};Object.keys(D).forEach(function(F){var I=D[F],S=I.newTags,b=I.oldTags;S.length&&(v[F]=S),b.length&&(N[F]=D[F].oldTags)}),t&&t(),s(e,v,N)},DE=null,A3=function(e){function t(){for(var n,a=arguments.length,u=new Array(a),l=0;l<a;l++)u[l]=arguments[l];return(n=e.call.apply(e,[this].concat(u))||this).rendered=!1,n}Hk(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,Mee.default)(n,this.props)},r.componentDidUpdate=function(){this.emitChange()},r.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r.emitChange=function(){var n,a,u=this.props.context,l=u.setHelmet,s=null,p=(n=u.helmetInstances.get().map(function(h){var m=ts({},h.props);return delete m.context,m}),{baseTag:HIe(["href"],n),bodyAttributes:Ik("bodyAttributes",n),defer:Bv(n,"defer"),encode:Bv(n,"encodeSpecialCharacters"),htmlAttributes:Ik("htmlAttributes",n),linkTags:vE(_o.LINK,["rel","href"],n),metaTags:vE(_o.META,["name","charset","http-equiv","property","itemprop"],n),noscriptTags:vE(_o.NOSCRIPT,["innerHTML"],n),onChangeClientState:$Ie(n),scriptTags:vE(_o.SCRIPT,["src","innerHTML"],n),styleTags:vE(_o.STYLE,["cssText"],n),title:jIe(n),titleAttributes:Ik("titleAttributes",n),prioritizeSeoTags:qIe(n,"prioritizeSeoTags")});Tm.canUseDOM?(a=p,DE&&cancelAnimationFrame(DE),a.defer?DE=requestAnimationFrame(function(){Bee(a,function(){DE=null})}):(Bee(a),DE=null)):jk&&(s=jk(p)),l(s)},r.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r.render=function(){return this.init(),null},t}(Ip.Component);A3.propTypes={context:VIe.isRequired},A3.displayName="HelmetDispatcher";var WIe=["children"],GIe=["children"],bE=function(e){function t(){return e.apply(this,arguments)||this}Hk(t,e);var r=t.prototype;return r.shouldComponentUpdate=function(n){return!(0,Lee.default)(Iee(this.props,"helmetData"),Iee(n,"helmetData"))},r.mapNestedChildrenToProps=function(n,a){if(!a)return null;switch(n.type){case _o.SCRIPT:case _o.NOSCRIPT:return{innerHTML:a};case _o.STYLE:return{cssText:a};default:throw new Error("<"+n.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},r.flattenArrayTypeChildren=function(n){var a,u=n.child,l=n.arrayTypeChildren;return ts({},l,((a={})[u.type]=[].concat(l[u.type]||[],[ts({},n.newChildProps,this.mapNestedChildrenToProps(u,n.nestedChildren))]),a))},r.mapObjectTypeChildren=function(n){var a,u,l=n.child,s=n.newProps,p=n.newChildProps,h=n.nestedChildren;switch(l.type){case _o.TITLE:return ts({},s,((a={})[l.type]=h,a.titleAttributes=ts({},p),a));case _o.BODY:return ts({},s,{bodyAttributes:ts({},p)});case _o.HTML:return ts({},s,{htmlAttributes:ts({},p)});default:return ts({},s,((u={})[l.type]=ts({},p),u))}},r.mapArrayTypeChildrenToProps=function(n,a){var u=ts({},a);return Object.keys(n).forEach(function(l){var s;u=ts({},u,((s={})[l]=n[l],s))}),u},r.warnOnInvalidChildren=function(n,a){return(0,Lk.default)(Nee.some(function(u){return n.type===u}),typeof n.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+Nee.join(", ")+" are allowed. Helmet does not support rendering <"+n.type+"> elements. Refer to our API for more information."),(0,Lk.default)(!a||typeof a=="string"||Array.isArray(a)&&!a.some(function(u){return typeof u!="string"}),"Helmet expects a string as a child of <"+n.type+">. Did you forget to wrap your children in braces? ( <"+n.type+">{``}</"+n.type+"> ) Refer to our API for more information."),!0},r.mapChildrenToProps=function(n,a){var u=this,l={};return Ip.default.Children.forEach(n,function(s){if(s&&s.props){var p=s.props,h=p.children,m=kee(p,WIe),y=Object.keys(m).reduce(function(v,N){return v[MIe[N]||N]=m[N],v},{}),D=s.type;switch(typeof D=="symbol"?D=D.toString():u.warnOnInvalidChildren(s,h),D){case _o.FRAGMENT:a=u.mapChildrenToProps(h,a);break;case _o.LINK:case _o.META:case _o.NOSCRIPT:case _o.SCRIPT:case _o.STYLE:l=u.flattenArrayTypeChildren({child:s,arrayTypeChildren:l,newChildProps:y,nestedChildren:h});break;default:a=u.mapObjectTypeChildren({child:s,newProps:a,newChildProps:y,nestedChildren:h})}}}),this.mapArrayTypeChildrenToProps(l,a)},r.render=function(){var n=this.props,a=n.children,u=kee(n,GIe),l=ts({},u),s=u.helmetData;return a&&(l=this.mapChildrenToProps(a,l)),!s||s instanceof $k||(s=new $k(s.context,s.instances)),s?Ip.default.createElement(A3,ts({},l,{context:s.value,helmetData:void 0})):Ip.default.createElement($ee.Consumer,null,function(p){return Ip.default.createElement(A3,ts({},l,{context:p}))})},t}(Ip.Component);bE.propTypes={base:Ea.default.object,bodyAttributes:Ea.default.object,children:Ea.default.oneOfType([Ea.default.arrayOf(Ea.default.node),Ea.default.node]),defaultTitle:Ea.default.string,defer:Ea.default.bool,encodeSpecialCharacters:Ea.default.bool,htmlAttributes:Ea.default.object,link:Ea.default.arrayOf(Ea.default.object),meta:Ea.default.arrayOf(Ea.default.object),noscript:Ea.default.arrayOf(Ea.default.object),onChangeClientState:Ea.default.func,script:Ea.default.arrayOf(Ea.default.object),style:Ea.default.arrayOf(Ea.default.object),title:Ea.default.string,titleAttributes:Ea.default.object,titleTemplate:Ea.default.string,prioritizeSeoTags:Ea.default.bool,helmetData:Ea.default.object},bE.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},bE.displayName="Helmet";var jf=Qe(Br()),tce=Qe(_te());var rN={};Dp(rN,{A:()=>Ene,ActionBar:()=>f9,AddonPanel:()=>Qje,Badge:()=>W9,Bar:()=>Q9,Blockquote:()=>xne,Button:()=>hd,Code:()=>Sne,DL:()=>Fne,Div:()=>wne,DocumentWrapper:()=>Y3,FlexBar:()=>m1,Form:()=>tw,H1:()=>One,H2:()=>Nne,H3:()=>Pne,H4:()=>Bne,H5:()=>Mne,H6:()=>$ne,HR:()=>qne,IconButton:()=>Yi,IconButtonSkeleton:()=>Uje,Icons:()=>bo,Img:()=>Vne,LI:()=>Wne,Link:()=>Mp,Loader:()=>GE,OL:()=>Zne,P:()=>Xne,Placeholder:()=>yoe,Pre:()=>Jne,ResetWrapper:()=>soe,ScrollArea:()=>yh,Separator:()=>Eh,Spaced:()=>S0,Span:()=>eoe,StorybookIcon:()=>tN,StorybookLogo:()=>eN,Symbols:()=>Z9,SyntaxHighlighter:()=>Y9,TT:()=>ooe,TabBar:()=>Jv,TabButton:()=>md,TabWrapper:()=>Zje,Table:()=>roe,Tabs:()=>Qv,TabsState:()=>Loe,TooltipLinkList:()=>Kv,TooltipMessage:()=>Foe,TooltipNote:()=>kje,UL:()=>ioe,WithTooltip:()=>Bm,WithTooltipPure:()=>Sje,Zoom:()=>X9,codeCommon:()=>VE,components:()=>s$e,createCopyToClipboardFunction:()=>_E,getStoryHref:()=>g1,interleaveSeparators:()=>Xje,nameSpaceClassNames:()=>Fu,resetComponents:()=>$oe,withReset:()=>Fs});d9();x9();k3();rs();var Z3=Qe(Br(),1),Tu=Qe(Br(),1),gne=Qe(pn(),1),bne=Qe(Br(),1),Cne=Qe(pn(),1),U9=Qe(pn(),1),$E=Qe(Br(),1),Ane=Qe(pn(),1),Tne=Qe(pn(),1),_ne=Qe(pn(),1),kne=Qe(pn(),1),Ine=Qe(pn(),1),Rne=Qe(pn(),1),Lne=Qe(pn(),1),jne=Qe(pn(),1),Hne=Qe(pn(),1),zne=Qe(pn(),1),Une=Qe(pn(),1),Gne=Qe(pn(),1),Yne=Qe(pn(),1),Kne=Qe(pn(),1),Qne=Qe(pn(),1),toe=Qe(pn(),1),noe=Qe(pn(),1),aoe=Qe(pn(),1),uoe=Qe(pn(),1),coe=Qe(Br(),1),poe=Qe(pn(),1),U3=Qe(Br(),1),G9=Qe(pn(),1),f1=Qe(Br(),1),foe=Qe(pn(),1),B=Qe(Br(),1),hoe=Qe(pn(),1),fd=Qe(Br(),1),moe=Qe(Br(),1),goe=Qe(pn(),1),Gv=Qe(Br(),1),X3=Qe(pn(),1),Lp=Qe(Br(),1),voe=Qe(pn(),1),Eoe=Qe(Br(),1),HE=Qe(Br(),1),Coe=Qe(pn(),1),Soe=Qe(pn(),1),W3=Qe(Br(),1),K9=Qe(pn(),1),Nf=Qe(Br(),1),UE=Qe(pn(),1),dd=Qe(Br(),1),woe=Qe(Br(),1),K3=Qe(Br(),1),J3=Qe(Br(),1),Bp=Qe(Br(),1),c1=Qe(Br(),1),Xv=Qe(pn(),1),_oe=Qe(Br(),1),Ooe=Qe(pn(),1),Zv=Qe(Br(),1),koe=Qe(pn(),1),bh=Qe(Br(),1),h1=Qe(pn(),1),Noe=Qe(zc(),1),ns=Qe(Br(),1),WE=Qe(pn(),1);var Rm=Qe(Br(),1),rw=Qe(pn(),1),qE=Qe(Br(),1),Lm=Qe(pn(),1),zE=Qe(Br(),1),Moe=Qe(pn(),1),e2=Qe(Br(),1),pd=Qe(Br(),1),p1=Qe(Br(),1),C0=Qe(Br(),1),A0=Qe(pn(),1),joe=Qe(pn(),1),Fu=({...e},t)=>{let r=[e.class,e.className];return delete e.class,e.className=["sbdocs",`sbdocs-${t}`,...r].filter(Boolean).join(" "),e};function YLe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function B9(e){return B9=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},B9(e)}function XLe(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function KLe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function V3(e,t,r){return KLe()?V3=Reflect.construct.bind():V3=function(n,a,u){var l=[null];l.push.apply(l,a);var s=Function.bind.apply(n,l),p=new s;return u&&$v(p,u.prototype),p},V3.apply(null,arguments)}function L9(e){var t=typeof Map=="function"?new Map:void 0;return L9=function(r){if(r===null||!XLe(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return V3(r,arguments,B9(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),$v(n,r)},L9(e)}var JLe={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 

package/dist/runtime.mjs

@@ -1 +1 @@
-import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-3X74NC7D.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-VLRTDEXS.mjs";import{require_react_dom}from"./chunk-XWKHDWQO.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-IFMYLCIQ.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});
+import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-ZS743CHV.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-VLRTDEXS.mjs";import{require_react_dom}from"./chunk-XWKHDWQO.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-IFMYLCIQ.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.0.0-beta.5",
+  "version": "7.0.0-beta.6",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -53,18 +53,18 @@
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-beta.5",
-    "@storybook/api": "7.0.0-beta.5",
-    "@storybook/channel-postmessage": "7.0.0-beta.5",
-    "@storybook/channel-websocket": "7.0.0-beta.5",
-    "@storybook/channels": "7.0.0-beta.5",
-    "@storybook/client-logger": "7.0.0-beta.5",
-    "@storybook/components": "7.0.0-beta.5",
-    "@storybook/core-events": "7.0.0-beta.5",
-    "@storybook/manager-api": "7.0.0-beta.5",
-    "@storybook/router": "7.0.0-beta.5",
-    "@storybook/theming": "7.0.0-beta.5",
-    "@storybook/types": "7.0.0-beta.5",
+    "@storybook/addons": "7.0.0-beta.6",
+    "@storybook/api": "7.0.0-beta.6",
+    "@storybook/channel-postmessage": "7.0.0-beta.6",
+    "@storybook/channel-websocket": "7.0.0-beta.6",
+    "@storybook/channels": "7.0.0-beta.6",
+    "@storybook/client-logger": "7.0.0-beta.6",
+    "@storybook/components": "7.0.0-beta.6",
+    "@storybook/core-events": "7.0.0-beta.6",
+    "@storybook/manager-api": "7.0.0-beta.6",
+    "@storybook/router": "7.0.0-beta.6",
+    "@storybook/theming": "7.0.0-beta.6",
+    "@storybook/types": "7.0.0-beta.6",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",
@@ -100,5 +100,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "8a44bd60808941735aac4a5e9505e8f658131b3e"
+  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
 }