@storybook/manager 7.1.0-alpha.1 → 7.1.0-alpha.3

package/dist/index.js

@@ -324,7 +324,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let 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],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...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&&import_global22.global.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 import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0: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}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.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(index),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(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.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){import_client_logger3.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}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{var _a;fullAPI.on(import_core_events22.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(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.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,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.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(import_core_events22.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(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.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={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(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(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,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),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.1.0-alpha.1",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.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_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.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:import_types22.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(import_core_events72.SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(import_core_events72.SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return{...state,get storiesHash(){return(0,import_client_logger6.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger6.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger6.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.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 useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=(data==null?void 0:data.type)==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
+          `});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],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...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&&import_global22.global.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 import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0: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}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.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(index),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(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.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){import_client_logger3.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}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{var _a;fullAPI.on(import_core_events22.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(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.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,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.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(import_core_events22.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(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.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={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(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(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,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),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&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(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.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(import_core_events42.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:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.1.0-alpha.3",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.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_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.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:import_types22.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(import_core_events72.SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(import_core_events72.SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return{...state,get storiesHash(){return(0,import_client_logger6.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger6.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger6.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.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 useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=(data==null?void 0:data.type)==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
 `+rule+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!isImportRule3}if(this.isSpeedy){var sheet=sheetForTag(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e4){process.env.NODE_ENV!=="production"&&!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)&&console.error('There was a problem inserting the following rule: "'+rule+'"',e4)}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function(){this.tags.forEach(function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)}),this.tags=[],this.ctr=0,process.env.NODE_ENV!=="production"&&(this._alreadyInsertedOrderInsensitiveRule=!1)},StyleSheet2}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(value2,length22){return charat(value2,0)^45?(((length22<<2^charat(value2,0))<<2^charat(value2,1))<<2^charat(value2,2))<<2^charat(value2,3):0}function trim(value2){return value2.trim()}function match(value2,pattern){return(value2=pattern.exec(value2))?value2[0]:value2}function replace(value2,pattern,replacement){return value2.replace(pattern,replacement)}function indexof(value2,search){return value2.indexOf(search)}function charat(value2,index){return value2.charCodeAt(index)|0}function substr(value2,begin,end){return value2.slice(begin,end)}function strlen(value2){return value2.length}function sizeof(value2){return value2.length}function append(value2,array){return array.push(value2),value2}function combine(array,callback){return array.map(callback).join("")}var line=1,column=1,length2=0,position=0,character=0,characters="";function node(value2,root4,parent,type,props,children,length22){return{value:value2,root:root4,parent,type,props,children,line,column,length:length22,return:""}}function copy2(root4,props){return assign(node("",null,null,"",null,null,0),root4,{length:-root4.length},props)}function char(){return character}function prev(){return character=position>0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position<length2?charat(characters,position++):0,column++,character===10&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value2){return line=column=1,length2=strlen(characters=value2),position=0,[]}function dealloc(value2){return characters="",value2}function delimit(type){return trim(slice(position-1,delimiter(type===91?type+2:type===40?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10&&!(type+character===42+42&&peek()===47););return"/*"+slice(index,position-1)+"*"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value2){return dealloc(parse2("",null,null,null,[""],value2=alloc(value2),0,[0],value2))}function parse2(value2,root4,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length22=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type="",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length22-1)==58){indexof(characters2+=replace(delimit(character2),"&","&\f"),"&\f")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root4,parent),declarations);break;default:characters2+="/"}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:property>0&&strlen(characters2)-length22&&append(property>32?declaration(characters2+";",rule,parent,length22-1):declaration(replace(characters2," ","")+";",rule,parent,length22-2),declarations);break;case 59:characters2+=";";default:if(append(reference=ruleset(characters2,root4,parent,index,offset,rules,points,type,props=[],children=[],length22),rulesets),character2===123)if(offset===0)parse2(characters2,root4,reference,reference,props,rulesets,length22,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 109:case 115:parse2(value2,reference,reference,rule&&append(ruleset(value2,reference,reference,0,0,rules,points,type,rules,props=[],length22),children),rules,children,length22,points,rule?props:children);break;default:parse2(characters2,reference,reference,reference,[""],children,0,points,children)}}index=offset=property=0,variable=ampersand=1,type=characters2="",length22=pseudo;break;case 58:length22=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+="\f",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length22=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0)}}return rulesets}function ruleset(value2,root4,parent,index,offset,rules,points,type,props,children,length22){for(var post=offset-1,rule=offset===0?rules:[""],size=sizeof(rule),i4=0,j3=0,k3=0;i4<index;++i4)for(var x3=0,y3=substr(value2,post+1,post=abs(j3=points[i4])),z3=value2;x3<size;++x3)(z3=trim(j3>0?rule[x3]+" "+y3:replace(y3,/&\f/g,rule[x3])))&&(props[k3++]=z3);return node(value2,root4,parent,offset===0?RULESET:type,props,children,length22)}function comment(value2,root4,parent){return node(value2,root4,parent,COMMENT,from(char()),substr(value2,2,-2),0)}function declaration(value2,root4,parent,length22){return node(value2,root4,parent,DECLARATION,substr(value2,0,length22),substr(value2,length22+1,-1),length22)}function serialize(children,callback){for(var output="",length22=sizeof(children),i4=0;i4<length22;i4++)output+=callback(children[i4],i4,children,callback)||"";return output}function stringify2(element,index,children,callback){switch(element.type){case IMPORT:case DECLARATION:return element.return=element.return||element.value;case COMMENT:return"";case KEYFRAMES:return element.return=element.value+"{"+serialize(element.children,callback)+"}";case RULESET:element.value=element.props.join(",")}return strlen(children=serialize(element.children,callback))?element.return=element.value+"{"+children+"}":""}function middleware(collection){var length22=sizeof(collection);return function(element,index,children,callback){for(var output="",i4=0;i4<length22;i4++)output+=collection[i4](element,index,children,callback)||"";return output}}function rulesheet(callback){return function(element){element.root||(element=element.return)&&callback(element)}}var weakMemoize=function(func){var cache=new WeakMap;return function(arg){if(cache.has(arg))return cache.get(arg);var ret=func(arg);return cache.set(arg,ret),ret}},emotion_weak_memoize_esm_default=weakMemoize,identifierWithPointTracking=function(begin,points,index){for(var previous=0,character2=0;previous=character2,character2=peek(),previous===38&&character2===12&&(points[index]=1),!token(character2);)next();return slice(begin,position)},toRules=function(parsed,points){var index=-1,character2=44;do switch(token(character2)){case 0:character2===38&&peek()===12&&(points[index]=1),parsed[index]+=identifierWithPointTracking(position-1,points,index);break;case 2:parsed[index]+=delimit(character2);break;case 4:if(character2===44){parsed[++index]=peek()===58?"&\f":"",points[index]=parsed[index].length;break}default:parsed[index]+=from(character2)}while(character2=next());return parsed},getRules=function(value2,points){return dealloc(toRules(alloc(value2),points))},fixedElements=new WeakMap,compat=function(element){if(!(element.type!=="rule"||!element.parent||element.length<1)){for(var value2=element.value,parent=element.parent,isImplicitRule=element.column===parent.column&&element.line===parent.line;parent.type!=="rule";)if(parent=parent.parent,!parent)return;if(!(element.props.length===1&&value2.charCodeAt(0)!==58&&!fixedElements.get(parent))&&!isImplicitRule){fixedElements.set(element,!0);for(var points=[],rules=getRules(value2,points),parentRules=parent.props,i4=0,k3=0;i4<rules.length;i4++)for(var j3=0;j3<parentRules.length;j3++,k3++)element.props[k3]=points[i4]?rules[i4].replace(/&\f/g,parentRules[j3]):parentRules[j3]+" "+rules[i4]}}},removeLabel=function(element){if(element.type==="decl"){var value2=element.value;value2.charCodeAt(0)===108&&value2.charCodeAt(2)===98&&(element.return="",element.value="")}},ignoreFlag="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",isIgnoringComment=function(element){return element.type==="comm"&&element.children.indexOf(ignoreFlag)>-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!=="rule"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i4=commentContainer.length-1;i4>=0;i4--){var node2=commentContainer[i4];if(node2.line<element.line)break;if(node2.column<element.column){if(isIgnoringComment(node2))return;break}}unsafePseudoClasses.forEach(function(unsafePseudoClass){console.error('The pseudo class "'+unsafePseudoClass+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+unsafePseudoClass.split("-child")[0]+'-of-type".')})}}}},isImportRule=function(element){return element.type.charCodeAt(1)===105&&element.type.charCodeAt(0)===64},isPrependedWithRegularRules=function(index,children){for(var i4=index-1;i4>=0;i4--)if(!isImportRule(children[i4]))return!0;return!1},nullifyElement=function(element){element.type="",element.value="",element.return="",element.children="",element.props=""},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),nullifyElement(element)))};function prefix(value2,length22){switch(hash(value2,length22)){case 5103:return WEBKIT+"print-"+value2+value2;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value2+value2;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value2+MOZ+value2+MS+value2+value2;case 6828:case 4268:return WEBKIT+value2+MS+value2+value2;case 6165:return WEBKIT+value2+MS+"flex-"+value2+value2;case 5187:return WEBKIT+value2+replace(value2,/(\w+).+(:[^]+)/,WEBKIT+"box-$1$2"+MS+"flex-$1$2")+value2;case 5443:return WEBKIT+value2+MS+"flex-item-"+replace(value2,/flex-|-self/,"")+value2;case 4675:return WEBKIT+value2+MS+"flex-line-pack"+replace(value2,/align-content|flex-|-self/,"")+value2;case 5548:return WEBKIT+value2+MS+replace(value2,"shrink","negative")+value2;case 5292:return WEBKIT+value2+MS+replace(value2,"basis","preferred-size")+value2;case 6060:return WEBKIT+"box-"+replace(value2,"-grow","")+WEBKIT+value2+MS+replace(value2,"grow","positive")+value2;case 4554:return WEBKIT+replace(value2,/([^-])(transform)/g,"$1"+WEBKIT+"$2")+value2;case 6187:return replace(replace(replace(value2,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),value2,"")+value2;case 5495:case 3959:return replace(value2,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(value2,/(.+:)(flex-)?(.*)/,WEBKIT+"box-pack:$3"+MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+value2+value2;case 4095:case 3583:case 4068:case 2532:return replace(value2,/(.+)-inline(.+)/,WEBKIT+"$1$2")+value2;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value2)-1-length22>6)switch(charat(value2,length22+1)){case 109:if(charat(value2,length22+4)!==45)break;case 102:return replace(value2,/(.+:)(.+)-([^]+)/,"$1"+WEBKIT+"$2-$3$1"+MOZ+(charat(value2,length22+3)==108?"$3":"$2-$3"))+value2;case 115:return~indexof(value2,"stretch")?prefix(replace(value2,"stretch","fill-available"),length22)+value2:value2}break;case 4949:if(charat(value2,length22+1)!==115)break;case 6444:switch(charat(value2,strlen(value2)-3-(~indexof(value2,"!important")&&10))){case 107:return replace(value2,":",":"+WEBKIT)+value2;case 101:return replace(value2,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(charat(value2,14)===45?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+value2}break;case 5936:switch(charat(value2,length22+11)){case 114:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb")+value2;case 108:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb-rl")+value2;case 45:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"lr")+value2}return WEBKIT+value2+MS+value2+value2}return value2}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy2(element,{value:replace(element.value,"@","@"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value2){switch(match(value2,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy2(element,{props:[replace(value2,/:(read-\w+)/,":"+MOZ+"$1")]})],callback);case"::placeholder":return serialize([copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+WEBKIT+"input-$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+MOZ+"$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,MS+"input-$1")]})],callback)}return""})}},isBrowser2=typeof document<"u",getServerStylisCache=isBrowser2?void 0:emotion_weak_memoize_esm_default(function(){return emotion_memoize_esm_default(function(){var cache={};return function(name2){return cache[name2]}})}),defaultStylisPlugins=[prefixer],createCache=function(options3){var key2=options3.key;if(process.env.NODE_ENV!=="production"&&!key2)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
 If multiple caches share the same key they might "fight" for each other's style elements.`);if(isBrowser2&&key2==="css"){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute("data-emotion");dataEmotionAttribute.indexOf(" ")!==-1&&(document.head.appendChild(node2),node2.setAttribute("data-s",""))})}var stylisPlugins=options3.stylisPlugins||defaultStylisPlugins;if(process.env.NODE_ENV!=="production"&&/[^a-z-]/.test(key2))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+key2+'" was passed');var inserted={},container,nodesToHydrate=[];isBrowser2&&(container=options3.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key2+' "]'),function(node2){for(var attrib=node2.getAttribute("data-emotion").split(" "),i4=1;i4<attrib.length;i4++)inserted[attrib[i4]]=!0;nodesToHydrate.push(node2)}));var _insert,omnipresentPlugins=[compat,removeLabel];if(process.env.NODE_ENV!=="production"&&omnipresentPlugins.push(createUnsafeSelectorsAlarm({get compat(){return cache.compat}}),incorrectImportAlarm),isBrowser2){var currentSheet,finalizingPlugins=[stringify2,process.env.NODE_ENV!=="production"?function(element){element.root||(element.return?currentSheet.insert(element.return):element.value&&element.type!==COMMENT&&currentSheet.insert(element.value+"{}"))}:rulesheet(function(rule){currentSheet.insert(rule)})],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins)),stylis=function(styles2){return serialize(compile(styles2),serializer)};_insert=function(selector,serialized,sheet,shouldCache){currentSheet=sheet,process.env.NODE_ENV!=="production"&&serialized.map!==void 0&&(currentSheet={insert:function(rule){sheet.insert(rule+serialized.map)}}),stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}else{var _finalizingPlugins=[stringify2],_serializer=middleware(omnipresentPlugins.concat(stylisPlugins,_finalizingPlugins)),_stylis=function(styles2){return serialize(compile(styles2),_serializer)},serverStylisCache=getServerStylisCache(stylisPlugins)(key2),getRules3=function(selector,serialized){var name2=serialized.name;return serverStylisCache[name2]===void 0&&(serverStylisCache[name2]=_stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles)),serverStylisCache[name2]};_insert=function(selector,serialized,sheet,shouldCache){var name2=serialized.name,rules=getRules3(selector,serialized);if(cache.compat===void 0)return shouldCache&&(cache.inserted[name2]=!0),process.env.NODE_ENV==="development"&&serialized.map!==void 0?rules+serialized.map:rules;if(shouldCache)cache.inserted[name2]=rules;else return rules}}var cache={key:key2,sheet:new StyleSheet({key:key2,container,nonce:options3.nonce,speedy:options3.speedy,prepend:options3.prepend,insertionPoint:options3.insertionPoint}),nonce:options3.nonce,inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache},emotion_cache_esm_default=createCache,import_react57=require_react(),import_hoist_non_react_statics=__toESM3(require_hoist_non_react_statics_cjs()),hoistNonReactStatics=function(targetComponent,sourceComponent){return(0,import_hoist_non_react_statics.default)(targetComponent,sourceComponent)},emotion_react_isolated_hnrs_esm_default=hoistNonReactStatics,isBrowser22=typeof document<"u";function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach(function(className){registered[className]!==void 0?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "}),rawClassName}var registerStyles=function(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(isStringTag===!1||isBrowser22===!1&&cache.compat!==void 0)&&cache.registered[className]===void 0&&(cache.registered[className]=serialized.styles)},insertStyles=function(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(cache.inserted[serialized.name]===void 0){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);!isBrowser22&&maybeStyles!==void 0&&(stylesForSSR+=maybeStyles),current=current.next}while(current!==void 0);if(!isBrowser22&&stylesForSSR.length!==0)return stylesForSSR}};function murmur2(str){for(var h3=0,k3,i4=0,len=str.length;len>=4;++i4,len-=4)k3=str.charCodeAt(i4)&255|(str.charCodeAt(++i4)&255)<<8|(str.charCodeAt(++i4)&255)<<16|(str.charCodeAt(++i4)&255)<<24,k3=(k3&65535)*1540483477+((k3>>>16)*59797<<16),k3^=k3>>>24,h3=(k3&65535)*1540483477+((k3>>>16)*59797<<16)^(h3&65535)*1540483477+((h3>>>16)*59797<<16);switch(len){case 3:h3^=(str.charCodeAt(i4+2)&255)<<16;case 2:h3^=(str.charCodeAt(i4+1)&255)<<8;case 1:h3^=str.charCodeAt(i4)&255,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16)}return h3^=h3>>>13,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16),((h3^h3>>>15)>>>0).toString(36)}var emotion_hash_esm_default=murmur2,unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},emotion_unitless_esm_default=unitlessKeys,ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
