@storybook/manager 7.1.0-rc.0 → 7.1.0-rc.1

package/dist/{chunk-5TO5WUV7.js → chunk-X2RV2MPA.js}

@@ -50,7 +50,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:urlParseResult.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],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},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&&scope.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}=scope,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 init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,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,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[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(["story","docs"].includes(data?.type)){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{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(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=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(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(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+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){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[docsId]={...index3[docsId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[docsId]={...index3[docsId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,update2)=>{let{status}=store22.getState(),addition=Object.entries(update2).reduce((acc,[storyId,value2])=>(acc[storyId]=acc[storyId]||{},acc[storyId][id]=value2,acc),{});await store22.setState({status:merge_default(status,addition)},{persistence:"session"})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{}},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),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&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(id,{...update2,prepared:!0},ref)}),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,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,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){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(fullAPI.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,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"},init8=({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,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.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","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:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,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=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),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:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}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"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({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},storyId}=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=document23.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}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});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:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),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:location22,path,customQueryParams,storyId}},init10=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v2])=>v2).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v2])=>`${k2}=${v2}`),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,{plain:!0,...options3})}},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)})};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="7.1.0-rc.0",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{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();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),fullAPI.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return fullAPI.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>fullAPI.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){fullAPI.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData),!fullAPI.getUrlState().path.includes("onboarding")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},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,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},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())})}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}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_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,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:location22,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,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_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{this.displayName="Manager"}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_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}},EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c3),l2=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l2)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.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=(s2,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s2),api.setAddonState(stateId,s2,options3)},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s2=>setState(s2),[`${SHARED_STATE_SET}-client-${stateId}`]:s2=>setState(s2)},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_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.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_react3=__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(t3){for(var e3=1;e3<arguments.length;e3++){var r4=arguments[e3];for(var n3 in r4)Object.prototype.hasOwnProperty.call(r4,n3)&&(t3[n3]=r4[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c2(t3,e3)}function c2(t3,e3){return c2=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c2(t3,e3)}function u(t3,e3){if(t3==null)return{};var r4,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r4=o2[n3])>=0||(i3[r4]=t3[r4]);return i3}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"]},h2=Object.keys(l).map(function(t3){return l[t3]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t3,e3){return t3[m2[e3]]=e3,t3},{}),T=function(t3,e3){for(var r4=t3.length-1;r4>=0;r4-=1){var n3=t3[r4];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r4=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r4&&e3)return r4.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b2=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r4){if(!e4.length)for(var n3=Object.keys(r4),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r4[o2])return e4.concat(r4)}return e4},[])},C2=function(t3,e3,r4){var n3={};return r4.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r5){var i3={};r5.filter(function(t5){for(var r6,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c4=s3.toLowerCase();e3.indexOf(c4)===-1||r6==="rel"&&t5[r6].toLowerCase()==="canonical"||c4==="rel"&&t5[c4].toLowerCase()==="stylesheet"||(r6=c4),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r6=s3)}if(!r6||!t5[r6])return!1;var u3=t5[r6].toLowerCase();return n3[r6]||(n3[r6]={}),i3[r6]||(i3[r6]={}),!n3[r6][u3]&&(i3[r6][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c3=o2[s2],u2=a({},n3[c3],i3[c3]);n3[c3]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r4=0;r4<t3.length;r4+=1)if(t3[r4][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E2=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r4){return function(t5,e4){for(var r5=Object.keys(t5),n3=0;n3<r5.length;n3+=1)if(e4[r5[n3]]&&e4[r5[n3]].includes(t5[r5[n3]]))return!0;return!1}(r4,e3)?t4.priority.push(r4):t4.default.push(r4),t4},{priority:[],default:[]}):{default:t3}},I2=function(t3,e3){var r4;return a({},t3,((r4={})[e3]=void 0,r4))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x2=function(t3){return Object.keys(t3).reduce(function(e3,r4){var n3=t3[r4]!==void 0?r4+'="'+t3[r4]+'"':""+r4;return e3?e3+" "+n3:n3},"")},L2=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r4){return e4[m2[r4]||r4]=t3[r4],e4},e3)},j=function(e3,r4){return r4.map(function(r5,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r5).forEach(function(t3){var e4=m2[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r5.innerHTML||r5.cssText}:o2[e4]=r5[t3]}),import_react3.default.createElement(e3,o2)})},M=function(e3,r4,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r4.titleAttributes,(i3={key:e4=r4.title})["data-rh"]=!0,o2=L2(n4,i3),[import_react3.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r5,n4){var i3=x2(r5),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w2(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w2(o2,n4)+"</"+t3+">"}(e3,r4.title,r4.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r4)},toString:function(){return x2(r4)}};default:return{toComponent:function(){return j(e3,r4)},toString:function(){return function(t3,e4,r5){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w2(n4[e6],r5)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P2.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r4,n3)}}}},k=function(t3){var e3=t3.baseTag,r4=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c3=s2===void 0?"":s2,u2=t3.titleAttributes,h3=t3.linkTags,m3=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r5=t4.scriptTags,n4=t4.encode,i4=E2(t4.metaTags,d),o3=E2(e4,p),a3=E2(r5,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h3=g2.linkTags,m3=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r4,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h3,n3),meta:M(l.META,m3,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c3,titleAttributes:u2},n3)}},H=[],N2=function(t3,e3){var r4=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r4.context.helmet=t4},helmetInstances:{get:function(){return r4.canUseDOM?H:r4.instances},add:function(t4){(r4.canUseDOM?H:r4.instances).push(t4)},remove:function(t4){var e4=(r4.canUseDOM?H:r4.instances).indexOf(t4);(r4.canUseDOM?H:r4.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.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(e3){function r4(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N2(n3.props.context,r4.canUseDOM),n3}return s(r4,e3),r4.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r4}(import_react3.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(t3,e3){var r4,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r4=e5,n4.isEqualNode(t4)})?o2.splice(r4,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B2=function(t3,e3){var r4=document.getElementsByTagName(t3)[0];if(r4){for(var n3=r4.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c3=a2[s2],u2=e3[c3]||"";r4.getAttribute(c3)!==u2&&r4.setAttribute(c3,u2),i3.indexOf(c3)===-1&&i3.push(c3);var l2=o2.indexOf(c3);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r4.removeAttribute(o2[p2]);i3.length===o2.length?r4.removeAttribute("data-rh"):r4.getAttribute("data-rh")!==a2.join(",")&&r4.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r4=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c3=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f3=t3.titleAttributes;B2(l.BODY,t3.bodyAttributes),B2(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B2(l.TITLE,e4)}(p2,f3);var d2={baseTag:Y(l.BASE,r4),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u2)},h3={},m3={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r5=e4.newTags,n4=e4.oldTags;r5.length&&(h3[t4]=r5),n4.length&&(m3[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h3,m3)},_=null,z=function(t3){function e3(){for(var e4,r5=arguments.length,n3=new Array(r5),i3=0;i3<r5;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r4=e3.prototype;return r4.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r4.componentDidUpdate=function(){this.emitChange()},r4.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r4.emitChange=function(){var t4,e4,r5=this.props.context,n3=r5.setHelmet,i3=null,o2=(t4=r5.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C2(l.LINK,["rel","href"],t4),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b2(t4),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t4),styleTags:C2(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r4.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r4.render=function(){return this.init(),null},e3}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r4(){return e3.apply(this,arguments)||this}s(r4,e3);var o2=r4.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r5=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r5.type]=[].concat(n3[r5.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r5,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r5,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r5={})[n3.type]=a({},o3),r5))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r5=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r5=a({},r5,((n3={})[e5]=t3[e5],n3))}),r5},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h2.some(function(e5){return t3.type===e5}),typeof t3.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 "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r5){var n3=this,i3={};return import_react3.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c3=t3.type;switch(typeof c3=="symbol"?c3=c3.toString():n3.warnOnInvalidChildren(t3,o3),c3){case l.FRAGMENT:r5=n3.mapChildrenToProps(o3,r5);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r5=n3.mapObjectTypeChildren({child:t3,newProps:r5,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r5)},o2.render=function(){var e4=this.props,r5=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r5&&(i3=this.mapChildrenToProps(r5,i3)),!o3||o3 instanceof N2||(o3=new N2(o3.context,o3.instances)),o3?import_react3.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e5){return import_react3.default.createElement(z,a({},i3,{context:e5}))})},r4}(import_react3.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_react56=__toESM(require_react());var React3=__toESM(require_react()),import_react4=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d2,b3){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d3,b4){d3.__proto__=b4}||function(d3,b4){for(var p2 in b4)Object.prototype.hasOwnProperty.call(b4,p2)&&(d3[p2]=b4[p2])},extendStatics(d2,b3)};function __extends(d2,b3){if(typeof b3!="function"&&b3!==null)throw new TypeError("Class extends value "+String(b3)+" is not a constructor or null");extendStatics(d2,b3);function __(){this.constructor=d2}d2.prototype=b3===null?Object.create(b3):(__.prototype=b3.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t3){for(var s2,i3=1,n3=arguments.length;i3<n3;i3++){s2=arguments[i3];for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&(t3[p2]=s2[p2])}return t3},__assign.apply(this,arguments)};function __rest(s2,e3){var t3={};for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&e3.indexOf(p2)<0&&(t3[p2]=s2[p2]);if(s2!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i3=0,p2=Object.getOwnPropertySymbols(s2);i3<p2.length;i3++)e3.indexOf(p2[i3])<0&&Object.prototype.propertyIsEnumerable.call(s2,p2[i3])&&(t3[p2[i3]]=s2[p2[i3]]);return t3}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&&notifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react4.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react4.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react4.cloneElement)(typedChildren,nativeProps)}return(0,import_react4.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react4.cloneElement)(el,childProps)});default:return React3.createElement(WrapperTag,null)}},ResizeDetector2}(import_react4.PureComponent);var useEnhancedEffect=isSSR()?import_react4.useEffect:import_react4.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react4.useRef)(skipOnMount),localRef=(0,import_react4.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react4.useRef)(),_e=(0,import_react4.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&&notifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,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,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,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,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var React5=__toESM(require_react(),1),import_react6=__toESM(require_react(),1);var import_react5=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react5.useRef)(null),refOrElementRef=(0,import_react5.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react5.useRef)(null);(0,import_react5.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react5.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react5.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react5.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react5.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react5.useRef)(),_useState=(0,import_react5.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react5.useRef)(!1);(0,import_react5.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react5.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react5.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react5.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_memoizerific4=__toESM(require_memoizerific(),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 _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o2)}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 a2=[null];a2.push.apply(a2,args22);var Constructor=Function.bind.apply(Parent2,a2),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:urlParseResult.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],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},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&&scope.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}=scope,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 init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,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,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[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(["story","docs"].includes(data?.type)){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{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(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=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(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(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+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){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[docsId]={...index3[docsId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[docsId]={...index3[docsId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,update2)=>{let{status}=store22.getState(),addition=Object.entries(update2).reduce((acc,[storyId,value2])=>(acc[storyId]=acc[storyId]||{},acc[storyId][id]=value2,acc),{});await store22.setState({status:merge_default(status,addition)},{persistence:"session"})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{}},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),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&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(id,{...update2,prepared:!0},ref)}),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,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,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){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(fullAPI.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,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"},init8=({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,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.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","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:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,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=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),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:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}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"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({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},storyId}=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=document23.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}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});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:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),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:location22,path,customQueryParams,storyId}},init10=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v2])=>v2).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v2])=>`${k2}=${v2}`),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,{plain:!0,...options3})}},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)})};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="7.1.0-rc.1",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{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();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),fullAPI.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return fullAPI.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>fullAPI.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){fullAPI.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData),!fullAPI.getUrlState().path.includes("onboarding")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},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,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},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())})}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}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_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,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:location22,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,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_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{this.displayName="Manager"}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_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}},EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c3),l2=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l2)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.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=(s2,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s2),api.setAddonState(stateId,s2,options3)},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s2=>setState(s2),[`${SHARED_STATE_SET}-client-${stateId}`]:s2=>setState(s2)},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_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.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_react3=__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(t3){for(var e3=1;e3<arguments.length;e3++){var r4=arguments[e3];for(var n3 in r4)Object.prototype.hasOwnProperty.call(r4,n3)&&(t3[n3]=r4[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c2(t3,e3)}function c2(t3,e3){return c2=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c2(t3,e3)}function u(t3,e3){if(t3==null)return{};var r4,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r4=o2[n3])>=0||(i3[r4]=t3[r4]);return i3}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"]},h2=Object.keys(l).map(function(t3){return l[t3]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t3,e3){return t3[m2[e3]]=e3,t3},{}),T=function(t3,e3){for(var r4=t3.length-1;r4>=0;r4-=1){var n3=t3[r4];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r4=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r4&&e3)return r4.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b2=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r4){if(!e4.length)for(var n3=Object.keys(r4),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r4[o2])return e4.concat(r4)}return e4},[])},C2=function(t3,e3,r4){var n3={};return r4.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r5){var i3={};r5.filter(function(t5){for(var r6,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c4=s3.toLowerCase();e3.indexOf(c4)===-1||r6==="rel"&&t5[r6].toLowerCase()==="canonical"||c4==="rel"&&t5[c4].toLowerCase()==="stylesheet"||(r6=c4),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r6=s3)}if(!r6||!t5[r6])return!1;var u3=t5[r6].toLowerCase();return n3[r6]||(n3[r6]={}),i3[r6]||(i3[r6]={}),!n3[r6][u3]&&(i3[r6][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c3=o2[s2],u2=a({},n3[c3],i3[c3]);n3[c3]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r4=0;r4<t3.length;r4+=1)if(t3[r4][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E2=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r4){return function(t5,e4){for(var r5=Object.keys(t5),n3=0;n3<r5.length;n3+=1)if(e4[r5[n3]]&&e4[r5[n3]].includes(t5[r5[n3]]))return!0;return!1}(r4,e3)?t4.priority.push(r4):t4.default.push(r4),t4},{priority:[],default:[]}):{default:t3}},I2=function(t3,e3){var r4;return a({},t3,((r4={})[e3]=void 0,r4))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x2=function(t3){return Object.keys(t3).reduce(function(e3,r4){var n3=t3[r4]!==void 0?r4+'="'+t3[r4]+'"':""+r4;return e3?e3+" "+n3:n3},"")},L2=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r4){return e4[m2[r4]||r4]=t3[r4],e4},e3)},j=function(e3,r4){return r4.map(function(r5,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r5).forEach(function(t3){var e4=m2[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r5.innerHTML||r5.cssText}:o2[e4]=r5[t3]}),import_react3.default.createElement(e3,o2)})},M=function(e3,r4,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r4.titleAttributes,(i3={key:e4=r4.title})["data-rh"]=!0,o2=L2(n4,i3),[import_react3.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r5,n4){var i3=x2(r5),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w2(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w2(o2,n4)+"</"+t3+">"}(e3,r4.title,r4.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r4)},toString:function(){return x2(r4)}};default:return{toComponent:function(){return j(e3,r4)},toString:function(){return function(t3,e4,r5){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w2(n4[e6],r5)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P2.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r4,n3)}}}},k=function(t3){var e3=t3.baseTag,r4=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c3=s2===void 0?"":s2,u2=t3.titleAttributes,h3=t3.linkTags,m3=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r5=t4.scriptTags,n4=t4.encode,i4=E2(t4.metaTags,d),o3=E2(e4,p),a3=E2(r5,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h3=g2.linkTags,m3=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r4,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h3,n3),meta:M(l.META,m3,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c3,titleAttributes:u2},n3)}},H=[],N2=function(t3,e3){var r4=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r4.context.helmet=t4},helmetInstances:{get:function(){return r4.canUseDOM?H:r4.instances},add:function(t4){(r4.canUseDOM?H:r4.instances).push(t4)},remove:function(t4){var e4=(r4.canUseDOM?H:r4.instances).indexOf(t4);(r4.canUseDOM?H:r4.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R2=import_react3.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(e3){function r4(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N2(n3.props.context,r4.canUseDOM),n3}return s(r4,e3),r4.prototype.render=function(){return import_react3.default.createElement(R2.Provider,{value:this.helmetData.value},this.props.children)},r4}(import_react3.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(t3,e3){var r4,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r4=e5,n4.isEqualNode(t4)})?o2.splice(r4,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B2=function(t3,e3){var r4=document.getElementsByTagName(t3)[0];if(r4){for(var n3=r4.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c3=a2[s2],u2=e3[c3]||"";r4.getAttribute(c3)!==u2&&r4.setAttribute(c3,u2),i3.indexOf(c3)===-1&&i3.push(c3);var l2=o2.indexOf(c3);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r4.removeAttribute(o2[p2]);i3.length===o2.length?r4.removeAttribute("data-rh"):r4.getAttribute("data-rh")!==a2.join(",")&&r4.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r4=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c3=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f3=t3.titleAttributes;B2(l.BODY,t3.bodyAttributes),B2(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B2(l.TITLE,e4)}(p2,f3);var d2={baseTag:Y(l.BASE,r4),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u2)},h3={},m3={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r5=e4.newTags,n4=e4.oldTags;r5.length&&(h3[t4]=r5),n4.length&&(m3[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h3,m3)},_=null,z=function(t3){function e3(){for(var e4,r5=arguments.length,n3=new Array(r5),i3=0;i3<r5;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r4=e3.prototype;return r4.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r4.componentDidUpdate=function(){this.emitChange()},r4.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r4.emitChange=function(){var t4,e4,r5=this.props.context,n3=r5.setHelmet,i3=null,o2=(t4=r5.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C2(l.LINK,["rel","href"],t4),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b2(t4),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t4),styleTags:C2(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r4.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r4.render=function(){return this.init(),null},e3}(import_react3.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r4(){return e3.apply(this,arguments)||this}s(r4,e3);var o2=r4.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I2(this.props,"helmetData"),I2(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r5=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r5.type]=[].concat(n3[r5.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r5,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r5,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r5={})[n3.type]=a({},o3),r5))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r5=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r5=a({},r5,((n3={})[e5]=t3[e5],n3))}),r5},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h2.some(function(e5){return t3.type===e5}),typeof t3.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 "+h2.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r5){var n3=this,i3={};return import_react3.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c3=t3.type;switch(typeof c3=="symbol"?c3=c3.toString():n3.warnOnInvalidChildren(t3,o3),c3){case l.FRAGMENT:r5=n3.mapChildrenToProps(o3,r5);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r5=n3.mapObjectTypeChildren({child:t3,newProps:r5,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r5)},o2.render=function(){var e4=this.props,r5=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r5&&(i3=this.mapChildrenToProps(r5,i3)),!o3||o3 instanceof N2||(o3=new N2(o3.context,o3.instances)),o3?import_react3.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react3.default.createElement(R2.Consumer,null,function(e5){return import_react3.default.createElement(z,a({},i3,{context:e5}))})},r4}(import_react3.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_react56=__toESM(require_react());var React3=__toESM(require_react()),import_react4=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d2,b3){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d3,b4){d3.__proto__=b4}||function(d3,b4){for(var p2 in b4)Object.prototype.hasOwnProperty.call(b4,p2)&&(d3[p2]=b4[p2])},extendStatics(d2,b3)};function __extends(d2,b3){if(typeof b3!="function"&&b3!==null)throw new TypeError("Class extends value "+String(b3)+" is not a constructor or null");extendStatics(d2,b3);function __(){this.constructor=d2}d2.prototype=b3===null?Object.create(b3):(__.prototype=b3.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t3){for(var s2,i3=1,n3=arguments.length;i3<n3;i3++){s2=arguments[i3];for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&(t3[p2]=s2[p2])}return t3},__assign.apply(this,arguments)};function __rest(s2,e3){var t3={};for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&e3.indexOf(p2)<0&&(t3[p2]=s2[p2]);if(s2!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i3=0,p2=Object.getOwnPropertySymbols(s2);i3<p2.length;i3++)e3.indexOf(p2[i3])<0&&Object.prototype.propertyIsEnumerable.call(s2,p2[i3])&&(t3[p2[i3]]=s2[p2[i3]]);return t3}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&&notifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react4.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react4.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react4.cloneElement)(typedChildren,nativeProps)}return(0,import_react4.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react4.cloneElement)(el,childProps)});default:return React3.createElement(WrapperTag,null)}},ResizeDetector2}(import_react4.PureComponent);var useEnhancedEffect=isSSR()?import_react4.useEffect:import_react4.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react4.useRef)(skipOnMount),localRef=(0,import_react4.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react4.useRef)(),_e=(0,import_react4.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&&notifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,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,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,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,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var React5=__toESM(require_react(),1),import_react6=__toESM(require_react(),1);var import_react5=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react5.useRef)(null),refOrElementRef=(0,import_react5.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react5.useRef)(null);(0,import_react5.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react5.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react5.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react5.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react5.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react5.useRef)(),_useState=(0,import_react5.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react5.useRef)(!1);(0,import_react5.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react5.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react5.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react5.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_memoizerific4=__toESM(require_memoizerific(),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 _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o2)}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 a2=[null];a2.push.apply(a2,args22);var Constructor=Function.bind.apply(Parent2,a2),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 }).
 
