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

package/dist/{chunk-F6TWO2IU.mjs → chunk-UVUI64AR.mjs}

@@ -50,7 +50,7 @@ Output:
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(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}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},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","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}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=e4.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>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}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=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}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{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}=scope,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],[b4])=>a3<b4?-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.1.0-alpha.2",{VERSIONCHECK}=scope,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,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY]||(scope[KEY]=new AddonStore),scope[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(m4=>m4.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m4=>m4.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m4=>m4.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=c4=>c4;function ManagerConsumer({filter=defaultFilter,children}){let c4=(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(c4),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c4.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,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_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,c2(t4,e4)}function c2(t4,e4){return c2=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c2(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"]},h2=Object.keys(l).map(function(t4){return l[t4]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t4,e4){return t4[m2[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},b2=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},[])},C2=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],c5=s4.toLowerCase();e4.indexOf(c5)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c5==="rel"&&t6[c5].toLowerCase()==="stylesheet"||(r7=c5),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 c4=o3[s3],u3=a({},n4[c4],i4[c4]);n4[c4]=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},E2=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}},I2=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=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;")},x2=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},"")},L2=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m2[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=m2[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=L2(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=x2(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w2(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w2(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r5)},toString:function(){return x2(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+'="'+w2(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P2.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,c4=s3===void 0?"":s3,u3=t4.titleAttributes,h4=t4.linkTags,m4=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=E2(t5.metaTags,d),o4=E2(e5,p),a4=E2(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,h4=g3.linkTags,m4=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,h4,n4),meta:M(l.META,m4,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c4,titleAttributes:u3},n4)}},H=[],N2=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:{}}))},R2=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 N2(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R2.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}},B2=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 c4=a3[s3],u3=e4[c4]||"";r5.getAttribute(c4)!==u3&&r5.setAttribute(c4,u3),i4.indexOf(c4)===-1&&i4.push(c4);var l3=o3.indexOf(c4);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,c4=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B2(l.BODY,t4.bodyAttributes),B2(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B2(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,c4),styleTags:Y(l.STYLE,u3)},h4={},m4={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h4[t5]=r6),n5.length&&(m4[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h4,m4)},_=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:C2(l.LINK,["rel","href"],t5),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b2(t5),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t5),styleTags:C2(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)(I2(this.props,"helmetData"),I2(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)(h2.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 "+h2.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},{}),c4=t4.type;switch(typeof c4=="symbol"?c4=c4.toString():n4.warnOnInvalidChildren(t4,o4),c4){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 N2||(o4=new N2(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R2.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_react94=__toESM(require_react());var React4=__toESM(require_react()),import_react8=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d3,b4){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d4,b5){d4.__proto__=b5}||function(d4,b5){for(var p3 in b5)Object.prototype.hasOwnProperty.call(b5,p3)&&(d4[p3]=b5[p3])},extendStatics(d3,b4)};function __extends(d3,b4){if(typeof b4!="function"&&b4!==null)throw new TypeError("Class extends value "+String(b4)+" is not a constructor or null");extendStatics(d3,b4);function __(){this.constructor=d3}d3.prototype=b4===null?Object.create(b4):(__.prototype=b4.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t4){for(var s3,i4=1,n4=arguments.length;i4<n4;i4++){s3=arguments[i4];for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&(t4[p3]=s3[p3])}return t4},__assign.apply(this,arguments)};function __rest(s3,e4){var t4={};for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&e4.indexOf(p3)<0&&(t4[p3]=s3[p3]);if(s3!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i4=0,p3=Object.getOwnPropertySymbols(s3);i4<p3.length;i4++)e4.indexOf(p3[i4])<0&&Object.prototype.propertyIsEnumerable.call(s3,p3[i4])&&(t4[p3[i4]]=s3[p3[i4]]);return t4}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&&notifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react8.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react8.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react8.cloneElement)(typedChildren,nativeProps)}return(0,import_react8.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react8.cloneElement)(el,childProps)});default:return React4.createElement(WrapperTag,null)}},ResizeDetector2}(import_react8.PureComponent);var useEnhancedEffect=isSSR()?import_react8.useEffect:import_react8.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react8.useRef)(skipOnMount),localRef=(0,import_react8.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react8.useRef)(),_e=(0,import_react8.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&&notifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react10=__toESM(require_react(),1),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);var import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1),import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1);var import_react21=__toESM(require_react(),1);var import_react9=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react9.useRef)(null),refOrElementRef=(0,import_react9.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react9.useRef)(null);(0,import_react9.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react9.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react9.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react9.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react9.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react9.useRef)(),_useState=(0,import_react9.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react9.useRef)(!1);(0,import_react9.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react9.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react9.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react9.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1);var import_react25=__toESM(require_react(),1);var import_react26=__toESM(require_react(),1);var import_react27=__toESM(require_react(),1),React15=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_react29=__toESM(require_react(),1),import_react30=__toESM(require_react(),1),import_react31=__toESM(require_react(),1);var import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1);var import_react37=__toESM(require_react(),1);var import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var import_react40=__toESM(require_react(),1);var import_react41=__toESM(require_react(),1),import_react42=__toESM(require_react(),1),import_react43=__toESM(require_react(),1),import_react44=__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 _setPrototypeOf(o3,p3){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o3,p3)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index3;setStoriesData?index3=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index3=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index3&&(index3=addRefIds(index3,ref)),api.updateRef(id,{index:index3,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index3?index3[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(data?.type==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index3,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index3,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index3}=store22.getState(),firstStory=Object.keys(index3).find(id=>index3[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index3,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index3,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index3,storyId){let entry=index3[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index3,childStoryId)},findLeafStoryId(index3,storyId){return api.findLeafEntry(index3,storyId)?.id},findSiblingStoryId(storyId,index3,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index3),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index3),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index3}=ref;index3[storyId]={...index3[storyId],...update2},await fullAPI.updateRef(refId,{index:index3})}else{let{index:index3}=store22.getState();index3[storyId]={...index3[storyId],...update2},await store22.setState({index:index3})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{fullAPI.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index3,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index3,1,!0),api.findSiblingStoryId(storyId,index3,-1,!0)])).filter(Boolean);fullAPI.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(SET_INDEX,function(index3){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index3},!0);else{fullAPI.setIndex(index3);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES?.storyStoreV7&&(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}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},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","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}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e4=>{if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=e4.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>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}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=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}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{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}=scope,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],[b4])=>a3<b4?-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.1.0-alpha.3",{VERSIONCHECK}=scope,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,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY]||(scope[KEY]=new AddonStore),scope[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(m4=>m4.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m4=>m4.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m4=>m4.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=c4=>c4;function ManagerConsumer({filter=defaultFilter,children}){let c4=(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(c4),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c4.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,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_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,c2(t4,e4)}function c2(t4,e4){return c2=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c2(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"]},h2=Object.keys(l).map(function(t4){return l[t4]}),m2={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m2).reduce(function(t4,e4){return t4[m2[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},b2=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},[])},C2=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],c5=s4.toLowerCase();e4.indexOf(c5)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c5==="rel"&&t6[c5].toLowerCase()==="stylesheet"||(r7=c5),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 c4=o3[s3],u3=a({},n4[c4],i4[c4]);n4[c4]=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},E2=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}},I2=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P2=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w2=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;")},x2=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},"")},L2=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m2[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=m2[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=L2(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=x2(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w2(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w2(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L2(r5)},toString:function(){return x2(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+'="'+w2(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P2.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,c4=s3===void 0?"":s3,u3=t4.titleAttributes,h4=t4.linkTags,m4=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=E2(t5.metaTags,d),o4=E2(e5,p),a4=E2(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,h4=g3.linkTags,m4=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,h4,n4),meta:M(l.META,m4,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c4,titleAttributes:u3},n4)}},H=[],N2=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:{}}))},R2=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 N2(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R2.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}},B2=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 c4=a3[s3],u3=e4[c4]||"";r5.getAttribute(c4)!==u3&&r5.setAttribute(c4,u3),i4.indexOf(c4)===-1&&i4.push(c4);var l3=o3.indexOf(c4);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,c4=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B2(l.BODY,t4.bodyAttributes),B2(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B2(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,c4),styleTags:Y(l.STYLE,u3)},h4={},m4={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h4[t5]=r6),n5.length&&(m4[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h4,m4)},_=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:C2(l.LINK,["rel","href"],t5),metaTags:C2(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C2(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b2(t5),scriptTags:C2(l.SCRIPT,["src","innerHTML"],t5),styleTags:C2(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)(I2(this.props,"helmetData"),I2(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)(h2.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 "+h2.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},{}),c4=t4.type;switch(typeof c4=="symbol"?c4=c4.toString():n4.warnOnInvalidChildren(t4,o4),c4){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 N2||(o4=new N2(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R2.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_react94=__toESM(require_react());var React4=__toESM(require_react()),import_react8=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d3,b4){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d4,b5){d4.__proto__=b5}||function(d4,b5){for(var p3 in b5)Object.prototype.hasOwnProperty.call(b5,p3)&&(d4[p3]=b5[p3])},extendStatics(d3,b4)};function __extends(d3,b4){if(typeof b4!="function"&&b4!==null)throw new TypeError("Class extends value "+String(b4)+" is not a constructor or null");extendStatics(d3,b4);function __(){this.constructor=d3}d3.prototype=b4===null?Object.create(b4):(__.prototype=b4.prototype,new __)}var __assign=function(){return __assign=Object.assign||function(t4){for(var s3,i4=1,n4=arguments.length;i4<n4;i4++){s3=arguments[i4];for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&(t4[p3]=s3[p3])}return t4},__assign.apply(this,arguments)};function __rest(s3,e4){var t4={};for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&e4.indexOf(p3)<0&&(t4[p3]=s3[p3]);if(s3!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i4=0,p3=Object.getOwnPropertySymbols(s3);i4<p3.length;i4++)e4.indexOf(p3[i4])<0&&Object.prototype.propertyIsEnumerable.call(s3,p3[i4])&&(t4[p3[i4]]=s3[p3[i4]]);return t4}var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function isObject$3(value2){var type=typeof value2;return value2!=null&&(type=="object"||type=="function")}var isObject_1=isObject$3,freeGlobal$1=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,_freeGlobal=freeGlobal$1,freeGlobal2=_freeGlobal,freeSelf2=typeof self=="object"&&self&&self.Object===Object&&self,root$2=freeGlobal2||freeSelf2||Function("return this")(),_root=root$2,root$1=_root,now$1=function(){return root$1.Date.now()},now_1=now$1,reWhitespace=/\s/;function trimmedEndIndex$1(string){for(var index3=string.length;index3--&&reWhitespace.test(string.charAt(index3)););return index3}var _trimmedEndIndex=trimmedEndIndex$1,trimmedEndIndex=_trimmedEndIndex,reTrimStart=/^\s+/;function baseTrim$1(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}var _baseTrim=baseTrim$1,root3=_root,Symbol$2=root3.Symbol,_Symbol=Symbol$2,Symbol$1=_Symbol,objectProto$1=Object.prototype,hasOwnProperty5=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag$1(value2){var isOwn=hasOwnProperty5.call(value2,symToStringTag$1),tag=value2[symToStringTag$1];try{value2[symToStringTag$1]=void 0;var unmasked=!0}catch{}var result2=nativeObjectToString$1.call(value2);return unmasked&&(isOwn?value2[symToStringTag$1]=tag:delete value2[symToStringTag$1]),result2}var _getRawTag=getRawTag$1,objectProto6=Object.prototype,nativeObjectToString3=objectProto6.toString;function objectToString$1(value2){return nativeObjectToString3.call(value2)}var _objectToString=objectToString$1,Symbol3=_Symbol,getRawTag2=_getRawTag,objectToString2=_objectToString,nullTag2="[object Null]",undefinedTag2="[object Undefined]",symToStringTag3=Symbol3?Symbol3.toStringTag:void 0;function baseGetTag$1(value2){return value2==null?value2===void 0?undefinedTag2:nullTag2:symToStringTag3&&symToStringTag3 in Object(value2)?getRawTag2(value2):objectToString2(value2)}var _baseGetTag=baseGetTag$1;function isObjectLike$1(value2){return value2!=null&&typeof value2=="object"}var isObjectLike_1=isObjectLike$1,baseGetTag2=_baseGetTag,isObjectLike2=isObjectLike_1,symbolTag2="[object Symbol]";function isSymbol$1(value2){return typeof value2=="symbol"||isObjectLike2(value2)&&baseGetTag2(value2)==symbolTag2}var isSymbol_1=isSymbol$1,baseTrim=_baseTrim,isObject$2=isObject_1,isSymbol2=isSymbol_1,NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber$1(value2){if(typeof value2=="number")return value2;if(isSymbol2(value2))return NAN;if(isObject$2(value2)){var other=typeof value2.valueOf=="function"?value2.valueOf():value2;value2=isObject$2(other)?other+"":other}if(typeof value2!="string")return value2===0?value2:+value2;value2=baseTrim(value2);var isBinary=reIsBinary.test(value2);return isBinary||reIsOctal.test(value2)?freeParseInt(value2.slice(2),isBinary?2:8):reIsBadHex.test(value2)?NAN:+value2}var toNumber_1=toNumber$1,isObject$1=isObject_1,now=now_1,toNumber=toNumber_1,FUNC_ERROR_TEXT$1="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce$1(func,wait,options3){var lastArgs,lastThis,maxWait,result2,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT$1);wait=toNumber(wait)||0,isObject$1(options3)&&(leading=!!options3.leading,maxing="maxWait"in options3,maxWait=maxing?nativeMax(toNumber(options3.maxWait)||0,wait):maxWait,trailing="trailing"in options3?!!options3.trailing:trailing);function invokeFunc(time){var args2=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result2=func.apply(thisArg,args2),result2}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result2}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result2)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result2:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result2}return debounced.cancel=cancel,debounced.flush=flush,debounced}var debounce_1=debounce$1,debounce=debounce_1,isObject4=isObject_1,FUNC_ERROR_TEXT2="Expected a function";function throttle(func,wait,options3){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT2);return isObject4(options3)&&(leading="leading"in options3?!!options3.leading:leading,trailing="trailing"in options3?!!options3.trailing:trailing),debounce(func,wait,{leading,maxWait:wait,trailing})}var throttle_1=throttle,patchResizeHandler=function(resizeCallback,refreshMode,refreshRate,refreshOptions){switch(refreshMode){case"debounce":return debounce_1(resizeCallback,refreshRate,refreshOptions);case"throttle":return throttle_1(resizeCallback,refreshRate,refreshOptions);default:return resizeCallback}},isFunction2=function(fn){return typeof fn=="function"},isSSR=function(){return typeof window>"u"},isDOMElement=function(element){return element instanceof Element||element instanceof HTMLDocument},createNotifier=function(onResize,setSize,handleWidth,handleHeight){return function(_a){var width=_a.width,height=_a.height;setSize(function(prev){return prev.width===width&&prev.height===height||prev.width===width&&!handleHeight||prev.height===height&&!handleWidth?prev:(onResize&&isFunction2(onResize)&&onResize(width,height),{width,height})})}},ResizeDetector=function(_super){__extends(ResizeDetector2,_super);function ResizeDetector2(props){var _this=_super.call(this,props)||this;_this.cancelHandler=function(){_this.resizeHandler&&_this.resizeHandler.cancel&&(_this.resizeHandler.cancel(),_this.resizeHandler=null)},_this.attachObserver=function(){var _a2=_this.props,targetRef=_a2.targetRef,observerOptions=_a2.observerOptions;if(!isSSR()){targetRef&&targetRef.current&&(_this.targetRef.current=targetRef.current);var element=_this.getElement();element&&(_this.observableElement&&_this.observableElement===element||(_this.observableElement=element,_this.resizeObserver.observe(element,observerOptions)))}},_this.getElement=function(){var _a2=_this.props,querySelector=_a2.querySelector,targetDomEl=_a2.targetDomEl;if(isSSR())return null;if(querySelector)return document.querySelector(querySelector);if(targetDomEl&&isDOMElement(targetDomEl))return targetDomEl;if(_this.targetRef&&isDOMElement(_this.targetRef.current))return _this.targetRef.current;var currentElement=(0,import_react_dom.findDOMNode)(_this);if(!currentElement)return null;var renderType=_this.getRenderType();switch(renderType){case"renderProp":return currentElement;case"childFunction":return currentElement;case"child":return currentElement;case"childArray":return currentElement;default:return currentElement.parentElement}},_this.createResizeHandler=function(entries){var _a2=_this.props,_b=_a2.handleWidth,handleWidth=_b===void 0?!0:_b,_c=_a2.handleHeight,handleHeight=_c===void 0?!0:_c,onResize=_a2.onResize;if(!(!handleWidth&&!handleHeight)){var notifyResize=createNotifier(onResize,_this.setState.bind(_this),handleWidth,handleHeight);entries.forEach(function(entry){var _a3=entry&&entry.contentRect||{},width=_a3.width,height=_a3.height,shouldSetSize=!_this.skipOnMount&&!isSSR();shouldSetSize&&notifyResize({width,height}),_this.skipOnMount=!1})}},_this.getRenderType=function(){var _a2=_this.props,render=_a2.render,children=_a2.children;return isFunction2(render)?"renderProp":isFunction2(children)?"childFunction":(0,import_react8.isValidElement)(children)?"child":Array.isArray(children)?"childArray":"parent"};var skipOnMount=props.skipOnMount,refreshMode=props.refreshMode,_a=props.refreshRate,refreshRate=_a===void 0?1e3:_a,refreshOptions=props.refreshOptions;return _this.state={width:void 0,height:void 0},_this.skipOnMount=skipOnMount,_this.targetRef=(0,import_react8.createRef)(),_this.observableElement=null,isSSR()||(_this.resizeHandler=patchResizeHandler(_this.createResizeHandler,refreshMode,refreshRate,refreshOptions),_this.resizeObserver=new window.ResizeObserver(_this.resizeHandler)),_this}return ResizeDetector2.prototype.componentDidMount=function(){this.attachObserver()},ResizeDetector2.prototype.componentDidUpdate=function(){this.attachObserver()},ResizeDetector2.prototype.componentWillUnmount=function(){isSSR()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},ResizeDetector2.prototype.render=function(){var _a=this.props,render=_a.render,children=_a.children,_b=_a.nodeType,WrapperTag=_b===void 0?"div":_b,_c=this.state,width=_c.width,height=_c.height,childProps={width,height,targetRef:this.targetRef},renderType=this.getRenderType(),typedChildren;switch(renderType){case"renderProp":return render&&render(childProps);case"childFunction":return typedChildren=children,typedChildren(childProps);case"child":if(typedChildren=children,typedChildren.type&&typeof typedChildren.type=="string"){childProps.targetRef;var nativeProps=__rest(childProps,["targetRef"]);return(0,import_react8.cloneElement)(typedChildren,nativeProps)}return(0,import_react8.cloneElement)(typedChildren,childProps);case"childArray":return typedChildren=children,typedChildren.map(function(el){return!!el&&(0,import_react8.cloneElement)(el,childProps)});default:return React4.createElement(WrapperTag,null)}},ResizeDetector2}(import_react8.PureComponent);var useEnhancedEffect=isSSR()?import_react8.useEffect:import_react8.useLayoutEffect;function useResizeDetector(props){props===void 0&&(props={});var _a=props.skipOnMount,skipOnMount=_a===void 0?!1:_a,refreshMode=props.refreshMode,_b=props.refreshRate,refreshRate=_b===void 0?1e3:_b,refreshOptions=props.refreshOptions,_c=props.handleWidth,handleWidth=_c===void 0?!0:_c,_d=props.handleHeight,handleHeight=_d===void 0?!0:_d,targetRef=props.targetRef,observerOptions=props.observerOptions,onResize=props.onResize,skipResize=(0,import_react8.useRef)(skipOnMount),localRef=(0,import_react8.useRef)(null),ref=targetRef??localRef,resizeHandler=(0,import_react8.useRef)(),_e=(0,import_react8.useState)({width:void 0,height:void 0}),size=_e[0],setSize=_e[1];return useEnhancedEffect(function(){if(!isSSR()){var notifyResize=createNotifier(onResize,setSize,handleWidth,handleHeight),resizeCallback=function(entries){!handleWidth&&!handleHeight||entries.forEach(function(entry){var _a2=entry&&entry.contentRect||{},width=_a2.width,height=_a2.height,shouldSetSize=!skipResize.current&&!isSSR();shouldSetSize&&notifyResize({width,height}),skipResize.current=!1})};resizeHandler.current=patchResizeHandler(resizeCallback,refreshMode,refreshRate,refreshOptions);var resizeObserver=new window.ResizeObserver(resizeHandler.current);return ref.current&&resizeObserver.observe(ref.current,observerOptions),function(){resizeObserver.disconnect();var patchedResizeHandler=resizeHandler.current;patchedResizeHandler&&patchedResizeHandler.cancel&&patchedResizeHandler.cancel()}}},[refreshMode,refreshRate,refreshOptions,handleWidth,handleHeight,onResize,observerOptions,ref.current]),__assign({ref},size)}var dist_exports5={};__export(dist_exports5,{A:()=>A2,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,Code:()=>Code,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});var import_react10=__toESM(require_react(),1),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);var import_react17=__toESM(require_react(),1);var import_react18=__toESM(require_react(),1),import_react19=__toESM(require_react(),1);var import_react20=__toESM(require_react(),1);var import_react21=__toESM(require_react(),1);var import_react9=__toESM(require_react());function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react9.useRef)(null),refOrElementRef=(0,import_react9.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react9.useRef)(null);(0,import_react9.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react9.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react9.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react9.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react9.useRef)(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=(0,import_react9.useRef)(),_useState=(0,import_react9.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react9.useRef)(!1);(0,import_react9.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react9.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react9.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round]),opts.ref);return(0,import_react9.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_react22=__toESM(require_react(),1);var import_react23=__toESM(require_react(),1);var import_react24=__toESM(require_react(),1);var import_react25=__toESM(require_react(),1);var import_react26=__toESM(require_react(),1);var import_react27=__toESM(require_react(),1),React15=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_react29=__toESM(require_react(),1),import_react30=__toESM(require_react(),1),import_react31=__toESM(require_react(),1);var import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_react34=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1);var import_react37=__toESM(require_react(),1);var import_react38=__toESM(require_react(),1),import_react39=__toESM(require_react(),1);var import_react40=__toESM(require_react(),1);var import_react41=__toESM(require_react(),1),import_react42=__toESM(require_react(),1),import_react43=__toESM(require_react(),1),import_react44=__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 _setPrototypeOf(o3,p3){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf(o3,p3)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o3){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf(o3)}function _isNativeFunction(fn){return Function.toString.call(fn).indexOf("[native code]")!==-1}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args2,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper32)}function Wrapper32(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper32.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper32,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper32,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 
@@ -400,7 +400,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
 
 `,{_:e5}));for(;typeof r5[r5.length-1]=="string"&&!r5[r5.length-1].trim();)r5.pop();if(u3.wrapper===null)return r5;let o3=u3.wrapper||(e5?"span":"div"),c4;if(r5.length>1||u3.forceWrapper)c4=r5;else{if(r5.length===1)return c4=r5[0],typeof c4=="string"?G3("span",{key:"outer"},c4):c4;c4=null}return t3.createElement(o3,{key:"outer"},c4)}function q3(n4){let e5=n4.match(a2);return e5?e5.reduce(function(n5,e6,o3){let c4=e6.indexOf("=");if(c4!==-1){let a3=function(t4){return t4.indexOf("-")!==-1&&t4.match(A3)===null&&(t4=t4.replace(B3,function(t5,n6){return n6.toUpperCase()})),t4}(e6.slice(0,c4)).trim(),_3=function(t4){let n6=t4[0];return(n6==='"'||n6==="'")&&t4.length>=2&&t4[t4.length-1]===n6?t4.slice(1,-1):t4}(e6.slice(c4+1).trim()),u4=r4[a3]||a3,i4=n5[u4]=function(t4,n6){return t4==="style"?n6.split(/;\s?/).reduce(function(t5,n7){let e7=n7.slice(0,n7.indexOf(":"));return t5[e7.replace(/(-[a-z])/g,t6=>t6[1].toUpperCase())]=n7.slice(e7.length+1).trim(),t5},{}):t4==="href"?Bt(n6):(n6.match(L3)&&(n6=n6.slice(1,n6.length-1)),n6==="true"||n6!=="false"&&n6)}(a3,_3);typeof i4=="string"&&(S2.test(i4)||E3.test(i4))&&(n5[u4]=t3.cloneElement(H8(i4.trim()),{key:o3}))}else e6!=="style"&&(n5[r4[e6]||e6]=!0);return n5},{}):null}let U3=[],nt2={},et2={blockQuote:{t:Mt(i3),i:Gt.HIGH,l:(t4,n4,e5)=>({$:n4(t4[0].replace(l2,""),e5)}),h:(t4,n4,e5)=>G3("blockquote",{key:e5.k},n4(t4.$,e5))},breakLine:{t:It(s2),i:Gt.HIGH,l:Nt,h:(t4,n4,e5)=>G3("br",{key:e5.k})},breakThematic:{t:Mt(f3),i:Gt.HIGH,l:Nt,h:(t4,n4,e5)=>G3("hr",{key:e5.k})},codeBlock:{t:Mt(p2),i:Gt.MAX,l:t4=>({$:t4[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),M:void 0}),h:(t4,e5,r5)=>G3("pre",{key:r5.k},G3("code",n3({},t4.I,{className:t4.M?`lang-${t4.M}`:""}),t4.$))},codeFenced:{t:Mt(d2),i:Gt.MAX,l:t4=>({I:q3(t4[3]||""),$:t4[4],M:t4[2]||void 0,type:"codeBlock"})},codeInline:{t:Lt(m3),i:Gt.LOW,l:t4=>({$:t4[2]}),h:(t4,n4,e5)=>G3("code",{key:e5.k},t4.$)},footnote:{t:Mt(h3),i:Gt.MAX,l:t4=>(U3.push({O:t4[2],B:t4[1]}),{}),h:Zt},footnoteReference:{t:Et(k2),i:Gt.HIGH,l:t4=>({$:t4[1],R:`#${u3.slugify(t4[1])}`}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.R)},G3("sup",{key:e5.k},t4.$))},gfmTask:{t:Et(b3),i:Gt.HIGH,l:t4=>({T:t4[1].toLowerCase()==="x"}),h:(t4,n4,e5)=>G3("input",{checked:t4.T,key:e5.k,readOnly:!0,type:"checkbox"})},heading:{t:Mt(v2),i:Gt.HIGH,l:(t4,n4,e5)=>({$:Tt(n4,t4[2],e5),j:u3.slugify(t4[2]),C:t4[1].length}),h:(t4,n4,e5)=>G3(`h${t4.C}`,{id:t4.j,key:e5.k},n4(t4.$,e5))},headingSetext:{t:Mt($),i:Gt.MAX,l:(t4,n4,e5)=>({$:Tt(n4,t4[1],e5),C:t4[2]==="="?1:2,type:"heading"})},htmlComment:{t:It(w3),i:Gt.HIGH,l:()=>({}),h:Zt},image:{t:Lt(xt),i:Gt.HIGH,l:t4=>({D:t4[1],R:Rt(t4[2]),N:t4[3]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.D||void 0,title:t4.N||void 0,src:Bt(t4.R)})},link:{t:Et(kt),i:Gt.LOW,l:(t4,n4,e5)=>({$:jt(n4,t4[1],e5),R:Rt(t4[2]),N:t4[3]}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.R),title:t4.N},n4(t4.$,e5))},linkAngleBraceStyleDetector:{t:Et(O2),i:Gt.MAX,l:t4=>({$:[{$:t4[1],type:"text"}],R:t4[1],type:"link"})},linkBareUrlDetector:{t:(t4,n4)=>n4.Z?null:Et(M2)(t4,n4),i:Gt.MAX,l:t4=>({$:[{$:t4[1],type:"text"}],R:t4[1],N:void 0,type:"link"})},linkMailtoDetector:{t:Et(I3),i:Gt.MAX,l(t4){let n4=t4[1],e5=t4[1];return _2.test(e5)||(e5="mailto:"+e5),{$:[{$:n4.replace("mailto:",""),type:"text"}],R:e5,type:"link"}}},orderedList:ht(G3,1),unorderedList:ht(G3,2),newlineCoalescer:{t:Mt(g2),i:Gt.LOW,l:Nt,h:()=>`
 `},paragraph:{t:Ot,i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("p",{key:e5.k},n4(t4.$,e5))},ref:{t:Et(T2),i:Gt.MAX,l:t4=>(nt2[t4[1]]={R:t4[2],N:t4[4]},{}),h:Zt},refImage:{t:Lt(j2),i:Gt.MAX,l:t4=>({D:t4[1]||void 0,F:t4[2]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.D,src:Bt(nt2[t4.F].R),title:nt2[t4.F].N})},refLink:{t:Et(C3),i:Gt.MAX,l:(t4,n4,e5)=>({$:n4(t4[1],e5),P:n4(t4[0].replace(D2,"\\$1"),e5),F:t4[2]}),h:(t4,n4,e5)=>nt2[t4.F]?G3("a",{key:e5.k,href:Bt(nt2[t4.F].R),title:nt2[t4.F].N},n4(t4.$,e5)):G3("span",{key:e5.k},n4(t4.P,e5))},table:{t:Mt(R3),i:Gt.HIGH,l:wt,h:(t4,n4,e5)=>G3("table",{key:e5.k},G3("thead",null,G3("tr",null,t4.L.map(function(r5,o3){return G3("th",{key:o3,style:At(t4,o3)},n4(r5,e5))}))),G3("tbody",null,t4.A.map(function(r5,o3){return G3("tr",{key:o3},r5.map(function(r6,o4){return G3("td",{key:o4,style:At(t4,o4)},n4(r6,e5))}))})))},tableSeparator:{t:function(t4,n4){return n4.v?F2.exec(t4):null},i:Gt.HIGH,l:function(){return{type:"tableSeparator"}},h:()=>" | "},text:{t:It(K2),i:Gt.MIN,l:t4=>({$:t4[0].replace(z2,(t5,n4)=>u3.namedCodesToUnicode[n4]?u3.namedCodesToUnicode[n4]:t5)}),h:t4=>t4.$},textBolded:{t:Lt(V),i:Gt.MED,l:(t4,n4,e5)=>({$:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("strong",{key:e5.k},n4(t4.$,e5))},textEmphasized:{t:Lt(W2),i:Gt.LOW,l:(t4,n4,e5)=>({$:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("em",{key:e5.k},n4(t4.$,e5))},textEscaped:{t:Lt(J),i:Gt.HIGH,l:t4=>({$:t4[1],type:"text"})},textMarked:{t:Lt(Q),i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("mark",{key:e5.k},n4(t4.$,e5))},textStrikethroughed:{t:Lt(X),i:Gt.LOW,l:Dt,h:(t4,n4,e5)=>G3("del",{key:e5.k},n4(t4.$,e5))}};u3.disableParsingRawHTML!==!0&&(et2.htmlBlock={t:It(S2),i:Gt.HIGH,l(t4,n4,e5){let[,r5]=t4[3].match(tt),o3=new RegExp(`^${r5}`,"gm"),a3=t4[3].replace(o3,""),_3=(u4=a3,vt.some(t5=>t5.test(u4))?Ct:Tt);var u4;let i4=t4[1].toLowerCase(),l3=c3.indexOf(i4)!==-1;e5.Z=e5.Z||i4==="a";let s3=l3?t4[3]:_3(n4,a3,e5);return e5.Z=!1,{I:q3(t4[2]),$:s3,G:l3,H:l3?i4:t4[1]}},h:(t4,e5,r5)=>G3(t4.H,n3({key:r5.k},t4.I),t4.G?t4.$:e5(t4.$,r5))},et2.htmlSelfClosing={t:It(E3),i:Gt.HIGH,l:t4=>({I:q3(t4[2]||""),H:t4[1]}),h:(t4,e5,r5)=>G3(t4.H,n3({},t4.I,{key:r5.k}))});let rt2=function(t4){let n4=Object.keys(t4);function e5(r5,o3){let c4=[],a3="";for(;r5;){let _3=0;for(;_3<n4.length;){let u4=n4[_3],i4=t4[u4],l3=i4.t(r5,o3,a3);if(l3){let t5=l3[0];r5=r5.substring(t5.length);let n5=i4.l(l3,e5,o3);n5.type==null&&(n5.type=u4),c4.push(n5),a3=t5;break}_3++}}return c4}return n4.sort(function(n5,e6){let r5=t4[n5].i,o3=t4[e6].i;return r5!==o3?r5-o3:n5<e6?-1:1}),function(t5,n5){return e5(function(t6){return t6.replace(y2,`
-`).replace(x3,"").replace(Z,"    ")}(t5),n5)}}(et2),ot2=(ct2=function(t4){return function(n4,e5,r5){return t4[n4.type].h(n4,e5,r5)}}(et2),function t4(n4,e5={}){if(Array.isArray(n4)){let r5=e5.k,o3=[],c4=!1;for(let r6=0;r6<n4.length;r6++){e5.k=r6;let a3=t4(n4[r6],e5),_3=typeof a3=="string";_3&&c4?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c4=_3}return e5.k=r5,o3}return ct2(n4,t4,e5)});var ct2;let at2=H8(e4);return U3.length?G3("div",null,at2,G3("footer",{key:"footer"},U3.map(function(t4){return G3("div",{id:u3.slugify(t4.B),key:t4.B},t4.B,ot2(rt2(t4.O,{_:!0})))}))):at2}(function(t4){t4[t4.MAX=0]="MAX",t4[t4.HIGH=1]="HIGH",t4[t4.MED=2]="MED",t4[t4.LOW=3]="LOW",t4[t4.MIN=4]="MIN"})(Gt||(Gt={}));var index_modern_default=n4=>{let{children:r5,options:o3}=n4,c4=function(t4,n5){if(t4==null)return{};var e4,r6,o4={},c5=Object.keys(t4);for(r6=0;r6<c5.length;r6++)n5.indexOf(e4=c5[r6])>=0||(o4[e4]=t4[e4]);return o4}(n4,e3);return t3.cloneElement(Ht(r5,o3),c4)};var import_react86=__toESM(require_react());var Footer=emotion_styled_browser_esm_default.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react86.default.createElement(Footer,{...props},import_react86.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react86.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react86.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header=emotion_styled_browser_esm_default.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:32,width:"auto",marginRight:8}})),Subheading=emotion_styled_browser_esm_default.span(({theme})=>({letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,lineHeight:"24px",color:theme.textMutedColor})),SubheadingLink=emotion_styled_browser_esm_default(Link22)(({theme})=>({fontSize:theme.typography.size.s1})),Subheader=emotion_styled_browser_esm_default.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:".75rem"}),UpdateMessage=emotion_styled_browser_esm_default.div(({status,theme})=>status==="positive"?{background:theme.background.positive,color:theme.color.positiveText}:status==="negative"?{background:theme.background.negative,color:theme.color.negativeText}:{background:theme.base==="light"?"#EAF3FC":theme.color.darkest,color:theme.base==="light"?theme.color.darkest:theme.defaultText},({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,padding:"10px 20px",marginBottom:24,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,textAlign:"center"})),ErrorMessage=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold,textAlign:"center"})),Upgrade=emotion_styled_browser_esm_default.div(({theme})=>({marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`})),Container4=emotion_styled_browser_esm_default.div({padding:"3rem 20px",maxWidth:600,margin:"0 auto"}),AboutScreen=({latest=null,current})=>{let canUpdate=latest&&import_semver2.default.gt(latest.version,current.version),updateMessage;return latest?canUpdate?updateMessage=import_react87.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react87.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react87.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react87.default.createElement(Container4,null,import_react87.default.createElement(Header,null,import_react87.default.createElement(StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react87.default.createElement(import_react87.Fragment,null,import_react87.default.createElement(Subheader,null,import_react87.default.createElement(Subheading,null,latest.version," Changelog"),import_react87.default.createElement(SubheadingLink,{secondary:!0,href:"https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md",withArrow:!0,cancel:!1,target:"_blank"},"Read full changelog")),import_react87.default.createElement(DocumentWrapper,null,import_react87.default.createElement(index_modern_default,null,latest.info.plain))):import_react87.default.createElement(ErrorMessage,null,import_react87.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/releases",target:"_blank",withArrow:!0,secondary:!0,cancel:!1},"Check Storybook's release history")),canUpdate&&import_react87.default.createElement(Upgrade,null,import_react87.default.createElement(DocumentWrapper,null,import_react87.default.createElement("p",null,import_react87.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react87.default.createElement(SyntaxHighlighter22,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx sb upgrade"))),import_react87.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react88.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi();return import_react88.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react88.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_react90=__toESM(require_react());var import_react89=__toESM(require_react());var Centered=emotion_styled_browser_esm_default.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=emotion_styled_browser_esm_default.div({position:"relative",height:"32px"}),Message4=emotion_styled_browser_esm_default.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Iframe=emotion_styled_browser_esm_default.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"100%"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=emotion_styled_browser_esm_default(props=>import_react89.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),getIframeUrl=version2=>{let[major,minor]=version2.split(".");return`https://storybook.js.org/releases/iframe/${major}.${minor}`},ReleaseNotesLoader=()=>import_react89.default.createElement(Centered,null,import_react89.default.createElement(LoaderWrapper3,null,import_react89.default.createElement(Loader,null)),import_react89.default.createElement(Message4,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react89.default.createElement(Centered,null,import_react89.default.createElement(AlertIcon,null),import_react89.default.createElement(Message4,null,"The release notes couldn't be loaded. Check your internet connection and try again.")),PureReleaseNotesScreen=({didHitMaxWaitTime,isLoaded,setLoaded,version:version2})=>import_react89.default.createElement(import_react89.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react89.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react89.default.createElement(MaxWaitTimeMessaging,null):import_react89.default.createElement(Iframe,{isLoaded,onLoad:()=>setLoaded(!0),src:getIframeUrl(version2),title:`Release notes for Storybook version ${version2}`})),MAX_WAIT_TIME=1e4,ReleaseNotesScreen=({version:version2})=>{let[isLoaded,setLoaded]=(0,import_react89.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react89.useState)(!1);return(0,import_react89.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react89.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version:version2})};var ReleaseNotesPage=()=>{let api=useStorybookApi();(0,import_react90.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version2=api.releaseNotesVersion();return import_react90.default.createElement(ReleaseNotesScreen,{version:version2})};var import_react92=__toESM(require_react());var import_react91=__toESM(require_react());var Header2=emotion_styled_browser_esm_default.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=emotion_styled_browser_esm_default.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=emotion_styled_browser_esm_default.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=emotion_styled_browser_esm_default.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=emotion_styled_browser_esm_default.div({alignSelf:"center"}),TextInput=emotion_styled_browser_esm_default(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
+`).replace(x3,"").replace(Z,"    ")}(t5),n5)}}(et2),ot2=(ct2=function(t4){return function(n4,e5,r5){return t4[n4.type].h(n4,e5,r5)}}(et2),function t4(n4,e5={}){if(Array.isArray(n4)){let r5=e5.k,o3=[],c4=!1;for(let r6=0;r6<n4.length;r6++){e5.k=r6;let a3=t4(n4[r6],e5),_3=typeof a3=="string";_3&&c4?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c4=_3}return e5.k=r5,o3}return ct2(n4,t4,e5)});var ct2;let at2=H8(e4);return U3.length?G3("div",null,at2,G3("footer",{key:"footer"},U3.map(function(t4){return G3("div",{id:u3.slugify(t4.B),key:t4.B},t4.B,ot2(rt2(t4.O,{_:!0})))}))):at2}(function(t4){t4[t4.MAX=0]="MAX",t4[t4.HIGH=1]="HIGH",t4[t4.MED=2]="MED",t4[t4.LOW=3]="LOW",t4[t4.MIN=4]="MIN"})(Gt||(Gt={}));var index_modern_default=n4=>{let{children:r5,options:o3}=n4,c4=function(t4,n5){if(t4==null)return{};var e4,r6,o4={},c5=Object.keys(t4);for(r6=0;r6<c5.length;r6++)n5.indexOf(e4=c5[r6])>=0||(o4[e4]=t4[e4]);return o4}(n4,e3);return t3.cloneElement(Ht(r5,o3),c4)};var import_react86=__toESM(require_react());var Footer=emotion_styled_browser_esm_default.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react86.default.createElement(Footer,{...props},import_react86.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react86.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react86.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header=emotion_styled_browser_esm_default.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,color:theme.base==="light"?theme.color.darkest:theme.color.lightest,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex","> svg":{height:32,width:"auto",marginRight:8}})),Subheading=emotion_styled_browser_esm_default.span(({theme})=>({letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,lineHeight:"24px",color:theme.textMutedColor})),SubheadingLink=emotion_styled_browser_esm_default(Link22)(({theme})=>({fontSize:theme.typography.size.s1})),Subheader=emotion_styled_browser_esm_default.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:".75rem"}),UpdateMessage=emotion_styled_browser_esm_default.div(({status,theme})=>status==="positive"?{background:theme.background.positive,color:theme.color.positiveText}:status==="negative"?{background:theme.background.negative,color:theme.color.negativeText}:{background:theme.base==="light"?"#EAF3FC":theme.color.darkest,color:theme.base==="light"?theme.color.darkest:theme.defaultText},({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,padding:"10px 20px",marginBottom:24,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,textAlign:"center"})),ErrorMessage=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold,textAlign:"center"})),Upgrade=emotion_styled_browser_esm_default.div(({theme})=>({marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`})),Container4=emotion_styled_browser_esm_default.div({padding:"3rem 20px",maxWidth:600,margin:"0 auto"}),AboutScreen=({latest=null,current})=>{let canUpdate=latest&&import_semver2.default.gt(latest.version,current.version),updateMessage;return latest?canUpdate?updateMessage=import_react87.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react87.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react87.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react87.default.createElement(Container4,null,import_react87.default.createElement(Header,null,import_react87.default.createElement(StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react87.default.createElement(import_react87.Fragment,null,import_react87.default.createElement(Subheader,null,import_react87.default.createElement(Subheading,null,latest.version," Changelog"),import_react87.default.createElement(SubheadingLink,{secondary:!0,href:"https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md",withArrow:!0,cancel:!1,target:"_blank"},"Read full changelog")),import_react87.default.createElement(DocumentWrapper,null,import_react87.default.createElement(index_modern_default,null,latest.info.plain))):import_react87.default.createElement(ErrorMessage,null,import_react87.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/releases",target:"_blank",withArrow:!0,secondary:!0,cancel:!1},"Check Storybook's release history")),canUpdate&&import_react87.default.createElement(Upgrade,null,import_react87.default.createElement(DocumentWrapper,null,import_react87.default.createElement("p",null,import_react87.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react87.default.createElement(SyntaxHighlighter22,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx storybook@latest upgrade"))),import_react87.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react88.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi();return import_react88.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react88.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_react90=__toESM(require_react());var import_react89=__toESM(require_react());var Centered=emotion_styled_browser_esm_default.div({top:"50%",position:"absolute",transform:"translateY(-50%)",width:"100%",textAlign:"center"}),LoaderWrapper3=emotion_styled_browser_esm_default.div({position:"relative",height:"32px"}),Message4=emotion_styled_browser_esm_default.div(({theme})=>({paddingTop:"12px",color:theme.textMutedColor,maxWidth:"295px",margin:"0 auto",fontSize:`${theme.typography.size.s1}px`,lineHeight:"16px"})),Iframe=emotion_styled_browser_esm_default.iframe({position:"absolute",top:0,left:0,right:0,bottom:0,border:0,margin:0,padding:0,width:"100%",height:"100%"},({isLoaded})=>({visibility:isLoaded?"visible":"hidden"})),AlertIcon=emotion_styled_browser_esm_default(props=>import_react89.default.createElement(Icons,{icon:"alert",...props}))(({theme})=>({color:theme.textMutedColor,width:32,height:32,margin:"0 auto"})),getIframeUrl=version2=>{let[major,minor]=version2.split(".");return`https://storybook.js.org/releases/iframe/${major}.${minor}`},ReleaseNotesLoader=()=>import_react89.default.createElement(Centered,null,import_react89.default.createElement(LoaderWrapper3,null,import_react89.default.createElement(Loader,null)),import_react89.default.createElement(Message4,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react89.default.createElement(Centered,null,import_react89.default.createElement(AlertIcon,null),import_react89.default.createElement(Message4,null,"The release notes couldn't be loaded. Check your internet connection and try again.")),PureReleaseNotesScreen=({didHitMaxWaitTime,isLoaded,setLoaded,version:version2})=>import_react89.default.createElement(import_react89.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react89.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react89.default.createElement(MaxWaitTimeMessaging,null):import_react89.default.createElement(Iframe,{isLoaded,onLoad:()=>setLoaded(!0),src:getIframeUrl(version2),title:`Release notes for Storybook version ${version2}`})),MAX_WAIT_TIME=1e4,ReleaseNotesScreen=({version:version2})=>{let[isLoaded,setLoaded]=(0,import_react89.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react89.useState)(!1);return(0,import_react89.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react89.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version:version2})};var ReleaseNotesPage=()=>{let api=useStorybookApi();(0,import_react90.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version2=api.releaseNotesVersion();return import_react90.default.createElement(ReleaseNotesScreen,{version:version2})};var import_react92=__toESM(require_react());var import_react91=__toESM(require_react());var Header2=emotion_styled_browser_esm_default.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=emotion_styled_browser_esm_default.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=emotion_styled_browser_esm_default.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=emotion_styled_browser_esm_default.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=emotion_styled_browser_esm_default.div({alignSelf:"center"}),TextInput=emotion_styled_browser_esm_default(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
 0%,100% { opacity: 0; }
   50% { opacity: 1; }
 `,SuccessIcon=emotion_styled_browser_esm_default(Icons)(({valid,theme})=>valid==="valid"?{color:theme.color.positive,animation:`${Fade} 2s ease forwards`}:{opacity:0},{alignSelf:"center",display:"flex",marginLeft:10,height:14,width:14}),Container5=emotion_styled_browser_esm_default.div(({theme})=>({fontSize:theme.typography.size.s2,padding:"3rem 20px",maxWidth:600,margin:"0 auto"})),shortcutLabels={fullScreen:"Go full screen",togglePanel:"Toggle addons",panelPosition:"Toggle addons orientation",toggleNav:"Toggle sidebar",toolbar:"Toggle canvas toolbar",search:"Focus search",focusNav:"Focus sidebar",focusIframe:"Focus canvas",focusPanel:"Focus addons",prevComponent:"Previous component",nextComponent:"Next component",prevStory:"Previous story",nextStory:"Next story",shortcutsPage:"Go to shortcuts page",aboutPage:"Go to about page",collapseAll:"Collapse all items on sidebar",expandAll:"Expand all items on sidebar",remount:"Remount component"},fixedShortcuts=["escape"];function toShortcutState(shortcutKeys){return Object.entries(shortcutKeys).reduce((acc,[feature,shortcut])=>fixedShortcuts.includes(feature)?acc:{...acc,[feature]:{shortcut,error:!1}},{})}var ShortcutsScreen=class extends import_react91.Component{constructor(props){super(props);this.onKeyDown=e4=>{let{activeFeature,shortcutKeys}=this.state;if(e4.key==="Backspace")return this.restoreDefault();let shortcut=eventToShortcut(e4);if(!shortcut)return!1;let error=!!Object.entries(shortcutKeys).find(([feature,{shortcut:existingShortcut}])=>feature!==activeFeature&&existingShortcut&&shortcutMatchesShortcut(shortcut,existingShortcut));return this.setState({shortcutKeys:{...shortcutKeys,[activeFeature]:{shortcut,error}}})};this.onFocus=focusedInput=>()=>{let{shortcutKeys}=this.state;this.setState({activeFeature:focusedInput,shortcutKeys:{...shortcutKeys,[focusedInput]:{shortcut:null,error:!1}}})};this.onBlur=async()=>{let{shortcutKeys,activeFeature}=this.state;if(shortcutKeys[activeFeature]){let{shortcut,error}=shortcutKeys[activeFeature];return!shortcut||error?this.restoreDefault():this.saveShortcut()}return!1};this.saveShortcut=async()=>{let{activeFeature,shortcutKeys}=this.state,{setShortcut}=this.props;await setShortcut(activeFeature,shortcutKeys[activeFeature].shortcut),this.setState({successField:activeFeature})};this.restoreDefaults=async()=>{let{restoreAllDefaultShortcuts}=this.props,defaultShortcuts2=await restoreAllDefaultShortcuts();return this.setState({shortcutKeys:toShortcutState(defaultShortcuts2)})};this.restoreDefault=async()=>{let{activeFeature,shortcutKeys}=this.state,{restoreDefaultShortcut}=this.props,defaultShortcut=await restoreDefaultShortcut(activeFeature);return this.setState({shortcutKeys:{...shortcutKeys,...toShortcutState({[activeFeature]:defaultShortcut})}})};this.displaySuccessMessage=activeElement=>{let{successField,shortcutKeys}=this.state;return activeElement===successField&&shortcutKeys[activeElement].error===!1?"valid":void 0};this.displayError=activeElement=>{let{activeFeature,shortcutKeys}=this.state;return activeElement===activeFeature&&shortcutKeys[activeElement].error===!0?"error":void 0};this.renderKeyInput=()=>{let{shortcutKeys,addonsShortcutLabels}=this.state;return Object.entries(shortcutKeys).map(([feature,{shortcut}])=>import_react91.default.createElement(Row,{key:feature},import_react91.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react91.default.createElement(TextInput,{spellCheck:"false",valid:this.displayError(feature),className:"modalInput",onBlur:this.onBlur,onFocus:this.onFocus(feature),onKeyDown:this.onKeyDown,value:shortcut?shortcutToHumanString(shortcut):"",placeholder:"Type keys",readOnly:!0}),import_react91.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react91.default.createElement(GridWrapper,null,import_react91.default.createElement(GridHeaderRow,null,import_react91.default.createElement(HeaderItem,null,"Commands"),import_react91.default.createElement(HeaderItem,null,"Shortcut")),this.renderKeyInput());this.state={activeFeature:void 0,successField:void 0,shortcutKeys:toShortcutState(props.shortcutKeys),addonsShortcutLabels:props.addonsShortcutLabels}}render(){let layout=this.renderKeyForm();return import_react91.default.createElement(Container5,null,import_react91.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react91.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react91.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react92.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react92.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document11}=scope,TabBarButton=import_react93.default.memo(function({changeTab,id,title}){return import_react93.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react93.default.createElement(TabButton,{id:`tabbutton-${id}`,className:["tabbutton"].concat(active?["tabbutton-active"]:[]).join(" "),type:"button",key:"id",active,onClick:()=>changeTab(id),role:"tab"},title)})}),Content2=emotion_styled_browser_esm_default(ScrollArea)({position:"absolute",top:40,left:0,right:0,bottom:0,overflow:"auto"},({theme})=>({background:theme.background.content})),Pages=({changeTab,onClose,enableShortcuts=!0,hasReleaseNotes=!1})=>(import_react93.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document11.addEventListener("keydown",handleEscape),()=>document11.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react93.default.createElement(import_react93.Fragment,null,import_react93.default.createElement(FlexBar,{border:!0},import_react93.default.createElement(TabBar,{role:"tablist"},import_react93.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),hasReleaseNotes&&import_react93.default.createElement(TabBarButton,{id:"release-notes",title:"Release notes",changeTab}),import_react93.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react93.default.createElement(IconButton,{onClick:e4=>(e4.preventDefault(),onClose()),title:"Close settings page"},import_react93.default.createElement(Icons,{icon:"close"}))),import_react93.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react93.default.createElement(Route2,{path:"about"},import_react93.default.createElement(AboutPage,{key:"about"})),import_react93.default.createElement(Route2,{path:"release-notes"},import_react93.default.createElement(ReleaseNotesPage,{key:"release-notes"})),import_react93.default.createElement(Route2,{path:"shortcuts"},import_react93.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react93.default.createElement(Pages,{hasReleaseNotes:!!api.releaseNotesVersion(),enableShortcuts:state.ui.enableShortcuts,changeTab,onClose:api.closeSettings})};var View=emotion_styled_browser_esm_default.div({position:"fixed",overflow:"hidden",height:"100vh",width:"100vw"}),App=({viewMode,layout,panelCount})=>{let{width,height,ref}=useResizeDetector(),content,props=(0,import_react94.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default,pages:[{key:"settings",render:()=>import_react94.default.createElement(SettingsPages,null),route:({children})=>import_react94.default.createElement(Route2,{path:"/settings/",startsWith:!0},children)}]}),[]);return!width||!height?content=import_react94.default.createElement("div",null):width<600?content=import_react94.default.createElement(Mobile,{...props,viewMode,options:layout}):content=import_react94.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount}),import_react94.default.createElement(View,{ref},import_react94.default.createElement(Global,{styles:createGlobal}),import_react94.default.createElement(Symbols,{icons:["folder","component","document","bookmarkhollow"]}),content)};App.displayName="App";var app_default=App;var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react95.default.createElement(q,{key:"helmet.Provider"},import_react95.default.createElement(LocationProvider,{key:"location.provider"},import_react95.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=useNavigate2();return import_react95.default.createElement(Location,{key:"location.consumer"},locationData=>import_react95.default.createElement(ManagerProvider,{key:"manager",provider,...locationData,navigate,docsOptions:scope?.DOCS_OPTIONS||{}},({state,api})=>{let panelCount=Object.keys(api.getPanels()).length,isLoading=api.getData(state.storyId,state.refId)?!!state.refs[state.refId]&&!state.refs[state.refId].previewInitialized:!state.previewInitialized;return import_react95.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react95.default.createElement(app_default,{key:"app",viewMode:state.viewMode,layout:isLoading?{...state.layout,showPanel:!1}:state.layout,panelCount}))}))};function renderStorybookUI(domNode,provider){if(!(provider instanceof Provider))throw new Error("provider is not extended from the base Provider");import_react_dom2.default.render(import_react95.default.createElement(Root4,{key:"root",provider}),domNode)}export{require_lib,dist_exports,CHANNEL_CREATED,dist_exports2,isJSON,stringify,parse,Addon_TypesEnum,Channel,dist_exports3,mockChannel,addons,dist_exports4,dist_exports5,Provider,Root4 as Root,renderStorybookUI};