@@ -1061,7 +1061,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
   & + & {
     margin-left: 6px;
   }
-`),Shortcut=({keys})=>import_react26.default.createElement(import_react26.default.Fragment,null,import_react26.default.createElement(Key,null,keys.map((key2,index)=>import_react26.default.createElement(KeyChild,{key:key2},(0,import_manager_api9.shortcutToHumanString)([key2]))))),useMenu=(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=(0,import_theming18.useTheme)(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react26.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about"),right:api.versionUpdateAvailable()&&import_react26.default.createElement(import_components12.Badge,{status:"positive"},"Update")}),[api]),releaseNotes=(0,import_react26.useMemo)(()=>({id:"release-notes",title:"Release notes",onClick:()=>api.navigateToSettingsPage("/settings/release-notes")}),[api]),shortcuts=(0,import_react26.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react26.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react26.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react26.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react26.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react26.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react26.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements.storySearchField),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react26.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react26.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react26.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react26.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react26.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react26.useCallback)(()=>{let addonsShortcuts=api.getAddonsShortcuts(),keys=shortcutKeys;return Object.entries(addonsShortcuts).filter(([_3,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:keys[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react26.useMemo)(()=>[about,...api.releaseNotesVersion()?[releaseNotes]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,api,releaseNotes,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react27.default.memo(function(){return import_react27.default.createElement(import_manager_api10.Consumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts);return{title:name2,url,index,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:api.versionUpdateAvailable(),enableShortcuts}}},fromState=>import_react27.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react39=__toESM(require_react()),import_manager_api19=__toESM(require_dist9());var import_react38=__toESM(require_react());var import_manager_api18=__toESM(require_dist9()),import_core_events6=__toESM(require_dist4()),import_components23=__toESM(require_dist11()),import_router3=__toESM(require_dist3());var import_theming19=__toESM(require_dist10()),import_router=__toESM(require_dist3()),FrameWrap=import_theming19.styled.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=(0,import_theming19.styled)(import_router.Link)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=import_theming19.styled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=import_theming19.styled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper=import_theming19.styled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react28=__toESM(require_react()),import_components13=__toESM(require_dist11()),initialZoom=1,Context=import_react28.default.createContext({value:initialZoom,set:v3=>{}}),ZoomProvider=class extends import_react28.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set2}=this,{value:value2}=this.state;return import_react28.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set2}},children)}},{Consumer:ZoomConsumer}=Context,Zoom=import_react28.default.memo(function({zoomIn,zoomOut,reset}){return import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(import_components13.IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react28.default.createElement(import_components13.Icons,{icon:"zoom"})),import_react28.default.createElement(import_components13.IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react28.default.createElement(import_components13.Icons,{icon:"zoomout"})),import_react28.default.createElement(import_components13.IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react28.default.createElement(import_components13.Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react28.default.memo(function({set:set2,value:value2}){let zoomIn=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(.8*value2)},[set2,value2]),zoomOut=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(1.25*value2)},[set2,value2]),reset=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(initialZoom)},[set2,initialZoom]);return import_react28.default.createElement(Zoom,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react28.default.memo(function(){return import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(ZoomConsumer,null,({set:set2,value:value2})=>import_react28.default.createElement(ZoomWrapper,{set:set2,value:value2})),import_react28.default.createElement(import_components13.Separator,null))})};var import_react29=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react29.default.createElement(import_react29.Fragment,null,wrappers.reduceRight((acc,wrapper,index)=>wrapper.render({index,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p3=>import_react29.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p3.active},p3.children)}];var import_react35=__toESM(require_react()),import_theming21=__toESM(require_dist10()),import_components20=__toESM(require_dist11()),import_manager_api16=__toESM(require_dist9()),import_router2=__toESM(require_dist3());var import_react30=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard()),import_components15=__toESM(require_dist11()),import_manager_api11=__toESM(require_dist9()),{PREVIEW_URL,document:document8}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location}=document8,ref=refs2[refId],baseUrl=`${location.origin}${location.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_react30.default.createElement(import_manager_api11.Consumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react30.default.createElement(import_components15.IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)((0,import_components15.getStoryHref)(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react30.default.createElement(import_components15.Icons,{icon:"link"})):null)};var import_react31=__toESM(require_react()),import_components16=__toESM(require_dist11()),import_manager_api12=__toESM(require_dist9()),{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_react31.default.createElement(import_manager_api12.Consumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react31.default.createElement(import_components16.IconButton,{key:"opener",href:(0,import_components16.getStoryHref)(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react31.default.createElement(import_components16.Icons,{icon:"sharealt"})):null)};var import_react32=__toESM(require_react()),import_components17=__toESM(require_dist11()),import_manager_api13=__toESM(require_dist9()),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_react32.default.createElement(import_manager_api13.Consumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react32.default.createElement(import_react32.default.Fragment,null,import_react32.default.createElement(import_components17.IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react32.default.createElement(import_components17.Icons,{icon:"menu"})),import_react32.default.createElement(import_components17.Separator,null)))};var import_react33=__toESM(require_react()),import_components18=__toESM(require_dist11()),import_manager_api14=__toESM(require_dist9()),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_react33.default.createElement(import_manager_api14.Consumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react33.default.createElement(import_react33.default.Fragment,null,import_react33.default.createElement(import_components18.IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react33.default.createElement(import_components18.Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react34=__toESM(require_react()),import_components19=__toESM(require_dist11()),import_manager_api15=__toESM(require_dist9()),import_theming20=__toESM(require_dist10()),import_core_events5=__toESM(require_dist4()),StyledAnimatedIconButton=(0,import_theming20.styled)(import_components19.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(import_core_events5.FORCE_REMOUNT,{storyId:state.storyId})}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react34.default.createElement(import_manager_api15.Consumer,{filter:menuMapper3},({remount,storyId})=>{let[isAnimating,setIsAnimating]=(0,import_react34.useState)(!1);return import_react34.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:()=>{storyId&&(setIsAnimating(!0),remount())},onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react34.default.createElement(import_components19.Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(import_manager_api16.types.TOOL)),getToolsExtra=getFn=>Object.values(getFn(import_manager_api16.types.TOOLEXTRA)),Bar2=({shown,...props})=>import_react35.default.createElement(import_components20.FlexBar,{...props}),Toolbar=(0,import_theming21.styled)(Bar2)({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:(0,import_manager_api16.shortcutToHumanString)(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p3=>["story","docs"].includes(p3.viewMode),render:()=>import_react35.default.createElement(import_manager_api16.Consumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react35.default.createElement(import_components20.IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react35.default.createElement(import_components20.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_react35.default.createElement(import_manager_api16.Consumer,{filter:tabsMapper},rp=>import_react35.default.createElement(import_react35.Fragment,null,import_react35.default.createElement(import_components20.TabBar,{key:"tabs"},tabs.filter(p3=>!p3.hidden).map((t4,index)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react35.default.createElement(UnstyledLink,{key:t4.id||`l${index}`,to},import_react35.default.createElement(import_components20.TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react35.default.createElement(import_components20.Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location,path)=>{let toolsFromConfig=(0,import_react35.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react35.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react35.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react35.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react35.useMemo)(()=>["story","docs"].includes(entry==null?void 0:entry.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location,path}):{left:tools,right:toolsExtra},[viewMode,entry,location,path,tools,toolsExtra,tabs])},ToolRes=import_react35.default.memo(function({api,entry,tabs,isShown,location,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location,path);return left||right?import_react35.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react35.default.createElement(Tools,{key:"left",list:left}),import_react35.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react35.default.memo(function(props){return import_react35.default.createElement(import_router2.Location,null,({location,path,viewMode})=>import_react35.default.createElement(ToolRes,{...props,location,path,viewMode}))}),Tools=import_react35.default.memo(function({list}){return import_react35.default.createElement(import_react35.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index)=>import_react35.default.createElement(Render,{key:id||t4.key||`f-${index}`})))});function toolbarItemHasBeenExcluded(item,entry){var _a;let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=import_manager_api16.addons.getConfig(),toolbarItems=(0,import_manager_api16.merge)(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!((_a=toolbarItems[item.id])!=null&&_a.hidden):!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location,path}){let toolsLeft=[menuTool,tabs.filter(p3=>!p3.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react37=__toESM(require_react()),import_manager_api17=__toESM(require_dist9()),import_components22=__toESM(require_dist11()),import_theming23=__toESM(require_dist10());var import_react36=__toESM(require_react()),import_theming22=__toESM(require_dist10()),import_components21=__toESM(require_dist11()),StyledIframe=import_theming22.styled.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_react36.default.useRef(null);return import_react36.default.createElement(import_components21.Zoom.IFrame,{scale,active,iFrameRef},import_react36.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=(0,import_theming23.styled)(import_components22.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}),styles={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{var _a;let version=(_a=refs2[refId])==null?void 0:_a.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version&&{version}}),active=getActive(refId,refs2),{current:frames}=(0,import_react37.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=(0,import_components22.getStoryHref)(baseUrl,storyId,{...queryParams,...version&&{version},viewMode})),refsToLoad.forEach(ref=>{var _a2;let id=`storybook-ref-${ref.id}`,existingUrl=(_a2=frames[id])==null?void 0:_a2.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_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(import_theming23.Global,{styles}),import_react37.default.createElement(import_manager_api17.Consumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react37.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react37.default.createElement(import_react37.Fragment,{key:id},import_react37.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES}=scope,getWrappers=getFn=>Object.values(getFn(import_manager_api18.types.PREVIEW)),getTabs=getFn=>Object.values(getFn(import_manager_api18.types.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_react38.default.createElement(import_manager_api18.Consumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react38.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react38.useState)(void 0);(0,import_react38.useEffect)(()=>{if(FEATURES!=null&&FEATURES.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{import_manager_api18.addons.getServerChannel().on(import_core_events6.PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!((progress==null?void 0:progress.value)===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react38.default.createElement(ZoomConsumer,null,({value:scale})=>import_react38.default.createElement(import_react38.default.Fragment,null,withLoader&&isLoading&&import_react38.default.createElement(LoaderWrapper,null,import_react38.default.createElement(import_components23.Loader,{id:"preview-loader",role:"progressbar",progress})),import_react38.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react38.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react38.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react38.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react38.useMemo)(()=>(entry==null?void 0:entry.type)==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react38.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_react38.useRef)(storyId);return(0,import_react38.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(import_core_events6.SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react38.default.createElement(import_react38.Fragment,null,previewId==="main"&&import_react38.default.createElement(W,{key:"description"},import_react38.default.createElement("title",null,description)),import_react38.default.createElement(ZoomProvider,{shouldScale},import_react38.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react38.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t4},i4)=>{let key2=t4.id||t4.key||i4;return import_react38.default.createElement(import_react38.Fragment,{key:key2},import_react38.default.createElement(import_router3.Location,null,lp=>import_react38.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=import_manager_api18.addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=(0,import_manager_api18.merge)(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index)=>({index,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index)=>({...panel,index})).sort((p1,p22)=>{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===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if((item==null?void 0:item.type)==="story"||(item==null?void 0:item.type)==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item!=null&&item.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location,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}},PreviewConnected=import_react39.default.memo(function(props){return import_react39.default.createElement(import_manager_api19.Consumer,{filter:mapper},fromState=>import_react39.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react42=__toESM(require_react()),import_memoizerific4=__toESM(require_memoizerific()),import_manager_api21=__toESM(require_dist9());var import_react41=__toESM(require_react()),import_components24=__toESM(require_dist11()),import_manager_api20=__toESM(require_dist9());var import_react40=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react40.useState)(!1);return(0,import_react40.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_react41.default.memo(function({children}){return children}),SafeTab=class extends import_react41.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_react41.default.createElement("h1",null,"Something went wrong."):import_react41.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel=import_react41.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react41.default.createElement(import_components24.Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react41.default.createElement(import_react41.Fragment,null,import_react41.default.createElement(import_components24.IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${(0,import_manager_api20.shortcutToHumanString)(shortcuts.panelPosition)}]`},import_react41.default.createElement(import_components24.Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react41.default.createElement(import_components24.IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${(0,import_manager_api20.shortcutToHumanString)(shortcuts.togglePanel)}]`},import_react41.default.createElement(import_components24.Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v3])=>import_react41.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v3.title=="function"?v3.title():v3.title},v3.render)))});AddonPanel.displayName="AddonPanel";var panel_default=AddonPanel;var createPanelActions=(0,import_memoizerific4.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_react42.default.createElement(import_manager_api21.Consumer,{filter:mapper2},customProps=>import_react42.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react45=__toESM(require_react()),import_manager_api22=__toESM(require_dist9());var import_react44=__toESM(require_react()),import_theming25=__toESM(require_dist10());var import_react43=__toESM(require_react()),import_router4=__toESM(require_dist3()),import_theming24=__toESM(require_dist10()),import_components25=__toESM(require_dist11());var DEFAULT_ICON_COLOUR="#66BF3C",Notification=import_theming24.styled.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=(0,import_theming24.styled)(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(import_router4.Link),NotificationIconWrapper=import_theming24.styled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=import_theming24.styled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=import_theming24.styled.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=import_theming24.styled.div(({theme})=>({color:curriedTransparentize$1(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>import_react43.default.createElement(import_react43.default.Fragment,null,!icon||import_react43.default.createElement(NotificationIconWrapper,null,import_react43.default.createElement(import_components25.Icons,{icon:icon.name,width:16,height:16,color:icon.color||DEFAULT_ICON_COLOUR})),import_react43.default.createElement(NotificationTextWrapper,null,import_react43.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react43.default.createElement(SubHeadline,null,subHeadline))),DismissButtonWrapper=(0,import_theming24.styled)(import_components25.IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react43.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react43.default.createElement(import_components25.Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=import_theming24.styled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear()};return link?import_react43.default.createElement(NotificationLink,{to:link},import_react43.default.createElement(ItemContent,{icon,content}),import_react43.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react43.default.createElement(Notification,null,import_react43.default.createElement(ItemContent,{icon,content}),import_react43.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List=import_theming25.styled.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_react44.default.createElement(List,{placement},notifications.map(notification=>import_react44.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_react45.default.createElement(import_manager_api22.Consumer,{filter:mapper3},fromState=>import_react45.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_manager_api27=__toESM(require_dist9()),import_components30=__toESM(require_dist11()),import_router5=__toESM(require_dist3()),import_theming30=__toESM(require_dist10());var import_react53=__toESM(require_react());var import_react48=__toESM(require_react()),import_manager_api23=__toESM(require_dist9());var import_react47=__toESM(require_react()),import_semver=__toESM(require_semver2()),import_theming27=__toESM(require_dist10());var t3=__toESM(require_react());function n3(){return n3=Object.assign||function(t4){for(var n4=1;n4<arguments.length;n4++){var e4=arguments[n4];for(var r5 in e4)Object.prototype.hasOwnProperty.call(e4,r5)&&(t4[r5]=e4[r5])}return t4},n3.apply(this,arguments)}var e3=["children","options"],r4=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((t4,n4)=>(t4[n4.toLowerCase()]=n4,t4),{for:"htmlFor"}),o2={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},c2=["style","script"],a2=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,_2=/mailto:/i,u2=/\n{2,}$/,i3=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,l2=/^ *> ?/gm,s2=/^ {2,}\n/,f3=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,d2=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,p2=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m2=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,g2=/^(?:\n *)*\n/,y2=/\r\n?/g,h2=/^\[\^([^\]]+)](:.*)\n/,k2=/^\[\^([^\]]+)]/,x2=/\f/g,b2=/^\s*?\[(x|\s)\]/,v2=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,$=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,S2=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,z2=/&([a-zA-Z]+);/g,w2=/^<!--[\s\S]*?(?:-->)/,A2=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,E2=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,L2=/^\{.*\}$/,M2=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I2=/^<([^ >]+@[^ >]+)>/,O2=/^<([^ >]+:\/[^ >]+)>/,B2=/-([a-z])?/gi,R2=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T2=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,j2=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,C2=/^\[([^\]]*)\] ?\[([^\]]*)\]/,D2=/(\[|\])/g,N2=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,Z=/\t/g,F2=/^ *\| */,P2=/(^ *\||\| *$)/g,G2=/ *$/,H2=/^ *:-+: *$/,q2=/^ *:-+ *$/,U2=/^ *-+: *$/,V=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,W2=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,Q=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,X=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,J=/^\\([^0-9A-Za-z\s])/,K2=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,Y2=/^\n+/,tt=/^([ \t]*)/,nt=/\\([^\\])/g,et=/ *\n+$/,rt=/(?:^|\n)( *)$/,ot="(?:\\d+\\.)",ct="(?:[*+-])";function at(t4){return"( *)("+(t4===1?ot:ct)+") +"}var _t=at(1),ut=at(2);function it(t4){return new RegExp("^"+(t4===1?_t:ut))}var lt=it(1),st=it(2);function ft(t4){return new RegExp("^"+(t4===1?_t:ut)+"[^\\n]*(?:\\n(?!\\1"+(t4===1?ot:ct)+" )[^\\n]*)*(\\n|$)","gm")}var dt=ft(1),pt=ft(2);function mt(t4){let n4=t4===1?ot:ct;return new RegExp("^( *)("+n4+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n4+" (?!"+n4+" ))\\n*|\\s*\\n*$)")}var gt=mt(1),yt=mt(2);function ht(t4,n4){let e4=n4===1,r5=e4?gt:yt,o3=e4?dt:pt,c3=e4?lt:st;return{t(t5,n5,e5){let o4=rt.exec(e5);return o4&&(n5.o||!n5._&&!n5.u)?r5.exec(t5=o4[1]+t5):null},i:Gt.HIGH,l(t5,n5,r6){let a3=e4?+t5[2]:void 0,_3=t5[0].replace(u2,`
+`),Shortcut=({keys})=>import_react26.default.createElement(import_react26.default.Fragment,null,import_react26.default.createElement(Key,null,keys.map((key2,index)=>import_react26.default.createElement(KeyChild,{key:key2},(0,import_manager_api9.shortcutToHumanString)([key2]))))),useMenu=(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=(0,import_theming18.useTheme)(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react26.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about"),right:api.versionUpdateAvailable()&&import_react26.default.createElement(import_components12.Badge,{status:"positive"},"Update")}),[api]),releaseNotes=(0,import_react26.useMemo)(()=>({id:"release-notes",title:"Release notes",onClick:()=>api.navigateToSettingsPage("/settings/release-notes")}),[api]),shortcuts=(0,import_react26.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react26.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react26.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react26.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react26.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react26.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react26.default.createElement(import_components12.Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react26.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements.storySearchField),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react26.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react26.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react26.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react26.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react26.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react26.useCallback)(()=>{let addonsShortcuts=api.getAddonsShortcuts(),keys=shortcutKeys;return Object.entries(addonsShortcuts).filter(([_3,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react26.default.createElement(Shortcut,{keys:keys[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react26.useMemo)(()=>[about,...api.releaseNotesVersion()?[releaseNotes]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,api,releaseNotes,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react27.default.memo(function(){return import_react27.default.createElement(import_manager_api10.Consumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts);return{title:name2,url,index,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:api.versionUpdateAvailable(),enableShortcuts}}},fromState=>import_react27.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react39=__toESM(require_react()),import_manager_api19=__toESM(require_dist9());var import_react38=__toESM(require_react());var import_manager_api18=__toESM(require_dist9()),import_core_events6=__toESM(require_dist4()),import_components23=__toESM(require_dist11()),import_router3=__toESM(require_dist3());var import_theming19=__toESM(require_dist10()),import_router=__toESM(require_dist3()),FrameWrap=import_theming19.styled.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=(0,import_theming19.styled)(import_router.Link)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=import_theming19.styled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=import_theming19.styled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper=import_theming19.styled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react28=__toESM(require_react()),import_components13=__toESM(require_dist11()),initialZoom=1,Context=import_react28.default.createContext({value:initialZoom,set:v3=>{}}),ZoomProvider=class extends import_react28.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set2}=this,{value:value2}=this.state;return import_react28.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set2}},children)}},{Consumer:ZoomConsumer}=Context,Zoom=import_react28.default.memo(function({zoomIn,zoomOut,reset}){return import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(import_components13.IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react28.default.createElement(import_components13.Icons,{icon:"zoom"})),import_react28.default.createElement(import_components13.IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react28.default.createElement(import_components13.Icons,{icon:"zoomout"})),import_react28.default.createElement(import_components13.IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react28.default.createElement(import_components13.Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react28.default.memo(function({set:set2,value:value2}){let zoomIn=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(.8*value2)},[set2,value2]),zoomOut=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(1.25*value2)},[set2,value2]),reset=(0,import_react28.useCallback)(e4=>{e4.preventDefault(),set2(initialZoom)},[set2,initialZoom]);return import_react28.default.createElement(Zoom,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react28.default.memo(function(){return import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(ZoomConsumer,null,({set:set2,value:value2})=>import_react28.default.createElement(ZoomWrapper,{set:set2,value:value2})),import_react28.default.createElement(import_components13.Separator,null))})};var import_react29=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react29.default.createElement(import_react29.Fragment,null,wrappers.reduceRight((acc,wrapper,index)=>wrapper.render({index,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p3=>import_react29.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p3.active},p3.children)}];var import_react35=__toESM(require_react()),import_theming21=__toESM(require_dist10()),import_components20=__toESM(require_dist11()),import_manager_api16=__toESM(require_dist9()),import_router2=__toESM(require_dist3());var import_react30=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard()),import_components15=__toESM(require_dist11()),import_manager_api11=__toESM(require_dist9()),{PREVIEW_URL,document:document8}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location}=document8,ref=refs2[refId],baseUrl=`${location.origin}${location.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_react30.default.createElement(import_manager_api11.Consumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react30.default.createElement(import_components15.IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)((0,import_components15.getStoryHref)(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react30.default.createElement(import_components15.Icons,{icon:"link"})):null)};var import_react31=__toESM(require_react()),import_components16=__toESM(require_dist11()),import_manager_api12=__toESM(require_dist9()),{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_react31.default.createElement(import_manager_api12.Consumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react31.default.createElement(import_components16.IconButton,{key:"opener",href:(0,import_components16.getStoryHref)(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react31.default.createElement(import_components16.Icons,{icon:"sharealt"})):null)};var import_react32=__toESM(require_react()),import_components17=__toESM(require_dist11()),import_manager_api13=__toESM(require_dist9()),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_react32.default.createElement(import_manager_api13.Consumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react32.default.createElement(import_react32.default.Fragment,null,import_react32.default.createElement(import_components17.IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react32.default.createElement(import_components17.Icons,{icon:"menu"})),import_react32.default.createElement(import_components17.Separator,null)))};var import_react33=__toESM(require_react()),import_components18=__toESM(require_dist11()),import_manager_api14=__toESM(require_dist9()),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_react33.default.createElement(import_manager_api14.Consumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react33.default.createElement(import_react33.default.Fragment,null,import_react33.default.createElement(import_components18.IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react33.default.createElement(import_components18.Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react34=__toESM(require_react()),import_components19=__toESM(require_dist11()),import_manager_api15=__toESM(require_dist9()),import_theming20=__toESM(require_dist10()),import_core_events5=__toESM(require_dist4()),StyledAnimatedIconButton=(0,import_theming20.styled)(import_components19.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(import_core_events5.FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react34.default.createElement(import_manager_api15.Consumer,{filter:menuMapper3},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react34.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(import_core_events5.FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react34.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react34.default.createElement(import_components19.Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(import_manager_api16.types.TOOL)),getToolsExtra=getFn=>Object.values(getFn(import_manager_api16.types.TOOLEXTRA)),Bar2=({shown,...props})=>import_react35.default.createElement(import_components20.FlexBar,{...props}),Toolbar=(0,import_theming21.styled)(Bar2)({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:(0,import_manager_api16.shortcutToHumanString)(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p3=>["story","docs"].includes(p3.viewMode),render:()=>import_react35.default.createElement(import_manager_api16.Consumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react35.default.createElement(import_components20.IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react35.default.createElement(import_components20.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_react35.default.createElement(import_manager_api16.Consumer,{filter:tabsMapper},rp=>import_react35.default.createElement(import_react35.Fragment,null,import_react35.default.createElement(import_components20.TabBar,{key:"tabs"},tabs.filter(p3=>!p3.hidden).map((t4,index)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react35.default.createElement(UnstyledLink,{key:t4.id||`l${index}`,to},import_react35.default.createElement(import_components20.TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react35.default.createElement(import_components20.Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location,path)=>{let toolsFromConfig=(0,import_react35.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react35.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react35.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react35.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react35.useMemo)(()=>["story","docs"].includes(entry==null?void 0:entry.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location,path}):{left:tools,right:toolsExtra},[viewMode,entry,location,path,tools,toolsExtra,tabs])},ToolRes=import_react35.default.memo(function({api,entry,tabs,isShown,location,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location,path);return left||right?import_react35.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react35.default.createElement(Tools,{key:"left",list:left}),import_react35.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react35.default.memo(function(props){return import_react35.default.createElement(import_router2.Location,null,({location,path,viewMode})=>import_react35.default.createElement(ToolRes,{...props,location,path,viewMode}))}),Tools=import_react35.default.memo(function({list}){return import_react35.default.createElement(import_react35.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index)=>import_react35.default.createElement(Render,{key:id||t4.key||`f-${index}`})))});function toolbarItemHasBeenExcluded(item,entry){var _a;let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=import_manager_api16.addons.getConfig(),toolbarItems=(0,import_manager_api16.merge)(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!((_a=toolbarItems[item.id])!=null&&_a.hidden):!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location,path}){let toolsLeft=[menuTool,tabs.filter(p3=>!p3.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react37=__toESM(require_react()),import_manager_api17=__toESM(require_dist9()),import_components22=__toESM(require_dist11()),import_theming23=__toESM(require_dist10());var import_react36=__toESM(require_react()),import_theming22=__toESM(require_dist10()),import_components21=__toESM(require_dist11()),StyledIframe=import_theming22.styled.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_react36.default.useRef(null);return import_react36.default.createElement(import_components21.Zoom.IFrame,{scale,active,iFrameRef},import_react36.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs2)=>refId&&refs2[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=(0,import_theming23.styled)(import_components22.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}),styles={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs:refs2,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{var _a;let version=(_a=refs2[refId])==null?void 0:_a.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version&&{version}}),active=getActive(refId,refs2),{current:frames}=(0,import_react37.useRef)({}),refsToLoad=Object.values(refs2).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=(0,import_components22.getStoryHref)(baseUrl,storyId,{...queryParams,...version&&{version},viewMode})),refsToLoad.forEach(ref=>{var _a2;let id=`storybook-ref-${ref.id}`,existingUrl=(_a2=frames[id])==null?void 0:_a2.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_react37.default.createElement(import_react37.Fragment,null,import_react37.default.createElement(import_theming23.Global,{styles}),import_react37.default.createElement(import_manager_api17.Consumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react37.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react37.default.createElement(import_react37.Fragment,{key:id},import_react37.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES}=scope,getWrappers=getFn=>Object.values(getFn(import_manager_api18.types.PREVIEW)),getTabs=getFn=>Object.values(getFn(import_manager_api18.types.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_react38.default.createElement(import_manager_api18.Consumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react38.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react38.useState)(void 0);(0,import_react38.useEffect)(()=>{if(FEATURES!=null&&FEATURES.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{import_manager_api18.addons.getServerChannel().on(import_core_events6.PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!((progress==null?void 0:progress.value)===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react38.default.createElement(ZoomConsumer,null,({value:scale})=>import_react38.default.createElement(import_react38.default.Fragment,null,withLoader&&isLoading&&import_react38.default.createElement(LoaderWrapper,null,import_react38.default.createElement(import_components23.Loader,{id:"preview-loader",role:"progressbar",progress})),import_react38.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react38.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react38.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react38.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react38.useMemo)(()=>(entry==null?void 0:entry.type)==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react38.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_react38.useRef)(storyId);return(0,import_react38.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(import_core_events6.SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react38.default.createElement(import_react38.Fragment,null,previewId==="main"&&import_react38.default.createElement(W,{key:"description"},import_react38.default.createElement("title",null,description)),import_react38.default.createElement(ZoomProvider,{shouldScale},import_react38.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react38.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t4},i4)=>{let key2=t4.id||t4.key||i4;return import_react38.default.createElement(import_react38.Fragment,{key:key2},import_react38.default.createElement(import_router3.Location,null,lp=>import_react38.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=import_manager_api18.addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=(0,import_manager_api18.merge)(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index)=>({index,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index)=>({...panel,index})).sort((p1,p22)=>{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===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if((item==null?void 0:item.type)==="story"||(item==null?void 0:item.type)==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item!=null&&item.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location,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}},PreviewConnected=import_react39.default.memo(function(props){return import_react39.default.createElement(import_manager_api19.Consumer,{filter:mapper},fromState=>import_react39.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react42=__toESM(require_react()),import_memoizerific4=__toESM(require_memoizerific()),import_manager_api21=__toESM(require_dist9());var import_react41=__toESM(require_react()),import_components24=__toESM(require_dist11()),import_manager_api20=__toESM(require_dist9());var import_react40=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react40.useState)(!1);return(0,import_react40.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_react41.default.memo(function({children}){return children}),SafeTab=class extends import_react41.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_react41.default.createElement("h1",null,"Something went wrong."):import_react41.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel=import_react41.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react41.default.createElement(import_components24.Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react41.default.createElement(import_react41.Fragment,null,import_react41.default.createElement(import_components24.IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${(0,import_manager_api20.shortcutToHumanString)(shortcuts.panelPosition)}]`},import_react41.default.createElement(import_components24.Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react41.default.createElement(import_components24.IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${(0,import_manager_api20.shortcutToHumanString)(shortcuts.togglePanel)}]`},import_react41.default.createElement(import_components24.Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v3])=>import_react41.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v3.title=="function"?v3.title():v3.title},v3.render)))});AddonPanel.displayName="AddonPanel";var panel_default=AddonPanel;var createPanelActions=(0,import_memoizerific4.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_react42.default.createElement(import_manager_api21.Consumer,{filter:mapper2},customProps=>import_react42.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react45=__toESM(require_react()),import_manager_api22=__toESM(require_dist9());var import_react44=__toESM(require_react()),import_theming25=__toESM(require_dist10());var import_react43=__toESM(require_react()),import_router4=__toESM(require_dist3()),import_theming24=__toESM(require_dist10()),import_components25=__toESM(require_dist11());var DEFAULT_ICON_COLOUR="#66BF3C",Notification=import_theming24.styled.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=(0,import_theming24.styled)(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(import_router4.Link),NotificationIconWrapper=import_theming24.styled.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=import_theming24.styled.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=import_theming24.styled.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=import_theming24.styled.div(({theme})=>({color:curriedTransparentize$1(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>import_react43.default.createElement(import_react43.default.Fragment,null,!icon||import_react43.default.createElement(NotificationIconWrapper,null,import_react43.default.createElement(import_components25.Icons,{icon:icon.name,width:16,height:16,color:icon.color||DEFAULT_ICON_COLOUR})),import_react43.default.createElement(NotificationTextWrapper,null,import_react43.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react43.default.createElement(SubHeadline,null,subHeadline))),DismissButtonWrapper=(0,import_theming24.styled)(import_components25.IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react43.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react43.default.createElement(import_components25.Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=import_theming24.styled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear()};return link?import_react43.default.createElement(NotificationLink,{to:link},import_react43.default.createElement(ItemContent,{icon,content}),import_react43.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react43.default.createElement(Notification,null,import_react43.default.createElement(ItemContent,{icon,content}),import_react43.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List=import_theming25.styled.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_react44.default.createElement(List,{placement},notifications.map(notification=>import_react44.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_react45.default.createElement(import_manager_api22.Consumer,{filter:mapper3},fromState=>import_react45.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_manager_api27=__toESM(require_dist9()),import_components30=__toESM(require_dist11()),import_router5=__toESM(require_dist3()),import_theming30=__toESM(require_dist10());var import_react53=__toESM(require_react());var import_react48=__toESM(require_react()),import_manager_api23=__toESM(require_dist9());var import_react47=__toESM(require_react()),import_semver=__toESM(require_semver2()),import_theming27=__toESM(require_dist10());var t3=__toESM(require_react());function n3(){return n3=Object.assign||function(t4){for(var n4=1;n4<arguments.length;n4++){var e4=arguments[n4];for(var r5 in e4)Object.prototype.hasOwnProperty.call(e4,r5)&&(t4[r5]=e4[r5])}return t4},n3.apply(this,arguments)}var e3=["children","options"],r4=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((t4,n4)=>(t4[n4.toLowerCase()]=n4,t4),{for:"htmlFor"}),o2={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},c2=["style","script"],a2=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,_2=/mailto:/i,u2=/\n{2,}$/,i3=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,l2=/^ *> ?/gm,s2=/^ {2,}\n/,f3=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,d2=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,p2=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m2=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,g2=/^(?:\n *)*\n/,y2=/\r\n?/g,h2=/^\[\^([^\]]+)](:.*)\n/,k2=/^\[\^([^\]]+)]/,x2=/\f/g,b2=/^\s*?\[(x|\s)\]/,v2=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,$=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,S2=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,z2=/&([a-zA-Z]+);/g,w2=/^<!--[\s\S]*?(?:-->)/,A2=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,E2=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,L2=/^\{.*\}$/,M2=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I2=/^<([^ >]+@[^ >]+)>/,O2=/^<([^ >]+:\/[^ >]+)>/,B2=/-([a-z])?/gi,R2=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T2=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,j2=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,C2=/^\[([^\]]*)\] ?\[([^\]]*)\]/,D2=/(\[|\])/g,N2=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,Z=/\t/g,F2=/^ *\| */,P2=/(^ *\||\| *$)/g,G2=/ *$/,H2=/^ *:-+: *$/,q2=/^ *:-+ *$/,U2=/^ *-+: *$/,V=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,W2=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,Q=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,X=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,J=/^\\([^0-9A-Za-z\s])/,K2=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,Y2=/^\n+/,tt=/^([ \t]*)/,nt=/\\([^\\])/g,et=/ *\n+$/,rt=/(?:^|\n)( *)$/,ot="(?:\\d+\\.)",ct="(?:[*+-])";function at(t4){return"( *)("+(t4===1?ot:ct)+") +"}var _t=at(1),ut=at(2);function it(t4){return new RegExp("^"+(t4===1?_t:ut))}var lt=it(1),st=it(2);function ft(t4){return new RegExp("^"+(t4===1?_t:ut)+"[^\\n]*(?:\\n(?!\\1"+(t4===1?ot:ct)+" )[^\\n]*)*(\\n|$)","gm")}var dt=ft(1),pt=ft(2);function mt(t4){let n4=t4===1?ot:ct;return new RegExp("^( *)("+n4+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n4+" (?!"+n4+" ))\\n*|\\s*\\n*$)")}var gt=mt(1),yt=mt(2);function ht(t4,n4){let e4=n4===1,r5=e4?gt:yt,o3=e4?dt:pt,c3=e4?lt:st;return{t(t5,n5,e5){let o4=rt.exec(e5);return o4&&(n5.o||!n5._&&!n5.u)?r5.exec(t5=o4[1]+t5):null},i:Gt.HIGH,l(t5,n5,r6){let a3=e4?+t5[2]:void 0,_3=t5[0].replace(u2,`
 `).match(o3),i4=!1;return{p:_3.map(function(t6,e5){let o4=c3.exec(t6)[0].length,a4=new RegExp("^ {1,"+o4+"}","gm"),u3=t6.replace(a4,"").replace(c3,""),l3=e5===_3.length-1,s3=u3.indexOf(`
 
 `)!==-1||l3&&i4;i4=s3;let f4=r6._,d3=r6.o,p3;r6.o=!0,s3?(r6._=!1,p3=u3.replace(et,`
@@ -1076,7 +1076,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
 
 `,{_:e5}));for(;typeof r5[r5.length-1]=="string"&&!r5[r5.length-1].trim();)r5.pop();if(u3.wrapper===null)return r5;let o3=u3.wrapper||(e5?"span":"div"),c3;if(r5.length>1||u3.forceWrapper)c3=r5;else{if(r5.length===1)return c3=r5[0],typeof c3=="string"?G3("span",{key:"outer"},c3):c3;c3=null}return t3.createElement(o3,{key:"outer"},c3)}function q3(n4){let e5=n4.match(a2);return e5?e5.reduce(function(n5,e6,o3){let c3=e6.indexOf("=");if(c3!==-1){let a3=function(t4){return t4.indexOf("-")!==-1&&t4.match(A2)===null&&(t4=t4.replace(B2,function(t5,n6){return n6.toUpperCase()})),t4}(e6.slice(0,c3)).trim(),_3=function(t4){let n6=t4[0];return(n6==='"'||n6==="'")&&t4.length>=2&&t4[t4.length-1]===n6?t4.slice(1,-1):t4}(e6.slice(c3+1).trim()),u4=r4[a3]||a3,i4=n5[u4]=function(t4,n6){return t4==="style"?n6.split(/;\s?/).reduce(function(t5,n7){let e7=n7.slice(0,n7.indexOf(":"));return t5[e7.replace(/(-[a-z])/g,t6=>t6[1].toUpperCase())]=n7.slice(e7.length+1).trim(),t5},{}):t4==="href"?Bt(n6):(n6.match(L2)&&(n6=n6.slice(1,n6.length-1)),n6==="true"||n6!=="false"&&n6)}(a3,_3);typeof i4=="string"&&(S2.test(i4)||E2.test(i4))&&(n5[u4]=t3.cloneElement(H3(i4.trim()),{key:o3}))}else e6!=="style"&&(n5[r4[e6]||e6]=!0);return n5},{}):null}let U3=[],nt2={},et2={blockQuote:{t:Mt(i3),i:Gt.HIGH,l:(t4,n4,e5)=>({$:n4(t4[0].replace(l2,""),e5)}),h:(t4,n4,e5)=>G3("blockquote",{key:e5.k},n4(t4.$,e5))},breakLine:{t:It(s2),i:Gt.HIGH,l:Nt,h:(t4,n4,e5)=>G3("br",{key:e5.k})},breakThematic:{t:Mt(f3),i:Gt.HIGH,l:Nt,h:(t4,n4,e5)=>G3("hr",{key:e5.k})},codeBlock:{t:Mt(p2),i:Gt.MAX,l:t4=>({$:t4[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),M:void 0}),h:(t4,e5,r5)=>G3("pre",{key:r5.k},G3("code",n3({},t4.I,{className:t4.M?`lang-${t4.M}`:""}),t4.$))},codeFenced:{t:Mt(d2),i:Gt.MAX,l:t4=>({I:q3(t4[3]||""),$:t4[4],M:t4[2]||void 0,type:"codeBlock"})},codeInline:{t:Lt(m2),i:Gt.LOW,l:t4=>({$:t4[2]}),h:(t4,n4,e5)=>G3("code",{key:e5.k},t4.$)},footnote:{t:Mt(h2),i:Gt.MAX,l:t4=>(U3.push({O:t4[2],B:t4[1]}),{}),h:Zt},footnoteReference:{t:Et(k2),i:Gt.HIGH,l:t4=>({$:t4[1],R:`#${u3.slugify(t4[1])}`}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.R)},G3("sup",{key:e5.k},t4.$))},gfmTask:{t:Et(b2),i:Gt.HIGH,l:t4=>({T:t4[1].toLowerCase()==="x"}),h:(t4,n4,e5)=>G3("input",{checked:t4.T,key:e5.k,readOnly:!0,type:"checkbox"})},heading:{t:Mt(v2),i:Gt.HIGH,l:(t4,n4,e5)=>({$:Tt(n4,t4[2],e5),j:u3.slugify(t4[2]),C:t4[1].length}),h:(t4,n4,e5)=>G3(`h${t4.C}`,{id:t4.j,key:e5.k},n4(t4.$,e5))},headingSetext:{t:Mt($),i:Gt.MAX,l:(t4,n4,e5)=>({$:Tt(n4,t4[1],e5),C:t4[2]==="="?1:2,type:"heading"})},htmlComment:{t:It(w2),i:Gt.HIGH,l:()=>({}),h:Zt},image:{t:Lt(xt),i:Gt.HIGH,l:t4=>({D:t4[1],R:Rt(t4[2]),N:t4[3]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.D||void 0,title:t4.N||void 0,src:Bt(t4.R)})},link:{t:Et(kt),i:Gt.LOW,l:(t4,n4,e5)=>({$:jt(n4,t4[1],e5),R:Rt(t4[2]),N:t4[3]}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.R),title:t4.N},n4(t4.$,e5))},linkAngleBraceStyleDetector:{t:Et(O2),i:Gt.MAX,l:t4=>({$:[{$:t4[1],type:"text"}],R:t4[1],type:"link"})},linkBareUrlDetector:{t:(t4,n4)=>n4.Z?null:Et(M2)(t4,n4),i:Gt.MAX,l:t4=>({$:[{$:t4[1],type:"text"}],R:t4[1],N:void 0,type:"link"})},linkMailtoDetector:{t:Et(I2),i:Gt.MAX,l(t4){let n4=t4[1],e5=t4[1];return _2.test(e5)||(e5="mailto:"+e5),{$:[{$:n4.replace("mailto:",""),type:"text"}],R:e5,type:"link"}}},orderedList:ht(G3,1),unorderedList:ht(G3,2),newlineCoalescer:{t:Mt(g2),i:Gt.LOW,l:Nt,h:()=>`
 `},paragraph:{t:Ot,i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("p",{key:e5.k},n4(t4.$,e5))},ref:{t:Et(T2),i:Gt.MAX,l:t4=>(nt2[t4[1]]={R:t4[2],N:t4[4]},{}),h:Zt},refImage:{t:Lt(j2),i:Gt.MAX,l:t4=>({D:t4[1]||void 0,F:t4[2]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.D,src:Bt(nt2[t4.F].R),title:nt2[t4.F].N})},refLink:{t:Et(C2),i:Gt.MAX,l:(t4,n4,e5)=>({$:n4(t4[1],e5),P:n4(t4[0].replace(D2,"\\$1"),e5),F:t4[2]}),h:(t4,n4,e5)=>nt2[t4.F]?G3("a",{key:e5.k,href:Bt(nt2[t4.F].R),title:nt2[t4.F].N},n4(t4.$,e5)):G3("span",{key:e5.k},n4(t4.P,e5))},table:{t:Mt(R2),i:Gt.HIGH,l:wt,h:(t4,n4,e5)=>G3("table",{key:e5.k},G3("thead",null,G3("tr",null,t4.L.map(function(r5,o3){return G3("th",{key:o3,style:At(t4,o3)},n4(r5,e5))}))),G3("tbody",null,t4.A.map(function(r5,o3){return G3("tr",{key:o3},r5.map(function(r6,o4){return G3("td",{key:o4,style:At(t4,o4)},n4(r6,e5))}))})))},tableSeparator:{t:function(t4,n4){return n4.v?F2.exec(t4):null},i:Gt.HIGH,l:function(){return{type:"tableSeparator"}},h:()=>" | "},text:{t:It(K2),i:Gt.MIN,l:t4=>({$:t4[0].replace(z2,(t5,n4)=>u3.namedCodesToUnicode[n4]?u3.namedCodesToUnicode[n4]:t5)}),h:t4=>t4.$},textBolded:{t:Lt(V),i:Gt.MED,l:(t4,n4,e5)=>({$:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("strong",{key:e5.k},n4(t4.$,e5))},textEmphasized:{t:Lt(W2),i:Gt.LOW,l:(t4,n4,e5)=>({$:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("em",{key:e5.k},n4(t4.$,e5))},textEscaped:{t:Lt(J),i:Gt.HIGH,l:t4=>({$:t4[1],type:"text"})},textMarked:{t:Lt(Q),i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("mark",{key:e5.k},n4(t4.$,e5))},textStrikethroughed:{t:Lt(X),i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("del",{key:e5.k},n4(t4.$,e5))}};u3.disableParsingRawHTML!==!0&&(et2.htmlBlock={t:It(S2),i:Gt.HIGH,l(t4,n4,e5){let[,r5]=t4[3].match(tt),o3=new RegExp(`^${r5}`,"gm"),a3=t4[3].replace(o3,""),_3=(u4=a3,vt.some(t5=>t5.test(u4))?Ct:Tt);var u4;let i4=t4[1].toLowerCase(),l3=c2.indexOf(i4)!==-1;e5.Z=e5.Z||i4==="a";let s3=l3?t4[3]:_3(n4,a3,e5);return e5.Z=!1,{I:q3(t4[2]),$:s3,G:l3,H:l3?i4:t4[1]}},h:(t4,e5,r5)=>G3(t4.H,n3({key:r5.k},t4.I),t4.G?t4.$:e5(t4.$,r5))},et2.htmlSelfClosing={t:It(E2),i:Gt.HIGH,l:t4=>({I:q3(t4[2]||""),H:t4[1]}),h:(t4,e5,r5)=>G3(t4.H,n3({},t4.I,{key:r5.k}))});let rt2=function(t4){let n4=Object.keys(t4);function e5(r5,o3){let c3=[],a3="";for(;r5;){let _3=0;for(;_3<n4.length;){let u4=n4[_3],i4=t4[u4],l3=i4.t(r5,o3,a3);if(l3){let t5=l3[0];r5=r5.substring(t5.length);let n5=i4.l(l3,e5,o3);n5.type==null&&(n5.type=u4),c3.push(n5),a3=t5;break}_3++}}return c3}return n4.sort(function(n5,e6){let r5=t4[n5].i,o3=t4[e6].i;return r5!==o3?r5-o3:n5<e6?-1:1}),function(t5,n5){return e5(function(t6){return t6.replace(y2,`
-`).replace(x2,"").replace(Z,"    ")}(t5),n5)}}(et2),ot2=(ct2=function(t4){return function(n4,e5,r5){return t4[n4.type].h(n4,e5,r5)}}(et2),function t4(n4,e5={}){if(Array.isArray(n4)){let r5=e5.k,o3=[],c3=!1;for(let r6=0;r6<n4.length;r6++){e5.k=r6;let a3=t4(n4[r6],e5),_3=typeof a3=="string";_3&&c3?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c3=_3}return e5.k=r5,o3}return ct2(n4,t4,e5)});var ct2;let at2=H3(e4);return U3.length?G3("div",null,at2,G3("footer",{key:"footer"},U3.map(function(t4){return G3("div",{id:u3.slugify(t4.B),key:t4.B},t4.B,ot2(rt2(t4.O,{_:!0})))}))):at2}(function(t4){t4[t4.MAX=0]="MAX",t4[t4.HIGH=1]="HIGH",t4[t4.MED=2]="MED",t4[t4.LOW=3]="LOW",t4[t4.MIN=4]="MIN"})(Gt||(Gt={}));var index_modern_default=n4=>{let{children:r5,options:o3}=n4,c3=function(t4,n5){if(t4==null)return{};var e4,r6,o4={},c4=Object.keys(t4);for(r6=0;r6<c4.length;r6++)n5.indexOf(e4=c4[r6])>=0||(o4[e4]=t4[e4]);return o4}(n4,e3);return t3.cloneElement(Ht(r5,o3),c3)};var import_components27=__toESM(require_dist11());var import_react46=__toESM(require_react()),import_theming26=__toESM(require_dist10()),import_components26=__toESM(require_dist11()),Footer=import_theming26.styled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react46.default.createElement(Footer,{...props},import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://storybook.js.org/support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header=import_theming27.styled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:32,width:"auto",marginRight:8}})),Subheading=import_theming27.styled.span(({theme})=>({letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,lineHeight:"24px",color:theme.textMutedColor})),SubheadingLink=(0,import_theming27.styled)(import_components27.Link)(({theme})=>({fontSize:theme.typography.size.s1})),Subheader=import_theming27.styled.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:".75rem"}),UpdateMessage=import_theming27.styled.div(({status,theme})=>status==="positive"?{background:theme.background.positive,color:theme.color.positiveText}:status==="negative"?{background:theme.background.negative,color:theme.color.negativeText}:{background:theme.base==="light"?"#EAF3FC":theme.color.darkest,color:theme.base==="light"?theme.color.darkest:theme.defaultText},({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,padding:"10px 20px",marginBottom:24,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,textAlign:"center"})),ErrorMessage=import_theming27.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,textAlign:"center"})),Upgrade=import_theming27.styled.div(({theme})=>({marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`})),Container3=import_theming27.styled.div({padding:"3rem 20px",maxWidth:600,margin:"0 auto"}),AboutScreen=({latest=null,current})=>{let canUpdate=latest&&import_semver.default.gt(latest.version,current.version),updateMessage;return latest?canUpdate?updateMessage=import_react47.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react47.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react47.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react47.default.createElement(Container3,null,import_react47.default.createElement(Header,null,import_react47.default.createElement(import_components27.StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react47.default.createElement(import_react47.Fragment,null,import_react47.default.createElement(Subheader,null,import_react47.default.createElement(Subheading,null,latest.version," Changelog"),import_react47.default.createElement(SubheadingLink,{secondary:!0,href:"https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md",withArrow:!0,cancel:!1,target:"_blank"},"Read full changelog")),import_react47.default.createElement(import_components27.DocumentWrapper,null,import_react47.default.createElement(index_modern_default,null,latest.info.plain))):import_react47.default.createElement(ErrorMessage,null,import_react47.default.createElement(import_components27.Link,{href:"https://github.com/storybookjs/storybook/releases",target:"_blank",withArrow:!0,secondary:!0,cancel:!1},"Check Storybook's release history")),canUpdate&&import_react47.default.createElement(Upgrade,null,import_react47.default.createElement(import_components27.DocumentWrapper,null,import_react47.default.createElement("p",null,import_react47.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react47.default.createElement(import_components27.SyntaxHighlighter,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx sb upgrade"))),import_react47.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react48.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=(0,import_manager_api23.useStorybookApi)();return import_react48.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react48.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_manager_api24=__toESM(require_dist9()),import_react50=__toESM(require_react());var import_react49=__toESM(require_react()),import_theming28=__toESM(require_dist10()),import_components28=__toESM(require_dist11()),Centered=import_theming28.styled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper2=import_theming28.styled.div({position:"relative",height:"32px"}),Message2=import_theming28.styled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Iframe=import_theming28.styled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"100%"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=(0,import_theming28.styled)(props=>import_react49.default.createElement(import_components28.Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),getIframeUrl=version=>{let[major,minor]=version.split(".");return`https://storybook.js.org/releases/iframe/${major}.${minor}`},ReleaseNotesLoader=()=>import_react49.default.createElement(Centered,null,import_react49.default.createElement(LoaderWrapper2,null,import_react49.default.createElement(import_components28.Loader,null)),import_react49.default.createElement(Message2,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react49.default.createElement(Centered,null,import_react49.default.createElement(AlertIcon,null),import_react49.default.createElement(Message2,null,"The release notes couldn't be loaded. Check your internet connection and try again.")),PureReleaseNotesScreen=({didHitMaxWaitTime,isLoaded,setLoaded,version})=>import_react49.default.createElement(import_react49.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react49.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react49.default.createElement(MaxWaitTimeMessaging,null):import_react49.default.createElement(Iframe,{isLoaded,onLoad:()=>setLoaded(!0),src:getIframeUrl(version),title:`Release notes for Storybook version ${version}`})),MAX_WAIT_TIME=1e4,ReleaseNotesScreen=({version})=>{let[isLoaded,setLoaded]=(0,import_react49.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react49.useState)(!1);return(0,import_react49.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react49.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version})};var ReleaseNotesPage=()=>{let api=(0,import_manager_api24.useStorybookApi)();(0,import_react50.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version=api.releaseNotesVersion();return import_react50.default.createElement(ReleaseNotesScreen,{version})};var import_react52=__toESM(require_react()),import_manager_api26=__toESM(require_dist9());var import_react51=__toESM(require_react()),import_theming29=__toESM(require_dist10()),import_manager_api25=__toESM(require_dist9()),import_components29=__toESM(require_dist11());var Header2=import_theming29.styled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=import_theming29.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=import_theming29.styled.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=import_theming29.styled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=import_theming29.styled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=import_theming29.styled.div({alignSelf:"center"}),TextInput=(0,import_theming29.styled)(import_components29.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=import_theming29.keyframes`
+`).replace(x2,"").replace(Z,"    ")}(t5),n5)}}(et2),ot2=(ct2=function(t4){return function(n4,e5,r5){return t4[n4.type].h(n4,e5,r5)}}(et2),function t4(n4,e5={}){if(Array.isArray(n4)){let r5=e5.k,o3=[],c3=!1;for(let r6=0;r6<n4.length;r6++){e5.k=r6;let a3=t4(n4[r6],e5),_3=typeof a3=="string";_3&&c3?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c3=_3}return e5.k=r5,o3}return ct2(n4,t4,e5)});var ct2;let at2=H3(e4);return U3.length?G3("div",null,at2,G3("footer",{key:"footer"},U3.map(function(t4){return G3("div",{id:u3.slugify(t4.B),key:t4.B},t4.B,ot2(rt2(t4.O,{_:!0})))}))):at2}(function(t4){t4[t4.MAX=0]="MAX",t4[t4.HIGH=1]="HIGH",t4[t4.MED=2]="MED",t4[t4.LOW=3]="LOW",t4[t4.MIN=4]="MIN"})(Gt||(Gt={}));var index_modern_default=n4=>{let{children:r5,options:o3}=n4,c3=function(t4,n5){if(t4==null)return{};var e4,r6,o4={},c4=Object.keys(t4);for(r6=0;r6<c4.length;r6++)n5.indexOf(e4=c4[r6])>=0||(o4[e4]=t4[e4]);return o4}(n4,e3);return t3.cloneElement(Ht(r5,o3),c3)};var import_components27=__toESM(require_dist11());var import_react46=__toESM(require_react()),import_theming26=__toESM(require_dist10()),import_components26=__toESM(require_dist11()),Footer=import_theming26.styled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react46.default.createElement(Footer,{...props},import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react46.default.createElement(import_components26.Link,{secondary:!0,href:"https://storybook.js.org/support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header=import_theming27.styled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:32,width:"auto",marginRight:8}})),Subheading=import_theming27.styled.span(({theme})=>({letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,lineHeight:"24px",color:theme.textMutedColor})),SubheadingLink=(0,import_theming27.styled)(import_components27.Link)(({theme})=>({fontSize:theme.typography.size.s1})),Subheader=import_theming27.styled.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:".75rem"}),UpdateMessage=import_theming27.styled.div(({status,theme})=>status==="positive"?{background:theme.background.positive,color:theme.color.positiveText}:status==="negative"?{background:theme.background.negative,color:theme.color.negativeText}:{background:theme.base==="light"?"#EAF3FC":theme.color.darkest,color:theme.base==="light"?theme.color.darkest:theme.defaultText},({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,padding:"10px 20px",marginBottom:24,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,textAlign:"center"})),ErrorMessage=import_theming27.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,textAlign:"center"})),Upgrade=import_theming27.styled.div(({theme})=>({marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`})),Container3=import_theming27.styled.div({padding:"3rem 20px",maxWidth:600,margin:"0 auto"}),AboutScreen=({latest=null,current})=>{let canUpdate=latest&&import_semver.default.gt(latest.version,current.version),updateMessage;return latest?canUpdate?updateMessage=import_react47.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react47.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react47.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react47.default.createElement(Container3,null,import_react47.default.createElement(Header,null,import_react47.default.createElement(import_components27.StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react47.default.createElement(import_react47.Fragment,null,import_react47.default.createElement(Subheader,null,import_react47.default.createElement(Subheading,null,latest.version," Changelog"),import_react47.default.createElement(SubheadingLink,{secondary:!0,href:"https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md",withArrow:!0,cancel:!1,target:"_blank"},"Read full changelog")),import_react47.default.createElement(import_components27.DocumentWrapper,null,import_react47.default.createElement(index_modern_default,null,latest.info.plain))):import_react47.default.createElement(ErrorMessage,null,import_react47.default.createElement(import_components27.Link,{href:"https://github.com/storybookjs/storybook/releases",target:"_blank",withArrow:!0,secondary:!0,cancel:!1},"Check Storybook's release history")),canUpdate&&import_react47.default.createElement(Upgrade,null,import_react47.default.createElement(import_components27.DocumentWrapper,null,import_react47.default.createElement("p",null,import_react47.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react47.default.createElement(import_components27.SyntaxHighlighter,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx storybook@latest upgrade"))),import_react47.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react48.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=(0,import_manager_api23.useStorybookApi)();return import_react48.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react48.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_manager_api24=__toESM(require_dist9()),import_react50=__toESM(require_react());var import_react49=__toESM(require_react()),import_theming28=__toESM(require_dist10()),import_components28=__toESM(require_dist11()),Centered=import_theming28.styled.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper2=import_theming28.styled.div({position:"relative",height:"32px"}),Message2=import_theming28.styled.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Iframe=import_theming28.styled.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"100%"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=(0,import_theming28.styled)(props=>import_react49.default.createElement(import_components28.Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),getIframeUrl=version=>{let[major,minor]=version.split(".");return`https://storybook.js.org/releases/iframe/${major}.${minor}`},ReleaseNotesLoader=()=>import_react49.default.createElement(Centered,null,import_react49.default.createElement(LoaderWrapper2,null,import_react49.default.createElement(import_components28.Loader,null)),import_react49.default.createElement(Message2,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react49.default.createElement(Centered,null,import_react49.default.createElement(AlertIcon,null),import_react49.default.createElement(Message2,null,"The release notes couldn't be loaded. Check your internet connection and try again.")),PureReleaseNotesScreen=({didHitMaxWaitTime,isLoaded,setLoaded,version})=>import_react49.default.createElement(import_react49.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react49.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react49.default.createElement(MaxWaitTimeMessaging,null):import_react49.default.createElement(Iframe,{isLoaded,onLoad:()=>setLoaded(!0),src:getIframeUrl(version),title:`Release notes for Storybook version ${version}`})),MAX_WAIT_TIME=1e4,ReleaseNotesScreen=({version})=>{let[isLoaded,setLoaded]=(0,import_react49.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react49.useState)(!1);return(0,import_react49.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react49.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version})};var ReleaseNotesPage=()=>{let api=(0,import_manager_api24.useStorybookApi)();(0,import_react50.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version=api.releaseNotesVersion();return import_react50.default.createElement(ReleaseNotesScreen,{version})};var import_react52=__toESM(require_react()),import_manager_api26=__toESM(require_dist9());var import_react51=__toESM(require_react()),import_theming29=__toESM(require_dist10()),import_manager_api25=__toESM(require_dist9()),import_components29=__toESM(require_dist11());var Header2=import_theming29.styled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=import_theming29.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=import_theming29.styled.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=import_theming29.styled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=import_theming29.styled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=import_theming29.styled.div({alignSelf:"center"}),TextInput=(0,import_theming29.styled)(import_components29.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=import_theming29.keyframes`
 0%,100% { opacity: 0; }
   50% { opacity: 1; }
-`,SuccessIcon=(0,import_theming29.styled)(import_components29.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}),Container4=import_theming29.styled.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"},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_react51.Component{constructor(props){super(props);this.onKeyDown=e4=>{let{activeFeature,shortcutKeys}=this.state;if(e4.key==="Backspace")return this.restoreDefault();let shortcut=(0,import_manager_api25.eventToShortcut)(e4);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&(0,import_manager_api25.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,defaultShortcuts=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts)})};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_react51.default.createElement(Row,{key:feature},import_react51.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react51.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?(0,import_manager_api25.shortcutToHumanString)(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react51.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react51.default.createElement(GridWrapper,null,import_react51.default.createElement(GridHeaderRow,null,import_react51.default.createElement(HeaderItem,null,"Commands"),import_react51.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_react51.default.createElement(Container4,null,import_react51.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react51.default.createElement(import_components29.Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react51.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react52.default.createElement(import_manager_api26.Consumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react52.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document9}=scope,TabBarButton=import_react53.default.memo(function({changeTab,id,title}){return import_react53.default.createElement(import_router5.Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react53.default.createElement(import_components30.TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content=(0,import_theming30.styled)(import_components30.ScrollArea)({position:"absolute",top:40,left:0,right:0,bottom:0,overflow:"auto"},({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,hasReleaseNotes=!1})=>(import_react53.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document9.addEventListener("keydown",handleEscape),()=>document9.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react53.default.createElement(import_react53.Fragment,null,import_react53.default.createElement(import_components30.FlexBar,{border:!0},import_react53.default.createElement(import_components30.TabBar,{role:"tablist"},import_react53.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),hasReleaseNotes&&import_react53.default.createElement(TabBarButton,{id:"release-notes",title:"Release notes",changeTab}),import_react53.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react53.default.createElement(import_components30.IconButton,{onClick:e4=>(e4.preventDefault(),onClose()),title:"Close settings page"},import_react53.default.createElement(import_components30.Icons,{icon:"close"}))),import_react53.default.createElement(Content,{vertical:!0,horizontal:!1},import_react53.default.createElement(import_router5.Route,{path:"about"},import_react53.default.createElement(AboutPage,{key:"about"})),import_react53.default.createElement(import_router5.Route,{path:"release-notes"},import_react53.default.createElement(ReleaseNotesPage,{key:"release-notes"})),import_react53.default.createElement(import_router5.Route,{path:"shortcuts"},import_react53.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=(0,import_manager_api27.useStorybookApi)(),state=(0,import_manager_api27.useStorybookState)(),changeTab=tab=>api.changeSettingsTab(tab);return import_react53.default.createElement(Pages,{hasReleaseNotes:!!api.releaseNotesVersion(),enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})};var View=import_theming31.styled.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react54.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default,pages:[{key:"settings",render:()=>import_react54.default.createElement(SettingsPages,null),route:({children})=>import_react54.default.createElement(import_router6.Route,{path:"/settings/",startsWith:!0},children)}]}),[]);return!width||!height?content=import_react54.default.createElement("div",null):width<600?content=import_react54.default.createElement(Mobile,{...props,viewMode,options:layout}):content=import_react54.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount}),import_react54.default.createElement(View,{ref},import_react54.default.createElement(import_theming31.Global,{styles:import_theming31.createGlobal}),import_react54.default.createElement(import_components31.Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider2=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!"),{}}};import_theming32.ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react55.default.createElement(q,{key:"helmet.Provider"},import_react55.default.createElement(import_router7.LocationProvider,{key:"location.provider"},import_react55.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=(0,import_router7.useNavigate)();return import_react55.default.createElement(import_router7.Location,{key:"location.consumer"},locationData=>{var _a;return import_react55.default.createElement(import_manager_api28.Provider,{key:"manager",provider,...locationData,navigate,docsOptions:((_a=scope)==null?void 0:_a.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_react55.default.createElement(import_theming32.ThemeProvider,{key:"theme.provider",theme:(0,import_theming32.ensure)(state.theme)},import_react55.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 Provider2))throw new Error("provider is not extended from the base Provider");import_react_dom2.default.render(import_react55.default.createElement(Root4,{key:"root",provider}),domNode)}0&&(module.exports={Provider,Root,renderStorybookUI});
+`,SuccessIcon=(0,import_theming29.styled)(import_components29.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}),Container4=import_theming29.styled.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_react51.Component{constructor(props){super(props);this.onKeyDown=e4=>{let{activeFeature,shortcutKeys}=this.state;if(e4.key==="Backspace")return this.restoreDefault();let shortcut=(0,import_manager_api25.eventToShortcut)(e4);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&(0,import_manager_api25.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,defaultShortcuts=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts)})};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_react51.default.createElement(Row,{key:feature},import_react51.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react51.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?(0,import_manager_api25.shortcutToHumanString)(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react51.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react51.default.createElement(GridWrapper,null,import_react51.default.createElement(GridHeaderRow,null,import_react51.default.createElement(HeaderItem,null,"Commands"),import_react51.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_react51.default.createElement(Container4,null,import_react51.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react51.default.createElement(import_components29.Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react51.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react52.default.createElement(import_manager_api26.Consumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react52.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document9}=scope,TabBarButton=import_react53.default.memo(function({changeTab,id,title}){return import_react53.default.createElement(import_router5.Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react53.default.createElement(import_components30.TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content=(0,import_theming30.styled)(import_components30.ScrollArea)({position:"absolute",top:40,left:0,right:0,bottom:0,overflow:"auto"},({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,hasReleaseNotes=!1})=>(import_react53.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document9.addEventListener("keydown",handleEscape),()=>document9.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react53.default.createElement(import_react53.Fragment,null,import_react53.default.createElement(import_components30.FlexBar,{border:!0},import_react53.default.createElement(import_components30.TabBar,{role:"tablist"},import_react53.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),hasReleaseNotes&&import_react53.default.createElement(TabBarButton,{id:"release-notes",title:"Release notes",changeTab}),import_react53.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react53.default.createElement(import_components30.IconButton,{onClick:e4=>(e4.preventDefault(),onClose()),title:"Close settings page"},import_react53.default.createElement(import_components30.Icons,{icon:"close"}))),import_react53.default.createElement(Content,{vertical:!0,horizontal:!1},import_react53.default.createElement(import_router5.Route,{path:"about"},import_react53.default.createElement(AboutPage,{key:"about"})),import_react53.default.createElement(import_router5.Route,{path:"release-notes"},import_react53.default.createElement(ReleaseNotesPage,{key:"release-notes"})),import_react53.default.createElement(import_router5.Route,{path:"shortcuts"},import_react53.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=(0,import_manager_api27.useStorybookApi)(),state=(0,import_manager_api27.useStorybookState)(),changeTab=tab=>api.changeSettingsTab(tab);return import_react53.default.createElement(Pages,{hasReleaseNotes:!!api.releaseNotesVersion(),enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})};var View=import_theming31.styled.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react54.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default,pages:[{key:"settings",render:()=>import_react54.default.createElement(SettingsPages,null),route:({children})=>import_react54.default.createElement(import_router6.Route,{path:"/settings/",startsWith:!0},children)}]}),[]);return!width||!height?content=import_react54.default.createElement("div",null):width<600?content=import_react54.default.createElement(Mobile,{...props,viewMode,options:layout}):content=import_react54.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount}),import_react54.default.createElement(View,{ref},import_react54.default.createElement(import_theming31.Global,{styles:import_theming31.createGlobal}),import_react54.default.createElement(import_components31.Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider2=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!"),{}}};import_theming32.ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react55.default.createElement(q,{key:"helmet.Provider"},import_react55.default.createElement(import_router7.LocationProvider,{key:"location.provider"},import_react55.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=(0,import_router7.useNavigate)();return import_react55.default.createElement(import_router7.Location,{key:"location.consumer"},locationData=>{var _a;return import_react55.default.createElement(import_manager_api28.Provider,{key:"manager",provider,...locationData,navigate,docsOptions:((_a=scope)==null?void 0:_a.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_react55.default.createElement(import_theming32.ThemeProvider,{key:"theme.provider",theme:(0,import_theming32.ensure)(state.theme)},import_react55.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 Provider2))throw new Error("provider is not extended from the base Provider");import_react_dom2.default.render(import_react55.default.createElement(Root4,{key:"root",provider}),domNode)}0&&(module.exports={Provider,Root,renderStorybookUI});