@@ -397,7 +397,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
   & + & {
     margin-left: 6px;
   }
-`),Shortcut=({keys:keys2})=>import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(Key,null,keys2.map((key2,index3)=>import_react28.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react28.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react28.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react28.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react28.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react28.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react28.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react28.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react28.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react28.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react28.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react28.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react28.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react28.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react28.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react28.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react28.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react28.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react29.default.memo(function(){return import_react29.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications;return{title:name2,url,index:index3,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts}}},fromState=>import_react29.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react41=__toESM(require_react());var import_react40=__toESM(require_react());var FrameWrap=newStyled.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react30=__toESM(require_react());var initialZoom=1,Context=import_react30.default.createContext({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react30.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react30.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react30.default.memo(function({zoomIn,zoomOut,reset}){return import_react30.default.createElement(import_react30.default.Fragment,null,import_react30.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react30.default.createElement(Icons,{icon:"zoom"})),import_react30.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react30.default.createElement(Icons,{icon:"zoomout"})),import_react30.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react30.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react30.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react30.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react30.default.memo(function(){return import_react30.default.createElement(import_react30.default.Fragment,null,import_react30.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react30.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react30.default.createElement(Separator,null))})};var import_react31=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react31.default.createElement(import_react31.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>wrapper.render({index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p2=>import_react31.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p2.active},p2.children)}];var import_react37=__toESM(require_react());var import_react32=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document10}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document10,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",match:({viewMode})=>viewMode==="story",render:()=>import_react32.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react32.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react32.default.createElement(Icons,{icon:"link"})):null)};var import_react33=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",match:({viewMode})=>viewMode==="story",render:()=>import_react33.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react33.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react33.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react34=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react34.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react34.default.createElement(import_react34.default.Fragment,null,import_react34.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react34.default.createElement(Icons,{icon:"menu"})),import_react34.default.createElement(Separator,null)))};var import_react35=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",match:({viewMode})=>viewMode==="story",render:()=>import_react35.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react35.default.createElement(import_react35.default.Fragment,null,import_react35.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react35.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react36=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react36.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react36.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react36.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react36.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react37.default.createElement(FlexBar,{...props}),Toolbar=newStyled(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p2=>["story","docs"].includes(p2.viewMode),render:()=>import_react37.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react37.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react37.default.createElement(Icons,{icon:value2?"close":"expand"})))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",render:()=>import_react37.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(TabBar,{key:"tabs"},tabs.filter(p2=>!p2.hidden).map((t3,index3)=>{let to=t3.route(rp),isActive=rp.path===to;return import_react37.default.createElement(UnstyledLink,{key:t3.id||`l${index3}`,to},import_react37.default.createElement(TabButton,{disabled:t3.disabled,active:isActive},t3.title))})),import_react37.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react37.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react37.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react37.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react37.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react37.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react37.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react37.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react37.default.createElement(Tools,{key:"left",list:left}),import_react37.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react37.default.memo(function(props){return import_react37.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react37.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react37.default.memo(function({list}){return import_react37.default.createElement(import_react37.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index3)=>import_react37.default.createElement(Render,{key:id||t3.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p2=>!p2.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react39=__toESM(require_react());var import_react38=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"all .3s, background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react38.default.useRef(null);return import_react38.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react38.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react39.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react39.default.createElement(import_react39.Fragment,null,import_react39.default.createElement(Global,{styles:styles2}),import_react39.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react39.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react39.default.createElement(import_react39.Fragment,{key:id},import_react39.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvas=(id,baseUrl="iframe.html",withLoader=!0)=>({id:"canvas",title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>import_react40.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react40.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react40.useState)(void 0);(0,import_react40.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react40.default.createElement(ZoomConsumer,null,({value:scale})=>import_react40.default.createElement(import_react40.default.Fragment,null,withLoader&&isLoading&&import_react40.default.createElement(LoaderWrapper2,null,import_react40.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react40.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react40.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react40.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react40.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react40.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react40.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(previewId,baseUrl,withLoader,getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react40.useRef)(storyId);return(0,import_react40.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react40.default.createElement(import_react40.Fragment,null,previewId==="main"&&import_react40.default.createElement(W,{key:"description"},import_react40.default.createElement("title",null,description)),import_react40.default.createElement(ZoomProvider,{shouldScale},import_react40.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react40.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t3},i3)=>{let key2=t3.id||t3.key||i3;return import_react40.default.createElement(import_react40.Fragment,{key:key2},import_react40.default.createElement(Location,null,lp=>import_react40.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react41.default.memo(function(props){return import_react41.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react41.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react44=__toESM(require_react()),import_memoizerific7=__toESM(require_memoizerific());var import_react43=__toESM(require_react());var import_react42=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react42.useState)(!1);return(0,import_react42.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTabContent=import_react43.default.memo(function({children}){return children}),SafeTab=class extends import_react43.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children,title,id}=this.props;return hasError?import_react43.default.createElement("h1",null,"Something went wrong."):import_react43.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel2=import_react43.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react43.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react43.default.createElement(import_react43.Fragment,null,import_react43.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react43.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react43.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react43.default.createElement(Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react43.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?v2.title():v2.title},v2.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific7.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react44.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react44.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react47=__toESM(require_react());var import_react46=__toESM(require_react());var import_react45=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=newStyled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react45.default.createElement(import_react45.default.Fragment,null,!icon||import_react45.default.createElement(NotificationIconWrapper,null,import_react45.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||defaultColor})),import_react45.default.createElement(NotificationTextWrapper,null,import_react45.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react45.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react45.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e3=>{e3.preventDefault(),onDismiss()}},import_react45.default.createElement(Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react45.default.createElement(NotificationLink,{to:link},import_react45.default.createElement(ItemContent,{icon,content}),import_react45.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react45.default.createElement(Notification,null,import_react45.default.createElement(ItemContent,{icon,content}),import_react45.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=newStyled.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react46.default.createElement(List2,{placement},notifications.map(notification=>import_react46.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react47.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react47.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_react55=__toESM(require_react());var import_react49=__toESM(require_react());var import_react48=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container4=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),UpgradeBlock=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,margin:20,marginTop:0,maxWidth:400,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2})),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),TabButton2=newStyled(Button)(({theme,active})=>({"&&":{padding:2,paddingRight:8,margin:0,color:active?theme.color.secondary:theme.base==="light"?theme.color.dark:theme.color.lightest}})),StyledLink=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({current,onNavigateToWhatsNew})=>{let[activeTab,setActiveTab]=(0,import_react48.useState)("npm");return import_react48.default.createElement(Container4,null,import_react48.default.createElement("div",{style:{flex:"1"}}),import_react48.default.createElement(Header,null,import_react48.default.createElement(StorybookIcon,null)," Storybook"),import_react48.default.createElement(UpgradeBlock,null,import_react48.default.createElement("strong",null,"You are on Storybook ",current.version),import_react48.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react48.default.createElement("div",null,import_react48.default.createElement(TabButton2,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react48.default.createElement(TabButton2,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react48.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react48.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook")),import_react48.default.createElement("div",{style:{flex:"1.2"}}),import_react48.default.createElement(Footer,null,import_react48.default.createElement("div",{style:{marginBottom:12}},import_react48.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react48.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react48.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react48.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react48.default.createElement("div",null,"Open source software maintained by"," ",import_react48.default.createElement(StyledLink,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react48.default.createElement(StyledLink,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))};var NotificationClearer=class extends import_react49.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react49.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react49.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react49.default.createElement(AboutScreen,{current:api.getCurrentVersion(),onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react51=__toESM(require_react());var import_react50=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container5=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(()=>({margin:0,padding:0,borderRadius:0})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react50.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react50.default.createElement(Container5,null,import_react50.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react50.default.createElement(Icons,{icon:"heart",color:theme.color.mediumdark}),import_react50.default.createElement("div",null,"Share this with your team."),import_react50.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react50.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Icons,{icon:"eyeclose"}),"\xA0Hide notifications"):import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Icons,{icon:"eye"}),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react50.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react50.default.createElement(Centered,null,import_react50.default.createElement(LoaderWrapper3,null,import_react50.default.createElement(Loader,null)),import_react50.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react50.default.createElement(Centered,null,import_react50.default.createElement(AlertIcon,null),import_react50.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react50.default.createElement(import_react50.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react50.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react50.default.createElement(MaxWaitTimeMessaging,null):import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react50.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react50.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react50.useState)(!1);if((0,import_react50.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react50.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react51.default.createElement(WhatsNewScreen,null);var import_react54=__toESM(require_react());var import_react53=__toESM(require_react());var import_react52=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react52.default.createElement(Footer2,{...props},import_react52.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react52.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react52.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
+`),Shortcut=({keys:keys2})=>import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(Key,null,keys2.map((key2,index3)=>import_react28.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react28.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about")}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react28.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.navigateToSettingsPage("/settings/whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react28.default.createElement(Badge,{status:"positive"},"Check it out")}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react28.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react28.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react28.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react28.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react28.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react28.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react28.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react28.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react28.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react28.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react28.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react28.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react28.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react28.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react28.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react28.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react29.default.memo(function(){return import_react29.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(state,api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications;return{title:name2,url,index:index3,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts}}},fromState=>import_react29.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react41=__toESM(require_react());var import_react40=__toESM(require_react());var FrameWrap=newStyled.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react30=__toESM(require_react());var initialZoom=1,Context=import_react30.default.createContext({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react30.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react30.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react30.default.memo(function({zoomIn,zoomOut,reset}){return import_react30.default.createElement(import_react30.default.Fragment,null,import_react30.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react30.default.createElement(Icons,{icon:"zoom"})),import_react30.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react30.default.createElement(Icons,{icon:"zoomout"})),import_react30.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react30.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react30.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react30.useCallback)(e3=>{e3.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react30.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react30.default.memo(function(){return import_react30.default.createElement(import_react30.default.Fragment,null,import_react30.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react30.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react30.default.createElement(Separator,null))})};var import_react31=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react31.default.createElement(import_react31.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>wrapper.render({index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p2=>import_react31.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p2.active},p2.children)}];var import_react37=__toESM(require_react());var import_react32=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document10}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location3}=document10,ref=refs2[refId],baseUrl=`${location3.origin}${location3.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",match:({viewMode})=>viewMode==="story",render:()=>import_react32.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react32.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react32.default.createElement(Icons,{icon:"link"})):null)};var import_react33=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",match:({viewMode})=>viewMode==="story",render:()=>import_react33.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react33.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react33.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react34=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react34.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react34.default.createElement(import_react34.default.Fragment,null,import_react34.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react34.default.createElement(Icons,{icon:"menu"})),import_react34.default.createElement(Separator,null)))};var import_react35=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",match:({viewMode})=>viewMode==="story",render:()=>import_react35.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react35.default.createElement(import_react35.default.Fragment,null,import_react35.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react35.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react36=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react36.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react36.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react36.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react36.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react37.default.createElement(FlexBar,{...props}),Toolbar=newStyled(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p2=>["story","docs"].includes(p2.viewMode),render:()=>import_react37.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react37.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react37.default.createElement(Icons,{icon:value2?"close":"expand"})))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",render:()=>import_react37.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(TabBar,{key:"tabs"},tabs.filter(p2=>!p2.hidden).map((t3,index3)=>{let to=t3.route(rp),isActive=rp.path===to;return import_react37.default.createElement(UnstyledLink,{key:t3.id||`l${index3}`,to},import_react37.default.createElement(TabButton,{disabled:t3.disabled,active:isActive},t3.title))})),import_react37.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location3,path)=>{let toolsFromConfig=(0,import_react37.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react37.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react37.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react37.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react37.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}):{left:tools,right:toolsExtra},[viewMode,entry,location3,path,tools,toolsExtra,tabs])},ToolRes=import_react37.default.memo(function({api,entry,tabs,isShown,location:location3,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location3,path);return left||right?import_react37.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react37.default.createElement(Tools,{key:"left",list:left}),import_react37.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react37.default.memo(function(props){return import_react37.default.createElement(Location,null,({location:location3,path,viewMode})=>import_react37.default.createElement(ToolRes,{...props,location:location3,path,viewMode}))}),Tools=import_react37.default.memo(function({list}){return import_react37.default.createElement(import_react37.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index3)=>import_react37.default.createElement(Render,{key:id||t3.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location3,path}){let toolsLeft=[menuTool,tabs.filter(p2=>!p2.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location3,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react39=__toESM(require_react());var import_react38=__toESM(require_react());var StyledIframe=newStyled.iframe({backgroundColor:"white",position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"all .3s, background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react38.default.useRef(null);return import_react38.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react38.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs3=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs3.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),styles2={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId,refs2),{current:frames}=(0,import_react39.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react39.default.createElement(import_react39.Fragment,null,import_react39.default.createElement(Global,{styles:styles2}),import_react39.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react39.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react39.default.createElement(import_react39.Fragment,{key:id},import_react39.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvas=(id,baseUrl="iframe.html",withLoader=!0)=>({id:"canvas",title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>import_react40.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react40.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react40.useState)(void 0);(0,import_react40.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react40.default.createElement(ZoomConsumer,null,({value:scale})=>import_react40.default.createElement(import_react40.default.Fragment,null,withLoader&&isLoading&&import_react40.default.createElement(LoaderWrapper2,null,import_react40.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react40.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react40.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react40.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react40.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react40.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react40.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(previewId,baseUrl,withLoader,getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react40.useRef)(storyId);return(0,import_react40.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react40.default.createElement(import_react40.Fragment,null,previewId==="main"&&import_react40.default.createElement(W,{key:"description"},import_react40.default.createElement("title",null,description)),import_react40.default.createElement(ZoomProvider,{shouldScale},import_react40.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react40.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t3},i3)=>{let key2=t3.id||t3.key||i3;return import_react40.default.createElement(import_react40.Fragment,{key:key2},import_react40.default.createElement(Location,null,lp=>import_react40.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location3,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location3}},PreviewConnected=import_react41.default.memo(function(props){return import_react41.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react41.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react44=__toESM(require_react()),import_memoizerific7=__toESM(require_memoizerific());var import_react43=__toESM(require_react());var import_react42=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react42.useState)(!1);return(0,import_react42.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTabContent=import_react43.default.memo(function({children}){return children}),SafeTab=class extends import_react43.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children,title,id}=this.props;return hasError?import_react43.default.createElement("h1",null,"Something went wrong."):import_react43.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel2=import_react43.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react43.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react43.default.createElement(import_react43.Fragment,null,import_react43.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react43.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react43.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react43.default.createElement(Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react43.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?v2.title():v2.title},v2.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific7.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react44.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react44.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react47=__toESM(require_react());var import_react46=__toESM(require_react());var import_react45=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=newStyled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react45.default.createElement(import_react45.default.Fragment,null,!icon||import_react45.default.createElement(NotificationIconWrapper,null,import_react45.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||defaultColor})),import_react45.default.createElement(NotificationTextWrapper,null,import_react45.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react45.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react45.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e3=>{e3.preventDefault(),onDismiss()}},import_react45.default.createElement(Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react45.default.createElement(NotificationLink,{to:link},import_react45.default.createElement(ItemContent,{icon,content}),import_react45.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react45.default.createElement(Notification,null,import_react45.default.createElement(ItemContent,{icon,content}),import_react45.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=newStyled.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react46.default.createElement(List2,{placement},notifications.map(notification=>import_react46.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react47.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react47.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_react55=__toESM(require_react());var import_react49=__toESM(require_react());var import_react48=__toESM(require_react());var Header=newStyled.header(({theme})=>({marginBottom:32,fontSize:theme.typography.size.l2,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}})),Container4=newStyled.div({display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - 40px)",flexDirection:"column"}),UpgradeBlock=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,margin:20,marginTop:0,maxWidth:400,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2})),Code3=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),SquareButton=newStyled(Button)(({theme})=>({"&&":{borderRadius:4,fontSize:"13px",lineHeight:"14px",color:theme.base==="light"?theme.color.darker:theme.color.lightest,padding:"9px 12px",svg:{marginRight:6}}})),TabButton2=newStyled(Button)(({theme,active})=>({"&&":{padding:2,paddingRight:8,margin:0,color:active?theme.color.secondary:theme.base==="light"?theme.color.dark:theme.color.lightest}})),StyledLink=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({current,onNavigateToWhatsNew})=>{let[activeTab,setActiveTab]=(0,import_react48.useState)("npm");return import_react48.default.createElement(Container4,null,import_react48.default.createElement("div",{style:{flex:"1"}}),import_react48.default.createElement(Header,null,import_react48.default.createElement(StorybookIcon,null)," Storybook"),import_react48.default.createElement(UpgradeBlock,null,import_react48.default.createElement("strong",null,"You are on Storybook ",current.version),import_react48.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react48.default.createElement("div",null,import_react48.default.createElement(TabButton2,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react48.default.createElement(TabButton2,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react48.default.createElement(Code3,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react48.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook")),import_react48.default.createElement("div",{style:{flex:"1.2"}}),import_react48.default.createElement(Footer,null,import_react48.default.createElement("div",{style:{marginBottom:12}},import_react48.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://github.com/storybookjs/storybook",style:{marginRight:12}},import_react48.default.createElement(Icons,{icon:"github",style:{display:"inline",marginRight:5}}),"GitHub"),import_react48.default.createElement(SquareButton,{isLink:!0,outline:!0,small:!0,href:"https://storybook.js.org/docs"},import_react48.default.createElement(Icons,{icon:"document",style:{display:"inline",marginRight:5}}),"Documentation")),import_react48.default.createElement("div",null,"Open source software maintained by"," ",import_react48.default.createElement(StyledLink,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react48.default.createElement(StyledLink,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))};var NotificationClearer=class extends import_react49.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react49.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react49.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react49.default.createElement(AboutScreen,{current:api.getCurrentVersion(),onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react51=__toESM(require_react());var import_react50=__toESM(require_react());var Centered=newStyled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=newStyled.div({position:"relative",height:"32px"}),Message4=newStyled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Container5=newStyled.div(({theme})=>({position:"absolute",width:"100%",bottom:"40px",background:theme.background.bar,fontSize:"13px",borderTop:"1px solid",borderColor:theme.appBorderColor,padding:"8px 12px",display:"flex",alignItems:"center",justifyContent:"space-between"})),ToggleNotificationButton=newStyled(IconButton)(({theme})=>({fontWeight:theme.typography.weight.regular,color:theme.color.mediumdark,margin:0})),CopyButton=newStyled(Button)(({theme})=>({"&&":{fontSize:"13px",color:theme.color.defaultText,margin:0,padding:0,borderRadius:0}})),WhatsNewFooter=({isNotificationsEnabled,onToggleNotifications,onCopyLink})=>{let theme=useTheme(),[copyText,setCopyText]=(0,import_react50.useState)("Copy Link"),copyLink=()=>{onCopyLink(),setCopyText("Copied!"),setTimeout(()=>setCopyText("Copy Link"),4e3)};return import_react50.default.createElement(Container5,null,import_react50.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:10}},import_react50.default.createElement(Icons,{icon:"heart",color:theme.color.mediumdark}),import_react50.default.createElement("div",null,"Share this with your team."),import_react50.default.createElement(CopyButton,{onClick:copyLink,small:!0},copyText)),import_react50.default.createElement(ToggleNotificationButton,{onClick:onToggleNotifications},isNotificationsEnabled?import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Icons,{icon:"eyeclose"}),"\xA0Hide notifications"):import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Icons,{icon:"eye"}),"\xA0Show notifications")))},Iframe=newStyled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"calc(100% - 80px)",background:"white"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=newStyled(props=>import_react50.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),WhatsNewLoader=()=>import_react50.default.createElement(Centered,null,import_react50.default.createElement(LoaderWrapper3,null,import_react50.default.createElement(Loader,null)),import_react50.default.createElement(Message4,null,"Loading...")),MaxWaitTimeMessaging=()=>import_react50.default.createElement(Centered,null,import_react50.default.createElement(AlertIcon,null),import_react50.default.createElement(Message4,null,"The page couldn't be loaded. Check your internet connection and try again.")),PureWhatsNewScreen=({didHitMaxWaitTime,isLoaded,onLoad,url,onCopyLink,onToggleNotifications,isNotificationsEnabled})=>import_react50.default.createElement(import_react50.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react50.default.createElement(WhatsNewLoader,null),didHitMaxWaitTime?import_react50.default.createElement(MaxWaitTimeMessaging,null):import_react50.default.createElement(import_react50.default.Fragment,null,import_react50.default.createElement(Iframe,{isLoaded,onLoad,src:url,title:"What's new?"}),import_react50.default.createElement(WhatsNewFooter,{isNotificationsEnabled,onToggleNotifications,onCopyLink}))),MAX_WAIT_TIME=1e4,WhatsNewScreen=()=>{let api=useStorybookApi(),state=useStorybookState(),{whatsNewData}=state,[isLoaded,setLoaded]=(0,import_react50.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react50.useState)(!1);if((0,import_react50.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),whatsNewData?.status!=="SUCCESS")return null;let isNotificationsEnabled=!whatsNewData.disableWhatsNewNotifications;return import_react50.default.createElement(PureWhatsNewScreen,{didHitMaxWaitTime,isLoaded,onLoad:()=>{api.whatsNewHasBeenRead(),setLoaded(!0)},url:whatsNewData.url,isNotificationsEnabled,onCopyLink:()=>{navigator.clipboard?.writeText(whatsNewData.blogUrl??whatsNewData.url)},onToggleNotifications:()=>{isNotificationsEnabled?scope.confirm("All update notifications will no longer be shown. Are you sure?")&&api.toggleWhatsNewNotifications():api.toggleWhatsNewNotifications()}})};var WhatsNewPage=()=>import_react51.default.createElement(WhatsNewScreen,null);var import_react54=__toESM(require_react());var import_react53=__toESM(require_react());var import_react52=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react52.default.createElement(Footer2,{...props},import_react52.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react52.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react52.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
 0%,100% { opacity: 0; }
   50% { opacity: 1; }
 `,SuccessIcon=newStyled(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container6=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends import_react53.Component{constructor(props){super(props);this.onKeyDown=e3=>{let{activeFeature,shortcutKeys}=this.state;if(e3.key==="Backspace")return this.restoreDefault();let shortcut=eventToShortcut(e3);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&shortcutMatchesShortcut(shortcut,existingShortcut));return this.setState({shortcutKeys:{...shortcutKeys,[activeFeature]:{shortcut,error}}})};this.onFocus=focusedInput=>()=>{let{shortcutKeys}=this.state;this.setState({activeFeature:focusedInput,shortcutKeys:{...shortcutKeys,[focusedInput]:{shortcut:null,error:!1}}})};this.onBlur=async()=>{let{shortcutKeys,activeFeature}=this.state;if(shortcutKeys[activeFeature]){let{shortcut,error}=shortcutKeys[activeFeature];return!shortcut||error?this.restoreDefault():this.saveShortcut()}return!1};this.saveShortcut=async()=>{let{activeFeature,shortcutKeys}=this.state,{setShortcut}=this.props;await setShortcut(activeFeature,shortcutKeys[activeFeature].shortcut),this.setState({successField:activeFeature})};this.restoreDefaults=async()=>{let{restoreAllDefaultShortcuts}=this.props,defaultShortcuts2=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts2)})};this.restoreDefault=async()=>{let{activeFeature,shortcutKeys}=this.state,{restoreDefaultShortcut}=this.props,defaultShortcut=await restoreDefaultShortcut(activeFeature);return this.setState({shortcutKeys:{...shortcutKeys,...toShortcutState({[activeFeature]:defaultShortcut})}})};this.displaySuccessMessage=activeElement=>{let{successField,shortcutKeys}=this.state;return activeElement===successField&&shortcutKeys[activeElement].error===!1?"valid":void 0};this.displayError=activeElement=>{let{activeFeature,shortcutKeys}=this.state;return activeElement===activeFeature&&shortcutKeys[activeElement].error===!0?"error":void 0};this.renderKeyInput=()=>{let{shortcutKeys,addonsShortcutLabels}=this.state;return Object.entries(shortcutKeys).map(([feature,{shortcut}])=>import_react53.default.createElement(Row,{key:feature},import_react53.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react53.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?shortcutToHumanString(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react53.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react53.default.createElement(GridWrapper,null,import_react53.default.createElement(GridHeaderRow,null,import_react53.default.createElement(HeaderItem,null,"Commands"),import_react53.default.createElement(HeaderItem,null,"Shortcut")),this.renderKeyInput());this.state={activeFeature:void 0,successField:void 0,shortcutKeys:toShortcutState(props.shortcutKeys),addonsShortcutLabels:props.addonsShortcutLabels}}render(){let layout=this.renderKeyForm();return import_react53.default.createElement(Container6,null,import_react53.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react53.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react53.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react54.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react54.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document11}=scope,TabBarButton=import_react55.default.memo(function({changeTab,id,title}){return import_react55.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react55.default.createElement(TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content2=newStyled(ScrollArea)({position:"absolute",top:40,left:0,right:0,bottom:0,overflow:"auto"},({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,enableWhatsNew})=>(import_react55.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document11.addEventListener("keydown",handleEscape),()=>document11.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react55.default.createElement(import_react55.Fragment,null,import_react55.default.createElement(FlexBar,{border:!0},import_react55.default.createElement(TabBar,{role:"tablist"},import_react55.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),enableWhatsNew&&import_react55.default.createElement(TabBarButton,{id:"whats-new",title:"What's new?",changeTab}),import_react55.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react55.default.createElement(IconButton,{onClick:e3=>(e3.preventDefault(),onClose()),title:"Close settings page"},import_react55.default.createElement(Icons,{icon:"close"}))),import_react55.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react55.default.createElement(Route2,{path:"about"},import_react55.default.createElement(AboutPage,{key:"about"})),import_react55.default.createElement(Route2,{path:"whats-new"},import_react55.default.createElement(WhatsNewPage,{key:"whats-new"})),import_react55.default.createElement(Route2,{path:"shortcuts"},import_react55.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react55.default.createElement(Pages,{enableWhatsNew:state.whatsNewData?.status==="SUCCESS",enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})};var View=newStyled.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react56.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default,pages:[{key:"settings",render:()=>import_react56.default.createElement(SettingsPages,null),route:({children})=>import_react56.default.createElement(Route2,{path:"/settings/",startsWith:!0},children)}]}),[]);return!width||!height?content=import_react56.default.createElement("div",null):width<600?content=import_react56.default.createElement(Mobile,{...props,viewMode,options:layout}):content=import_react56.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount}),import_react56.default.createElement(View,{ref},import_react56.default.createElement(Global,{styles:createGlobal}),import_react56.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react57.default.createElement(q,{key:"helmet.Provider"},import_react57.default.createElement(LocationProvider,{key:"location.provider"},import_react57.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=useNavigate2();return import_react57.default.createElement(Location,{key:"location.consumer"},locationData=>import_react57.default.createElement(ManagerProvider,{key:"manager",provider,...locationData,navigate,docsOptions:scope?.DOCS_OPTIONS||{}},({state,api})=>{let panelCount=Object.keys(api.getPanels()).length,isLoading=api.getData(state.storyId,state.refId)?!!state.refs[state.refId]&&!state.refs[state.refId].previewInitialized:!state.previewInitialized;return import_react57.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react57.default.createElement(app_default,{key:"app",viewMode:state.viewMode,layout:isLoading?{...state.layout,showPanel:!1}:state.layout,panelCount}))}))};function renderStorybookUI(domNode,provider){if(!(provider instanceof Provider))throw new Error("provider is not extended from the base Provider");import_react_dom2.default.render(import_react57.default.createElement(Root4,{key:"root",provider}),domNode)}export{dist_exports,CHANNEL_CREATED,dist_exports2,Addon_TypesEnum,createBrowserChannel,dist_exports3,mockChannel,addons,dist_exports4,dist_exports5,Provider,Root4 as Root,renderStorybookUI};

package/dist/index.js

@@ -1 +1 @@
-import{Provider,Root,renderStorybookUI}from"./chunk-5TO5WUV7.js";import"./chunk-IPZYHIL3.js";import"./chunk-AM2ZNZZH.js";import"./chunk-QPL63VNK.js";import"./chunk-AA6TEL5N.js";import"./chunk-3FAXWWKG.js";import"./chunk-R5BIZIS3.js";import"./chunk-AS2AMEUR.js";export{Provider,Root,renderStorybookUI};
+import{Provider,Root,renderStorybookUI}from"./chunk-X2RV2MPA.js";import"./chunk-IPZYHIL3.js";import"./chunk-AM2ZNZZH.js";import"./chunk-QPL63VNK.js";import"./chunk-AA6TEL5N.js";import"./chunk-3FAXWWKG.js";import"./chunk-R5BIZIS3.js";import"./chunk-AS2AMEUR.js";export{Provider,Root,renderStorybookUI};

package/dist/runtime.js

@@ -1 +1 @@
-import{Addon_TypesEnum,CHANNEL_CREATED,Provider,addons,createBrowserChannel,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,mockChannel,renderStorybookUI}from"./chunk-5TO5WUV7.js";import"./chunk-IPZYHIL3.js";import{require_react_dom}from"./chunk-AM2ZNZZH.js";import"./chunk-QPL63VNK.js";import{dist_exports,dist_exports2 as dist_exports6,scope}from"./chunk-AA6TEL5N.js";import{require_react}from"./chunk-3FAXWWKG.js";import"./chunk-R5BIZIS3.js";import{__toESM}from"./chunk-AS2AMEUR.js";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 Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});
+import{Addon_TypesEnum,CHANNEL_CREATED,Provider,addons,createBrowserChannel,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,mockChannel,renderStorybookUI}from"./chunk-X2RV2MPA.js";import"./chunk-IPZYHIL3.js";import{require_react_dom}from"./chunk-AM2ZNZZH.js";import"./chunk-QPL63VNK.js";import{dist_exports,dist_exports2 as dist_exports6,scope}from"./chunk-AA6TEL5N.js";import{require_react}from"./chunk-3FAXWWKG.js";import"./chunk-R5BIZIS3.js";import{__toESM}from"./chunk-AS2AMEUR.js";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 Keys=(Keys2=>(Keys2.react="__REACT__",Keys2["react-dom"]="__REACTDOM__",Keys2["@storybook/components"]="__STORYBOOKCOMPONENTS__",Keys2["@storybook/channels"]="__STORYBOOKCHANNELS__",Keys2["@storybook/core-events"]="__STORYBOOKCOREEVENTS__",Keys2["@storybook/router"]="__STORYBOOKROUTER__",Keys2["@storybook/theming"]="__STORYBOOKTHEMING__",Keys2["@storybook/api"]="__STORYBOOKAPI__",Keys2["@storybook/manager-api"]="__STORYBOOKAPI__",Keys2["@storybook/addons"]="__STORYBOOKADDONS__",Keys2["@storybook/client-logger"]="__STORYBOOKCLIENTLOGGER__",Keys2))(Keys||{});var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{scope[Keys[key]]=values[key]});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.1.0-rc.0",
+  "version": "7.1.0-rc.1",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -52,18 +52,18 @@
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
     "@storybook/addon-designs": "^7.0.0",
-    "@storybook/addons": "7.1.0-rc.0",
-    "@storybook/api": "7.1.0-rc.0",
-    "@storybook/channel-postmessage": "7.1.0-rc.0",
-    "@storybook/channels": "7.1.0-rc.0",
-    "@storybook/client-logger": "7.1.0-rc.0",
-    "@storybook/components": "7.1.0-rc.0",
-    "@storybook/core-events": "7.1.0-rc.0",
+    "@storybook/addons": "7.1.0-rc.1",
+    "@storybook/api": "7.1.0-rc.1",
+    "@storybook/channel-postmessage": "7.1.0-rc.1",
+    "@storybook/channels": "7.1.0-rc.1",
+    "@storybook/client-logger": "7.1.0-rc.1",
+    "@storybook/components": "7.1.0-rc.1",
+    "@storybook/core-events": "7.1.0-rc.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-rc.0",
-    "@storybook/router": "7.1.0-rc.0",
-    "@storybook/theming": "7.1.0-rc.0",
-    "@storybook/types": "7.1.0-rc.0",
+    "@storybook/manager-api": "7.1.0-rc.1",
+    "@storybook/router": "7.1.0-rc.1",
+    "@storybook/theming": "7.1.0-rc.1",
+    "@storybook/types": "7.1.0-rc.1",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",