@storybook/manager 7.0.0-beta.11 → 7.0.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -55,7 +55,7 @@ Output:
55
55
  it's possible a CORS error happened.
56
56
 
57
57
  Please check your dev-tools network tab.
58
- `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global4.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global3.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash=ref?refs2[ref].stories:storiesHash,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){return api.findLeafEntry(storiesHash,storyId)?.id},findSiblingStoryId(storyId,hash,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES?.storyStoreV7&&(provider.serverChannel?.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global5.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global7.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global6.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=import_global8.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.11",{VERSIONCHECK}=import_global9.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global10.default[KEY]||(import_global10.default[KEY]=new AddonStore),import_global10.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react88=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react8=__toESM(require_react(),1),import_react9=__toESM(require_react(),1);var import_react10=__toESM(require_react(),1);var import_react11=__toESM(require_react(),1);var import_react12=__toESM(require_react(),1);var import_react13=__toESM(require_react(),1);var import_react14=__toESM(require_react(),1);var import_react15=__toESM(require_react(),1);var import_react16=__toESM(require_react(),1),import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1);var import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1),import_react21=__toESM(require_react(),1);var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react25=__toESM(require_react(),1),import_react26=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1);var import_react29=__toESM(require_react(),1);var import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
58
+ `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global4.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global3.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash=ref?refs2[ref].stories:storiesHash,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){return api.findLeafEntry(storiesHash,storyId)?.id},findSiblingStoryId(storyId,hash,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES?.storyStoreV7&&(provider.serverChannel?.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global5.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global7.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global6.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=import_global8.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.12",{VERSIONCHECK}=import_global9.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global10.default[KEY]||(import_global10.default[KEY]=new AddonStore),import_global10.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react88=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react8=__toESM(require_react(),1),import_react9=__toESM(require_react(),1);var import_react10=__toESM(require_react(),1);var import_react11=__toESM(require_react(),1);var import_react12=__toESM(require_react(),1);var import_react13=__toESM(require_react(),1);var import_react14=__toESM(require_react(),1);var import_react15=__toESM(require_react(),1);var import_react16=__toESM(require_react(),1),import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1);var import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1),import_react21=__toESM(require_react(),1);var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react25=__toESM(require_react(),1),import_react26=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1);var import_react29=__toESM(require_react(),1);var import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
59
59
 
60
60
  `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
61
61
 
package/dist/index.js CHANGED
@@ -731,7 +731,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
731
731
  it's possible a CORS error happened.
732
732
 
733
733
  Please check your dev-tools network tab.
734
- `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global6.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global5.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==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,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==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{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash3=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash3=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash3=ref?refs2[ref].stories:storiesHash,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash3[id])api.selectStory(id,void 0,options3);else{let entry=hash3[sanitize(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash3[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash3[titleOrId]||hash3[sanitize(titleOrId)]:hash3[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash3,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){var _a;return(_a=api.findLeafEntry(storiesHash,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,hash3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash3),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash3),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var _a;fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES!=null&&FEATURES.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global7.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme:theme3,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:theme3||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme:theme3}=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={...theme3,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme3,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global9.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1;var optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt";var eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]);var keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global8.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event!=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(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow2}=import_global10.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow2?(handleOrId&&globalWindow2.cancelIdleCallback(handleOrId),handleOrId=globalWindow2.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.11",{VERSIONCHECK}=import_global11.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global12.default[KEY]||(import_global12.default[KEY]=new AddonStore),import_global12.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module2=>{"init"in module2&&module2.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect:effect4})=>(import_react5.default.useEffect(effect4,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}var import_theming82=__toESM(require_dist2());var import_react8=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_invariant()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react8.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react8.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react8.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react8.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react8.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react8.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react8.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react8.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react8.default.createElement(R.Consumer,null,function(e6){return import_react8.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react8.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react99=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());init_chunk_CNVYRKP3();init_chunk_BVZGY62N();init_chunk_4REFJGR7();init_chunk_NNAAFZ4U();var import_react19=__toESM(require_react(),1),import_react20=__toESM(require_react(),1),import_theming7=__toESM(require_dist2(),1),import_react21=__toESM(require_react(),1),import_theming8=__toESM(require_dist2(),1),import_theming9=__toESM(require_dist2(),1),import_react22=__toESM(require_react(),1),import_theming10=__toESM(require_dist2(),1),import_theming11=__toESM(require_dist2(),1),import_theming12=__toESM(require_dist2(),1),import_theming13=__toESM(require_dist2(),1),import_theming14=__toESM(require_dist2(),1),import_theming15=__toESM(require_dist2(),1),import_theming16=__toESM(require_dist2(),1),import_theming17=__toESM(require_dist2(),1),import_theming18=__toESM(require_dist2(),1),import_theming19=__toESM(require_dist2(),1),import_theming20=__toESM(require_dist2(),1),import_theming21=__toESM(require_dist2(),1),import_theming22=__toESM(require_dist2(),1),import_theming23=__toESM(require_dist2(),1),import_theming24=__toESM(require_dist2(),1),import_theming25=__toESM(require_dist2(),1),import_theming26=__toESM(require_dist2(),1),import_theming27=__toESM(require_dist2(),1),import_theming28=__toESM(require_dist2(),1),import_react23=__toESM(require_react(),1),import_theming29=__toESM(require_dist2(),1),import_react24=__toESM(require_react(),1),import_theming30=__toESM(require_dist2(),1),import_react25=__toESM(require_react(),1),import_theming31=__toESM(require_dist2(),1),import_react26=__toESM(require_react(),1),import_theming32=__toESM(require_dist2(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_theming33=__toESM(require_dist2(),1),import_react29=__toESM(require_react(),1),import_theming34=__toESM(require_dist2(),1),import_react30=__toESM(require_react(),1),import_theming35=__toESM(require_dist2(),1),import_react31=__toESM(require_react(),1),import_react32=__toESM(require_react(),1),import_theming36=__toESM(require_dist2(),1),import_theming37=__toESM(require_dist2(),1),import_react33=__toESM(require_react(),1),import_theming38=__toESM(require_dist2(),1),import_react34=__toESM(require_react(),1),import_theming39=__toESM(require_dist2(),1),import_react35=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1),import_theming40=__toESM(require_dist2(),1),import_react40=__toESM(require_react(),1),import_theming41=__toESM(require_dist2(),1),import_react41=__toESM(require_react(),1),import_theming42=__toESM(require_dist2(),1),import_react42=__toESM(require_react(),1),import_theming43=__toESM(require_dist2(),1),import_memoizerific9=__toESM(require_memoizerific(),1),import_react43=__toESM(require_react(),1),import_theming44=__toESM(require_dist2(),1);var import_react44=__toESM(require_react(),1),import_theming45=__toESM(require_dist2(),1),import_react45=__toESM(require_react(),1),import_theming46=__toESM(require_dist2(),1),import_react46=__toESM(require_react(),1),import_theming47=__toESM(require_dist2(),1),import_react47=__toESM(require_react(),1),import_react48=__toESM(require_react(),1),import_react49=__toESM(require_react(),1),import_react50=__toESM(require_react(),1),import_theming48=__toESM(require_dist2(),1),import_theming49=__toESM(require_dist2(),1),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper32,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
734
+ `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global6.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global5.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==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,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==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{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash3=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash3=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash3=ref?refs2[ref].stories:storiesHash,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash3[id])api.selectStory(id,void 0,options3);else{let entry=hash3[sanitize(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash3[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash3[titleOrId]||hash3[sanitize(titleOrId)]:hash3[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash3,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){var _a;return(_a=api.findLeafEntry(storiesHash,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,hash3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash3),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash3),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var _a;fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES!=null&&FEATURES.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global7.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme:theme3,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:theme3||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme:theme3}=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={...theme3,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme3,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global9.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1;var optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt";var eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]);var keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global8.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event!=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(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow2}=import_global10.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow2?(handleOrId&&globalWindow2.cancelIdleCallback(handleOrId),handleOrId=globalWindow2.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.12",{VERSIONCHECK}=import_global11.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global12.default[KEY]||(import_global12.default[KEY]=new AddonStore),import_global12.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module2=>{"init"in module2&&module2.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect:effect4})=>(import_react5.default.useEffect(effect4,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}var import_theming82=__toESM(require_dist2());var import_react8=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_invariant()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react8.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react8.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react8.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react8.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react8.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react8.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react8.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react8.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react8.default.createElement(R.Consumer,null,function(e6){return import_react8.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react8.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react99=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());init_chunk_CNVYRKP3();init_chunk_BVZGY62N();init_chunk_4REFJGR7();init_chunk_NNAAFZ4U();var import_react19=__toESM(require_react(),1),import_react20=__toESM(require_react(),1),import_theming7=__toESM(require_dist2(),1),import_react21=__toESM(require_react(),1),import_theming8=__toESM(require_dist2(),1),import_theming9=__toESM(require_dist2(),1),import_react22=__toESM(require_react(),1),import_theming10=__toESM(require_dist2(),1),import_theming11=__toESM(require_dist2(),1),import_theming12=__toESM(require_dist2(),1),import_theming13=__toESM(require_dist2(),1),import_theming14=__toESM(require_dist2(),1),import_theming15=__toESM(require_dist2(),1),import_theming16=__toESM(require_dist2(),1),import_theming17=__toESM(require_dist2(),1),import_theming18=__toESM(require_dist2(),1),import_theming19=__toESM(require_dist2(),1),import_theming20=__toESM(require_dist2(),1),import_theming21=__toESM(require_dist2(),1),import_theming22=__toESM(require_dist2(),1),import_theming23=__toESM(require_dist2(),1),import_theming24=__toESM(require_dist2(),1),import_theming25=__toESM(require_dist2(),1),import_theming26=__toESM(require_dist2(),1),import_theming27=__toESM(require_dist2(),1),import_theming28=__toESM(require_dist2(),1),import_react23=__toESM(require_react(),1),import_theming29=__toESM(require_dist2(),1),import_react24=__toESM(require_react(),1),import_theming30=__toESM(require_dist2(),1),import_react25=__toESM(require_react(),1),import_theming31=__toESM(require_dist2(),1),import_react26=__toESM(require_react(),1),import_theming32=__toESM(require_dist2(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_theming33=__toESM(require_dist2(),1),import_react29=__toESM(require_react(),1),import_theming34=__toESM(require_dist2(),1),import_react30=__toESM(require_react(),1),import_theming35=__toESM(require_dist2(),1),import_react31=__toESM(require_react(),1),import_react32=__toESM(require_react(),1),import_theming36=__toESM(require_dist2(),1),import_theming37=__toESM(require_dist2(),1),import_react33=__toESM(require_react(),1),import_theming38=__toESM(require_dist2(),1),import_react34=__toESM(require_react(),1),import_theming39=__toESM(require_dist2(),1),import_react35=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1),import_theming40=__toESM(require_dist2(),1),import_react40=__toESM(require_react(),1),import_theming41=__toESM(require_dist2(),1),import_react41=__toESM(require_react(),1),import_theming42=__toESM(require_dist2(),1),import_react42=__toESM(require_react(),1),import_theming43=__toESM(require_dist2(),1),import_memoizerific9=__toESM(require_memoizerific(),1),import_react43=__toESM(require_react(),1),import_theming44=__toESM(require_dist2(),1);var import_react44=__toESM(require_react(),1),import_theming45=__toESM(require_dist2(),1),import_react45=__toESM(require_react(),1),import_theming46=__toESM(require_dist2(),1),import_react46=__toESM(require_react(),1),import_theming47=__toESM(require_dist2(),1),import_react47=__toESM(require_react(),1),import_react48=__toESM(require_react(),1),import_react49=__toESM(require_react(),1),import_react50=__toESM(require_react(),1),import_theming48=__toESM(require_dist2(),1),import_theming49=__toESM(require_dist2(),1),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper32,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
735
735
 
736
736
  `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
737
737
 
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Provider,Root,renderStorybookUI}from"./chunk-ZFO2NB5J.mjs";import"./chunk-JGGZQA44.mjs";import"./chunk-QF67TNOW.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-JSD3JC6P.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{Provider,Root,renderStorybookUI};
1
+ import{Provider,Root,renderStorybookUI}from"./chunk-FAGIXL7T.mjs";import"./chunk-JGGZQA44.mjs";import"./chunk-QF67TNOW.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-JSD3JC6P.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{Provider,Root,renderStorybookUI};
package/dist/runtime.js CHANGED
@@ -731,7 +731,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
731
731
  it's possible a CORS error happened.
732
732
 
733
733
  Please check your dev-tools network tab.
734
- `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global6.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global5.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==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,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==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{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash3=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash3=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash3=ref?refs2[ref].stories:storiesHash,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash3[id])api.selectStory(id,void 0,options3);else{let entry=hash3[sanitize(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash3[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash3[titleOrId]||hash3[sanitize(titleOrId)]:hash3[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash3,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){var _a;return(_a=api.findLeafEntry(storiesHash,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,hash3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash3),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash3),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var _a;fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES!=null&&FEATURES.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global7.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme:theme3,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:theme3||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme:theme3}=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={...theme3,...options3.theme},modification={};dequal(ui,updatedUi)||(modification.ui=updatedUi),dequal(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal(theme3,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global9.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global8.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event!=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(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow2}=import_global10.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,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)};dequal(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow2?(handleOrId&&globalWindow2.cancelIdleCallback(handleOrId),handleOrId=globalWindow2.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.11",{VERSIONCHECK}=import_global11.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;dequal(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global12.default[KEY]||(import_global12.default[KEY]=new AddonStore),import_global12.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module2=>{"init"in module2&&module2.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect:effect4})=>(import_react5.default.useEffect(effect4,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}var import_global13=__toESM(require_window(),1);init_dist();var import_qs2=__toESM(require_lib(),1),{window:globalWindow3,document:document4,location:location2}=import_global13.default,KEY2="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow3&&globalWindow3.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args2)=>{handler.apply(this,args2),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options3){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options3||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k3,v3])=>typeof v3<"u")),stringifyOptions={...defaultEventOptions,...import_global13.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs2.default.parse(location2.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY2,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f4=>{try{f4.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document4.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e4=>{try{return!!e4.contentWindow&&e4.dataset.isStorybook!==void 0&&e4.id===target}catch{return!1}}).map(e4=>e4.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow3&&globalWindow3.parent&&globalWindow3.parent!==globalWindow3?[globalWindow3.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document4.querySelectorAll('[data-is-storybook="true"]')].map(e4=>e4.contentWindow):globalWindow3&&globalWindow3.parent?[globalWindow3.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document4.querySelectorAll("#storybook-preview-iframe")].map(e4=>e4.contentWindow):globalWindow3&&globalWindow3.parent?[globalWindow3.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key:key2,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global13.default.CHANNEL_OPTIONS||{}):data;if(key2===KEY2){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location2.origin!==event.source?message:`${message} <span style="color: gray">(on ${location2.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document4.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document4.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document4.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global14=__toESM(require_window(),1);init_dist();var{WebSocket}=import_global14.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e4=>{onError&&onError(e4)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_global30=__toESM(require_window()),import_react100=__toESM(require_react()),import_react_dom2=__toESM(require_react_dom());var import_theming82=__toESM(require_dist2());var import_react8=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_invariant()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react8.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react8.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react8.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react8.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react8.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react8.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react8.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react8.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react8.default.createElement(R.Consumer,null,function(e6){return import_react8.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react8.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react99=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports6={};__export(dist_exports6,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});init_chunk_CNVYRKP3();init_chunk_BVZGY62N();init_chunk_4REFJGR7();init_chunk_NNAAFZ4U();var import_react19=__toESM(require_react(),1),import_react20=__toESM(require_react(),1),import_theming7=__toESM(require_dist2(),1),import_react21=__toESM(require_react(),1),import_theming8=__toESM(require_dist2(),1),import_theming9=__toESM(require_dist2(),1),import_react22=__toESM(require_react(),1),import_theming10=__toESM(require_dist2(),1),import_theming11=__toESM(require_dist2(),1),import_theming12=__toESM(require_dist2(),1),import_theming13=__toESM(require_dist2(),1),import_theming14=__toESM(require_dist2(),1),import_theming15=__toESM(require_dist2(),1),import_theming16=__toESM(require_dist2(),1),import_theming17=__toESM(require_dist2(),1),import_theming18=__toESM(require_dist2(),1),import_theming19=__toESM(require_dist2(),1),import_theming20=__toESM(require_dist2(),1),import_theming21=__toESM(require_dist2(),1),import_theming22=__toESM(require_dist2(),1),import_theming23=__toESM(require_dist2(),1),import_theming24=__toESM(require_dist2(),1),import_theming25=__toESM(require_dist2(),1),import_theming26=__toESM(require_dist2(),1),import_theming27=__toESM(require_dist2(),1),import_theming28=__toESM(require_dist2(),1),import_react23=__toESM(require_react(),1),import_theming29=__toESM(require_dist2(),1),import_react24=__toESM(require_react(),1),import_theming30=__toESM(require_dist2(),1),import_react25=__toESM(require_react(),1),import_theming31=__toESM(require_dist2(),1),import_react26=__toESM(require_react(),1),import_theming32=__toESM(require_dist2(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_theming33=__toESM(require_dist2(),1),import_react29=__toESM(require_react(),1),import_theming34=__toESM(require_dist2(),1),import_react30=__toESM(require_react(),1),import_theming35=__toESM(require_dist2(),1),import_react31=__toESM(require_react(),1),import_react32=__toESM(require_react(),1),import_theming36=__toESM(require_dist2(),1),import_theming37=__toESM(require_dist2(),1),import_react33=__toESM(require_react(),1),import_theming38=__toESM(require_dist2(),1),import_react34=__toESM(require_react(),1),import_theming39=__toESM(require_dist2(),1),import_react35=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1),import_theming40=__toESM(require_dist2(),1),import_react40=__toESM(require_react(),1),import_theming41=__toESM(require_dist2(),1),import_react41=__toESM(require_react(),1),import_theming42=__toESM(require_dist2(),1),import_react42=__toESM(require_react(),1),import_theming43=__toESM(require_dist2(),1),import_memoizerific9=__toESM(require_memoizerific(),1),import_react43=__toESM(require_react(),1),import_theming44=__toESM(require_dist2(),1);var import_react44=__toESM(require_react(),1),import_theming45=__toESM(require_dist2(),1),import_react45=__toESM(require_react(),1),import_theming46=__toESM(require_dist2(),1),import_react46=__toESM(require_react(),1),import_theming47=__toESM(require_dist2(),1),import_react47=__toESM(require_react(),1),import_react48=__toESM(require_react(),1),import_react49=__toESM(require_react(),1),import_react50=__toESM(require_react(),1),import_theming48=__toESM(require_dist2(),1),import_theming49=__toESM(require_dist2(),1),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper32,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
734
+ `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],storiesHash;setStoriesData?storiesHash=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(storiesHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),storiesHash&&(storiesHash=addRefIds(storiesHash,ref)),api.updateRef(id,{stories:storiesHash,...rest,ready})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global6.default.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=import_global5.default,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==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,storiesHash}=store22.getState();return refId?refs2[refId].stories?refs2[refId].stories[storyId]:void 0:storiesHash?storiesHash[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==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{storiesHash,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash3=refId?refs2[refId].stories||{}:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{storiesHash,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash3=story.refId?refs2[story.refId].stories:storiesHash,result2=api.findSiblingStoryId(storyId,hash3,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{storiesHash}=store22.getState(),firstStory=Object.keys(storiesHash).find(id=>storiesHash[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,storiesHash,refs:refs2}=store22.getState(),hash3=ref?refs2[ref].stories:storiesHash,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash3[id])api.selectStory(id,void 0,options3);else{let entry=hash3[sanitize(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash3[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash3[titleOrId]||hash3[sanitize(titleOrId)]:hash3[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash3,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(storiesHash,storyId){let entry=storiesHash[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(storiesHash,childStoryId)},findLeafStoryId(storiesHash,storyId){var _a;return(_a=api.findLeafEntry(storiesHash,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,hash3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(hash3),index22=lookupList2.findIndex(i4=>i4.includes(storyId));return index22===lookupList2.length-1&&direction>0||index22===0&&direction<0?void 0:lookupList2[index22+direction]?lookupList2[index22+direction][0]:void 0}let lookupList=getStoriesLookupList(hash3),index3=lookupList.indexOf(storyId);if(!(index3===lookupList.length-1&&direction>0)&&!(index3===0&&direction<0))return lookupList[index3+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().storiesHash;await store22.setState({storiesHash:addPreparedStories(newHash,oldHash),storiesConfigured:!0,storiesFailed:null})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,stories}=ref;stories[storyId]={...stories[storyId],...update2},await fullAPI.updateRef(refId,{stories})}else{let{storiesHash}=store22.getState();storiesHash[storyId]={...storiesHash[storyId],...update2},await store22.setState({storiesHash})}}};return{api,state:{storiesHash:{},storyId:initialStoryId,viewMode:initialViewMode,storiesConfigured:!1,hasCalledSetOptions:!1},init:async()=>{var _a;fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(!fullAPI.isSettingsScreenActive()&&sourceType==="local"){let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),ref)fullAPI.updateRef(ref.id,{ready:!0});else if(!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,storiesHash,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,storiesHash,1,!0),api.findSiblingStoryId(storyId,storiesHash,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){store22.setState({storiesConfigured:!0,storiesFailed:err})}),FEATURES!=null&&FEATURES.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init9});var{document:document3}=import_global7.default,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme:theme3,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:theme3||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme:theme3}=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={...theme3,...options3.theme},modification={};dequal(ui,updatedUi)||(modification.ui=updatedUi),dequal(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal(theme3,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=import_global9.default,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];return e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "&&keys2.push(e4.key.toUpperCase()),e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((key2,i4)=>key2!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global8.default,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event!=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(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow2}=import_global10.default,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,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)};dequal(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow2?(handleOrId&&globalWindow2.cancelIdleCallback(handleOrId),handleOrId=globalWindow2.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.12",{VERSIONCHECK}=import_global11.default,getVersionCheckData=(0,import_memoizerific5.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;dequal(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global12.default[KEY]||(import_global12.default[KEY]=new AddonStore),import_global12.default[KEY]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react5.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module2=>{"init"in module2&&module2.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect:effect4})=>(import_react5.default.useEffect(effect4,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}var import_global13=__toESM(require_window(),1);init_dist();var import_qs2=__toESM(require_lib(),1),{window:globalWindow3,document:document4,location:location2}=import_global13.default,KEY2="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow3&&globalWindow3.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args2)=>{handler.apply(this,args2),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options3){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options3||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k3,v3])=>typeof v3<"u")),stringifyOptions={...defaultEventOptions,...import_global13.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs2.default.parse(location2.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY2,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f4=>{try{f4.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document4.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e4=>{try{return!!e4.contentWindow&&e4.dataset.isStorybook!==void 0&&e4.id===target}catch{return!1}}).map(e4=>e4.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow3&&globalWindow3.parent&&globalWindow3.parent!==globalWindow3?[globalWindow3.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document4.querySelectorAll('[data-is-storybook="true"]')].map(e4=>e4.contentWindow):globalWindow3&&globalWindow3.parent?[globalWindow3.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document4.querySelectorAll("#storybook-preview-iframe")].map(e4=>e4.contentWindow):globalWindow3&&globalWindow3.parent?[globalWindow3.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key:key2,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global13.default.CHANNEL_OPTIONS||{}):data;if(key2===KEY2){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location2.origin!==event.source?message:`${message} <span style="color: gray">(on ${location2.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document4.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document4.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document4.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global14=__toESM(require_window(),1);init_dist();var{WebSocket}=import_global14.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e4=>{onError&&onError(e4)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_global30=__toESM(require_window()),import_react100=__toESM(require_react()),import_react_dom2=__toESM(require_react_dom());var import_theming82=__toESM(require_dist2());var import_react8=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_invariant()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react8.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react8.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react8.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react8.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react8.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react8.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react8.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react8.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react8.default.createElement(R.Consumer,null,function(e6){return import_react8.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react8.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react99=__toESM(require_react()),import_react_sizeme=__toESM(require_react_sizeme());var dist_exports6={};__export(dist_exports6,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,Loader:()=>Loader,OL:()=>OL,P:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});init_chunk_CNVYRKP3();init_chunk_BVZGY62N();init_chunk_4REFJGR7();init_chunk_NNAAFZ4U();var import_react19=__toESM(require_react(),1),import_react20=__toESM(require_react(),1),import_theming7=__toESM(require_dist2(),1),import_react21=__toESM(require_react(),1),import_theming8=__toESM(require_dist2(),1),import_theming9=__toESM(require_dist2(),1),import_react22=__toESM(require_react(),1),import_theming10=__toESM(require_dist2(),1),import_theming11=__toESM(require_dist2(),1),import_theming12=__toESM(require_dist2(),1),import_theming13=__toESM(require_dist2(),1),import_theming14=__toESM(require_dist2(),1),import_theming15=__toESM(require_dist2(),1),import_theming16=__toESM(require_dist2(),1),import_theming17=__toESM(require_dist2(),1),import_theming18=__toESM(require_dist2(),1),import_theming19=__toESM(require_dist2(),1),import_theming20=__toESM(require_dist2(),1),import_theming21=__toESM(require_dist2(),1),import_theming22=__toESM(require_dist2(),1),import_theming23=__toESM(require_dist2(),1),import_theming24=__toESM(require_dist2(),1),import_theming25=__toESM(require_dist2(),1),import_theming26=__toESM(require_dist2(),1),import_theming27=__toESM(require_dist2(),1),import_theming28=__toESM(require_dist2(),1),import_react23=__toESM(require_react(),1),import_theming29=__toESM(require_dist2(),1),import_react24=__toESM(require_react(),1),import_theming30=__toESM(require_dist2(),1),import_react25=__toESM(require_react(),1),import_theming31=__toESM(require_dist2(),1),import_react26=__toESM(require_react(),1),import_theming32=__toESM(require_dist2(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_theming33=__toESM(require_dist2(),1),import_react29=__toESM(require_react(),1),import_theming34=__toESM(require_dist2(),1),import_react30=__toESM(require_react(),1),import_theming35=__toESM(require_dist2(),1),import_react31=__toESM(require_react(),1),import_react32=__toESM(require_react(),1),import_theming36=__toESM(require_dist2(),1),import_theming37=__toESM(require_dist2(),1),import_react33=__toESM(require_react(),1),import_theming38=__toESM(require_dist2(),1),import_react34=__toESM(require_react(),1),import_theming39=__toESM(require_dist2(),1),import_react35=__toESM(require_react(),1),React14=__toESM(require_react(),1),import_react36=__toESM(require_react(),1),import_react37=__toESM(require_react(),1),import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1),import_theming40=__toESM(require_dist2(),1),import_react40=__toESM(require_react(),1),import_theming41=__toESM(require_dist2(),1),import_react41=__toESM(require_react(),1),import_theming42=__toESM(require_dist2(),1),import_react42=__toESM(require_react(),1),import_theming43=__toESM(require_dist2(),1),import_memoizerific9=__toESM(require_memoizerific(),1),import_react43=__toESM(require_react(),1),import_theming44=__toESM(require_dist2(),1);var import_react44=__toESM(require_react(),1),import_theming45=__toESM(require_dist2(),1),import_react45=__toESM(require_react(),1),import_theming46=__toESM(require_dist2(),1),import_react46=__toESM(require_react(),1),import_theming47=__toESM(require_dist2(),1),import_react47=__toESM(require_react(),1),import_react48=__toESM(require_react(),1),import_react49=__toESM(require_react(),1),import_react50=__toESM(require_react(),1),import_theming48=__toESM(require_dist2(),1),import_theming49=__toESM(require_dist2(),1),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper32,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
735
735
 
736
736
  `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
737
737
 
package/dist/runtime.mjs CHANGED
@@ -1 +1 @@
1
- import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-ZFO2NB5J.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-JGGZQA44.mjs";import{require_react_dom}from"./chunk-QF67TNOW.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-JSD3JC6P.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});
1
+ import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-FAGIXL7T.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-JGGZQA44.mjs";import{require_react_dom}from"./chunk-QF67TNOW.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-JSD3JC6P.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/manager",
3
- "version": "7.0.0-beta.11",
3
+ "version": "7.0.0-beta.12",
4
4
  "description": "Core Storybook UI",
5
5
  "keywords": [
6
6
  "storybook"
@@ -53,18 +53,18 @@
53
53
  },
54
54
  "devDependencies": {
55
55
  "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
56
- "@storybook/addons": "7.0.0-beta.11",
57
- "@storybook/api": "7.0.0-beta.11",
58
- "@storybook/channel-postmessage": "7.0.0-beta.11",
59
- "@storybook/channel-websocket": "7.0.0-beta.11",
60
- "@storybook/channels": "7.0.0-beta.11",
61
- "@storybook/client-logger": "7.0.0-beta.11",
62
- "@storybook/components": "7.0.0-beta.11",
63
- "@storybook/core-events": "7.0.0-beta.11",
64
- "@storybook/manager-api": "7.0.0-beta.11",
65
- "@storybook/router": "7.0.0-beta.11",
66
- "@storybook/theming": "7.0.0-beta.11",
67
- "@storybook/types": "7.0.0-beta.11",
56
+ "@storybook/addons": "7.0.0-beta.12",
57
+ "@storybook/api": "7.0.0-beta.12",
58
+ "@storybook/channel-postmessage": "7.0.0-beta.12",
59
+ "@storybook/channel-websocket": "7.0.0-beta.12",
60
+ "@storybook/channels": "7.0.0-beta.12",
61
+ "@storybook/client-logger": "7.0.0-beta.12",
62
+ "@storybook/components": "7.0.0-beta.12",
63
+ "@storybook/core-events": "7.0.0-beta.12",
64
+ "@storybook/manager-api": "7.0.0-beta.12",
65
+ "@storybook/router": "7.0.0-beta.12",
66
+ "@storybook/theming": "7.0.0-beta.12",
67
+ "@storybook/types": "7.0.0-beta.12",
68
68
  "@testing-library/react": "^11.2.2",
69
69
  "@types/semver": "^7.3.4",
70
70
  "copy-to-clipboard": "^3.3.1",
@@ -100,5 +100,5 @@
100
100
  "./src/runtime.ts"
101
101
  ]
102
102
  },
103
- "gitHead": "f488007ad9e0ff9c4ade4837f584db87fa0d46eb"
103
+ "gitHead": "dd52c7e8853bc40791deb55e36473c0c18ab5957"
104
104
  }