@storybook/manager 7.0.0-beta.47 → 7.0.0-beta.48

package/dist/{chunk-AI2FCAJ7.mjs → chunk-P5ULTPX3.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:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return 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}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(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)})},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,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}},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,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){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","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=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"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=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],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.47",{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,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return 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(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react93=__toESM(require_react());var React4=__toESM(require_react()),import_react8=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d3,b3){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d4,b4){d4.__proto__=b4}||function(d4,b4){for(var p3 in b4)Object.prototype.hasOwnProperty.call(b4,p3)&&(d4[p3]=b4[p3])},extendStatics(d3,b3)};function __extends(d3,b3){if(typeof b3!="function"&&b3!==null)throw new TypeError("Class extends value "+String(b3)+" is not a constructor or null");extendStatics(d3,b3);function __(){this.constructor=d3}d3.prototype=b3===null?Object.create(b3):(__.prototype=b3.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,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:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,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_react22=__toESM(require_react(),1),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),React14=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_react29=__toESM(require_react(),1),import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1);var import_react37=__toESM(require_react(),1),import_react38=__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_react39=__toESM(require_react(),1);var import_react40=__toESM(require_react(),1),import_react41=__toESM(require_react(),1),import_react42=__toESM(require_react(),1),import_react43=__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:toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index3}=store22.getState();return 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}_${toId(titleOrId,name2)}`:toId(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[sanitize(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=toId(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[sanitize(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(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)})},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,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}},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,story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||kind,story,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||kind,story,rest)}),fullAPI.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(CONFIG_ERROR,function(err){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","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=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"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&(event?.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var{window:globalWindow}=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],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var version="7.0.0-beta.48",{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,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return 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(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react5.default.createElement(EffectOnMount,{effect:this.initModules},import_react5.default.createElement(ManagerContext.Provider,{value:value2},import_react5.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react5.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react5.useContext)(ManagerContext),renderer=(0,import_react5.useRef)(children),filterer=(0,import_react5.useRef)(filter);if(typeof renderer.current!="function")return import_react5.default.createElement(import_react5.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react5.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react5.useMemo)(()=>{let Child=renderer.current;return import_react5.default.createElement(Child,{...data})},l3)}function useStorybookState(){let{state}=(0,import_react5.useContext)(ManagerContext);return state}function useStorybookApi(){let{api}=(0,import_react5.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react5.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react5.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react5.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react5.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var import_react7=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var r5=arguments[e4];for(var n4 in r5)Object.prototype.hasOwnProperty.call(r5,n4)&&(t4[n4]=r5[n4])}return t4},a.apply(this,arguments)}function s(t4,e4){t4.prototype=Object.create(e4.prototype),t4.prototype.constructor=t4,c(t4,e4)}function c(t4,e4){return c=Object.setPrototypeOf||function(t5,e5){return t5.__proto__=e5,t5},c(t4,e4)}function u(t4,e4){if(t4==null)return{};var r5,n4,i4={},o3=Object.keys(t4);for(n4=0;n4<o3.length;n4++)e4.indexOf(r5=o3[n4])>=0||(i4[r5]=t4[r5]);return i4}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f2={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t4){return l[t4]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t4,e4){return t4[m[e4]]=e4,t4},{}),T=function(t4,e4){for(var r5=t4.length-1;r5>=0;r5-=1){var n4=t4[r5];if(Object.prototype.hasOwnProperty.call(n4,e4))return n4[e4]}return null},g=function(t4){var e4=T(t4,l.TITLE),r5=T(t4,"titleTemplate");if(Array.isArray(e4)&&(e4=e4.join("")),r5&&e4)return r5.replace(/%s/g,function(){return e4});var n4=T(t4,"defaultTitle");return e4||n4||void 0},b=function(t4){return T(t4,"onChangeClientState")||function(){}},v=function(t4,e4){return e4.filter(function(e5){return e5[t4]!==void 0}).map(function(e5){return e5[t4]}).reduce(function(t5,e5){return a({},t5,e5)},{})},A=function(t4,e4){return e4.filter(function(t5){return t5[l.BASE]!==void 0}).map(function(t5){return t5[l.BASE]}).reverse().reduce(function(e5,r5){if(!e5.length)for(var n4=Object.keys(r5),i4=0;i4<n4.length;i4+=1){var o3=n4[i4].toLowerCase();if(t4.indexOf(o3)!==-1&&r5[o3])return e5.concat(r5)}return e5},[])},C=function(t4,e4,r5){var n4={};return r5.filter(function(e5){return!!Array.isArray(e5[t4])||(e5[t4]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t4+' should be of type "Array". Instead found type "'+typeof e5[t4]+'"'),!1)}).map(function(e5){return e5[t4]}).reverse().reduce(function(t5,r6){var i4={};r6.filter(function(t6){for(var r7,o4=Object.keys(t6),a3=0;a3<o4.length;a3+=1){var s4=o4[a3],c4=s4.toLowerCase();e4.indexOf(c4)===-1||r7==="rel"&&t6[r7].toLowerCase()==="canonical"||c4==="rel"&&t6[c4].toLowerCase()==="stylesheet"||(r7=c4),e4.indexOf(s4)===-1||s4!=="innerHTML"&&s4!=="cssText"&&s4!=="itemprop"||(r7=s4)}if(!r7||!t6[r7])return!1;var u4=t6[r7].toLowerCase();return n4[r7]||(n4[r7]={}),i4[r7]||(i4[r7]={}),!n4[r7][u4]&&(i4[r7][u4]=!0,!0)}).reverse().forEach(function(e5){return t5.push(e5)});for(var o3=Object.keys(i4),s3=0;s3<o3.length;s3+=1){var c3=o3[s3],u3=a({},n4[c3],i4[c3]);n4[c3]=u3}return t5},[]).reverse()},O=function(t4,e4){if(Array.isArray(t4)&&t4.length){for(var r5=0;r5<t4.length;r5+=1)if(t4[r5][e4])return!0}return!1},S=function(t4){return Array.isArray(t4)?t4.join(""):t4},E=function(t4,e4){return Array.isArray(t4)?t4.reduce(function(t5,r5){return function(t6,e5){for(var r6=Object.keys(t6),n4=0;n4<r6.length;n4+=1)if(e5[r6[n4]]&&e5[r6[n4]].includes(t6[r6[n4]]))return!0;return!1}(r5,e4)?t5.priority.push(r5):t5.default.push(r5),t5},{priority:[],default:[]}):{default:t4}},I=function(t4,e4){var r5;return a({},t4,((r5={})[e4]=void 0,r5))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t4,e4){return e4===void 0&&(e4=!0),e4===!1?String(t4):String(t4).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},x=function(t4){return Object.keys(t4).reduce(function(e4,r5){var n4=t4[r5]!==void 0?r5+'="'+t4[r5]+'"':""+r5;return e4?e4+" "+n4:n4},"")},L=function(t4,e4){return e4===void 0&&(e4={}),Object.keys(t4).reduce(function(e5,r5){return e5[m[r5]||r5]=t4[r5],e5},e4)},j=function(e4,r5){return r5.map(function(r6,n4){var i4,o3=((i4={key:n4})["data-rh"]=!0,i4);return Object.keys(r6).forEach(function(t4){var e5=m[t4]||t4;e5==="innerHTML"||e5==="cssText"?o3.dangerouslySetInnerHTML={__html:r6.innerHTML||r6.cssText}:o3[e5]=r6[t4]}),import_react7.default.createElement(e4,o3)})},M=function(e4,r5,n4){switch(e4){case l.TITLE:return{toComponent:function(){return n5=r5.titleAttributes,(i4={key:e5=r5.title})["data-rh"]=!0,o3=L(n5,i4),[import_react7.default.createElement(l.TITLE,o3,e5)];var e5,n5,i4,o3},toString:function(){return function(t4,e5,r6,n5){var i4=x(r6),o3=S(e5);return i4?"<"+t4+' data-rh="true" '+i4+">"+w(o3,n5)+"</"+t4+">":"<"+t4+' data-rh="true">'+w(o3,n5)+"</"+t4+">"}(e4,r5.title,r5.titleAttributes,n4)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r5)},toString:function(){return x(r5)}};default:return{toComponent:function(){return j(e4,r5)},toString:function(){return function(t4,e5,r6){return e5.reduce(function(e6,n5){var i4=Object.keys(n5).filter(function(t5){return!(t5==="innerHTML"||t5==="cssText")}).reduce(function(t5,e7){var i5=n5[e7]===void 0?e7:e7+'="'+w(n5[e7],r6)+'"';return t5?t5+" "+i5:i5},""),o3=n5.innerHTML||n5.cssText||"",a3=P.indexOf(t4)===-1;return e6+"<"+t4+' data-rh="true" '+i4+(a3?"/>":">"+o3+"</"+t4+">")},"")}(e4,r5,n4)}}}},k=function(t4){var e4=t4.baseTag,r5=t4.bodyAttributes,n4=t4.encode,i4=t4.htmlAttributes,o3=t4.noscriptTags,a3=t4.styleTags,s3=t4.title,c3=s3===void 0?"":s3,u3=t4.titleAttributes,h3=t4.linkTags,m3=t4.metaTags,y3=t4.scriptTags,T3={toComponent:function(){},toString:function(){return""}};if(t4.prioritizeSeoTags){var g3=function(t5){var e5=t5.linkTags,r6=t5.scriptTags,n5=t5.encode,i5=E(t5.metaTags,d),o4=E(e5,p),a4=E(r6,f2);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i5.priority),j(l.LINK,o4.priority),j(l.SCRIPT,a4.priority))},toString:function(){return M(l.META,i5.priority,n5)+" "+M(l.LINK,o4.priority,n5)+" "+M(l.SCRIPT,a4.priority,n5)}},metaTags:i5.default,linkTags:o4.default,scriptTags:a4.default}}(t4);T3=g3.priorityMethods,h3=g3.linkTags,m3=g3.metaTags,y3=g3.scriptTags}return{priority:T3,base:M(l.BASE,e4,n4),bodyAttributes:M("bodyAttributes",r5,n4),htmlAttributes:M("htmlAttributes",i4,n4),link:M(l.LINK,h3,n4),meta:M(l.META,m3,n4),noscript:M(l.NOSCRIPT,o3,n4),script:M(l.SCRIPT,y3,n4),style:M(l.STYLE,a3,n4),title:M(l.TITLE,{title:c3,titleAttributes:u3},n4)}},H=[],N=function(t4,e4){var r5=this;e4===void 0&&(e4=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t5){r5.context.helmet=t5},helmetInstances:{get:function(){return r5.canUseDOM?H:r5.instances},add:function(t5){(r5.canUseDOM?H:r5.instances).push(t5)},remove:function(t5){var e5=(r5.canUseDOM?H:r5.instances).indexOf(t5);(r5.canUseDOM?H:r5.instances).splice(e5,1)}}},this.context=t4,this.canUseDOM=e4,e4||(t4.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react7.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e4){function r5(t4){var n4;return(n4=e4.call(this,t4)||this).helmetData=new N(n4.props.context,r5.canUseDOM),n4}return s(r5,e4),r5.prototype.render=function(){return import_react7.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r5}(import_react7.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t4,e4){var r5,n4=document.head||document.querySelector(l.HEAD),i4=n4.querySelectorAll(t4+"[data-rh]"),o3=[].slice.call(i4),a3=[];return e4&&e4.length&&e4.forEach(function(e5){var n5=document.createElement(t4);for(var i5 in e5)Object.prototype.hasOwnProperty.call(e5,i5)&&(i5==="innerHTML"?n5.innerHTML=e5.innerHTML:i5==="cssText"?n5.styleSheet?n5.styleSheet.cssText=e5.cssText:n5.appendChild(document.createTextNode(e5.cssText)):n5.setAttribute(i5,e5[i5]===void 0?"":e5[i5]));n5.setAttribute("data-rh","true"),o3.some(function(t5,e6){return r5=e6,n5.isEqualNode(t5)})?o3.splice(r5,1):a3.push(n5)}),o3.forEach(function(t5){return t5.parentNode.removeChild(t5)}),a3.forEach(function(t5){return n4.appendChild(t5)}),{oldTags:o3,newTags:a3}},B=function(t4,e4){var r5=document.getElementsByTagName(t4)[0];if(r5){for(var n4=r5.getAttribute("data-rh"),i4=n4?n4.split(","):[],o3=[].concat(i4),a3=Object.keys(e4),s3=0;s3<a3.length;s3+=1){var c3=a3[s3],u3=e4[c3]||"";r5.getAttribute(c3)!==u3&&r5.setAttribute(c3,u3),i4.indexOf(c3)===-1&&i4.push(c3);var l3=o3.indexOf(c3);l3!==-1&&o3.splice(l3,1)}for(var p3=o3.length-1;p3>=0;p3-=1)r5.removeAttribute(o3[p3]);i4.length===o3.length?r5.removeAttribute("data-rh"):r5.getAttribute("data-rh")!==a3.join(",")&&r5.setAttribute("data-rh",a3.join(","))}},K=function(t4,e4){var r5=t4.baseTag,n4=t4.htmlAttributes,i4=t4.linkTags,o3=t4.metaTags,a3=t4.noscriptTags,s3=t4.onChangeClientState,c3=t4.scriptTags,u3=t4.styleTags,p3=t4.title,f4=t4.titleAttributes;B(l.BODY,t4.bodyAttributes),B(l.HTML,n4),function(t5,e5){t5!==void 0&&document.title!==t5&&(document.title=S(t5)),B(l.TITLE,e5)}(p3,f4);var d3={baseTag:Y(l.BASE,r5),linkTags:Y(l.LINK,i4),metaTags:Y(l.META,o3),noscriptTags:Y(l.NOSCRIPT,a3),scriptTags:Y(l.SCRIPT,c3),styleTags:Y(l.STYLE,u3)},h3={},m3={};Object.keys(d3).forEach(function(t5){var e5=d3[t5],r6=e5.newTags,n5=e5.oldTags;r6.length&&(h3[t5]=r6),n5.length&&(m3[t5]=d3[t5].oldTags)}),e4&&e4(),s3(t4,h3,m3)},_=null,z=function(t4){function e4(){for(var e5,r6=arguments.length,n4=new Array(r6),i4=0;i4<r6;i4++)n4[i4]=arguments[i4];return(e5=t4.call.apply(t4,[this].concat(n4))||this).rendered=!1,e5}s(e4,t4);var r5=e4.prototype;return r5.shouldComponentUpdate=function(t5){return!(0,import_shallowequal.default)(t5,this.props)},r5.componentDidUpdate=function(){this.emitChange()},r5.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r5.emitChange=function(){var t5,e5,r6=this.props.context,n4=r6.setHelmet,i4=null,o3=(t5=r6.helmetInstances.get().map(function(t6){var e6=a({},t6.props);return delete e6.context,e6}),{baseTag:A(["href"],t5),bodyAttributes:v("bodyAttributes",t5),defer:T(t5,"defer"),encode:T(t5,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t5),linkTags:C(l.LINK,["rel","href"],t5),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t5),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t5),onChangeClientState:b(t5),scriptTags:C(l.SCRIPT,["src","innerHTML"],t5),styleTags:C(l.STYLE,["cssText"],t5),title:g(t5),titleAttributes:v("titleAttributes",t5),prioritizeSeoTags:O(t5,"prioritizeSeoTags")});q.canUseDOM?(e5=o3,_&&cancelAnimationFrame(_),e5.defer?_=requestAnimationFrame(function(){K(e5,function(){_=null})}):(K(e5),_=null)):k&&(i4=k(o3)),n4(i4)},r5.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r5.render=function(){return this.init(),null},e4}(import_react7.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e4){function r5(){return e4.apply(this,arguments)||this}s(r5,e4);var o3=r5.prototype;return o3.shouldComponentUpdate=function(t4){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t4,"helmetData"))},o3.mapNestedChildrenToProps=function(t4,e5){if(!e5)return null;switch(t4.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e5};case l.STYLE:return{cssText:e5};default:throw new Error("<"+t4.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o3.flattenArrayTypeChildren=function(t4){var e5,r6=t4.child,n4=t4.arrayTypeChildren;return a({},n4,((e5={})[r6.type]=[].concat(n4[r6.type]||[],[a({},t4.newChildProps,this.mapNestedChildrenToProps(r6,t4.nestedChildren))]),e5))},o3.mapObjectTypeChildren=function(t4){var e5,r6,n4=t4.child,i4=t4.newProps,o4=t4.newChildProps,s3=t4.nestedChildren;switch(n4.type){case l.TITLE:return a({},i4,((e5={})[n4.type]=s3,e5.titleAttributes=a({},o4),e5));case l.BODY:return a({},i4,{bodyAttributes:a({},o4)});case l.HTML:return a({},i4,{htmlAttributes:a({},o4)});default:return a({},i4,((r6={})[n4.type]=a({},o4),r6))}},o3.mapArrayTypeChildrenToProps=function(t4,e5){var r6=a({},e5);return Object.keys(t4).forEach(function(e6){var n4;r6=a({},r6,((n4={})[e6]=t4[e6],n4))}),r6},o3.warnOnInvalidChildren=function(t4,e5){return(0,import_invariant.default)(h.some(function(e6){return t4.type===e6}),typeof t4.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t4.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e5||typeof e5=="string"||Array.isArray(e5)&&!e5.some(function(t5){return typeof t5!="string"}),"Helmet expects a string as a child of <"+t4.type+">. Did you forget to wrap your children in braces? ( <"+t4.type+">{``}</"+t4.type+"> ) Refer to our API for more information."),!0},o3.mapChildrenToProps=function(e5,r6){var n4=this,i4={};return import_react7.default.Children.forEach(e5,function(t4){if(t4&&t4.props){var e6=t4.props,o4=e6.children,a3=u(e6,F),s3=Object.keys(a3).reduce(function(t5,e7){return t5[y[e7]||e7]=a3[e7],t5},{}),c3=t4.type;switch(typeof c3=="symbol"?c3=c3.toString():n4.warnOnInvalidChildren(t4,o4),c3){case l.FRAGMENT:r6=n4.mapChildrenToProps(o4,r6);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i4=n4.flattenArrayTypeChildren({child:t4,arrayTypeChildren:i4,newChildProps:s3,nestedChildren:o4});break;default:r6=n4.mapObjectTypeChildren({child:t4,newProps:r6,newChildProps:s3,nestedChildren:o4})}}}),this.mapArrayTypeChildrenToProps(i4,r6)},o3.render=function(){var e5=this.props,r6=e5.children,n4=u(e5,G),i4=a({},n4),o4=n4.helmetData;return r6&&(i4=this.mapChildrenToProps(r6,i4)),!o4||o4 instanceof N||(o4=new N(o4.context,o4.instances)),o4?import_react7.default.createElement(z,a({},i4,{context:o4.value,helmetData:void 0})):import_react7.default.createElement(R.Consumer,null,function(e6){return import_react7.default.createElement(z,a({},i4,{context:e6}))})},r5}(import_react7.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react93=__toESM(require_react());var React4=__toESM(require_react()),import_react8=__toESM(require_react()),import_react_dom=__toESM(require_react_dom()),extendStatics=function(d3,b3){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d4,b4){d4.__proto__=b4}||function(d4,b4){for(var p3 in b4)Object.prototype.hasOwnProperty.call(b4,p3)&&(d4[p3]=b4[p3])},extendStatics(d3,b3)};function __extends(d3,b3){if(typeof b3!="function"&&b3!==null)throw new TypeError("Class extends value "+String(b3)+" is not a constructor or null");extendStatics(d3,b3);function __(){this.constructor=d3}d3.prototype=b3===null?Object.create(b3):(__.prototype=b3.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,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:()=>P2,Placeholder:()=>Placeholder,Pre:()=>Pre,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter22,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,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_react22=__toESM(require_react(),1),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),React14=__toESM(require_react(),1),import_react27=__toESM(require_react(),1),import_react28=__toESM(require_react(),1),import_react29=__toESM(require_react(),1),import_react30=__toESM(require_react(),1);var import_react31=__toESM(require_react(),1);var import_react32=__toESM(require_react(),1);var import_react33=__toESM(require_react(),1);var import_memoizerific6=__toESM(require_memoizerific(),1),import_react34=__toESM(require_react(),1);var import_react35=__toESM(require_react(),1);var import_react36=__toESM(require_react(),1);var import_react37=__toESM(require_react(),1),import_react38=__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_react39=__toESM(require_react(),1);var import_react40=__toESM(require_react(),1),import_react41=__toESM(require_react(),1),import_react42=__toESM(require_react(),1),import_react43=__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 }).
 
@@ -208,7 +208,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
   path {
     fill: currentColor;
   }
-`,Icons=({icon,useSymbol,...props})=>import_react16.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react16.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react16.memo)(function({icons:keys2=Object.keys(icons)}){return import_react16.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys2.map(key2=>import_react16.default.createElement("symbol",{id:`icon--${key2}`,key:key2},icons[key2])))}),LEFT_BUTTON=0,isPlainLeftClick=e4=>e4.button===LEFT_BUTTON&&!e4.altKey&&!e4.ctrlKey&&!e4.metaKey&&!e4.shiftKey,cancelled=(e4,cb)=>{isPlainLeftClick(e4)&&(e4.preventDefault(),cb(e4))},LinkInner=emotion_styled_browser_esm_default.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A22=emotion_styled_browser_esm_default.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link22=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react15.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react15.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react15.default.createElement(Icons,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=emotion_styled_browser_esm_default.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}})),LazySyntaxHighlighter=(0,import_react18.lazy)(()=>import("./syntaxhighlighter-6JBF4TYN-4DPEHIID.mjs")),LazySyntaxHighlighterWithFormatter=(0,import_react18.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-6JBF4TYN-4DPEHIID.mjs"),import("./formatter-GCLXO5IP-SA57GC6A.mjs")]);return{default:props=>import_react18.default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter22=props=>import_react18.default.createElement(import_react18.Suspense,{fallback:import_react18.default.createElement("div",null)},props.format!==!1?import_react18.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react18.default.createElement(LazySyntaxHighlighter,{...props})),toNumber2=input=>typeof input=="number"?input:Number(input),Container=emotion_styled_browser_esm_default.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react19.default.createElement(Container,{col,row,outer:outerAmount,...rest},children)},Title=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=emotion_styled_browser_esm_default.div(),Message=emotion_styled_browser_esm_default.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react20.Children.toArray(children);return import_react20.default.createElement(Message,{...props},import_react20.default.createElement(Title,null,title),desc&&import_react20.default.createElement(Desc,null,desc))};function browserSupportsCssZoom(){try{return scope.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=emotion_styled_browser_esm_default.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options:options3={},callback})=>{let observer=(0,import_react21.useRef)();(0,import_react21.useEffect)(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element?.current&&observer.current.observe(element.current,options3),()=>observer.current.disconnect()),[element,observer,options3])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react21.useRef)(null),[height,setHeight]=(0,import_react21.useState)(0),handleMutations=(0,import_react21.useCallback)(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return(0,import_react21.useEffect)(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),import_react21.default.createElement(ZoomElementWrapper,{scale,height},import_react21.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends import_react22.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}},Zoom={Element:ZoomElement,IFrame:ZoomIFrame},ButtonWrapper=emotion_styled_browser_esm_default.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react23.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react23.default.createElement(ButtonLink,{...props,ref},children):import_react23.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}}),Wrapper=emotion_styled_browser_esm_default.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=emotion_styled_browser_esm_default.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react24.default.createElement(Wrapper,{...props},label?import_react24.default.createElement(Label,null,import_react24.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var index=typeof document<"u"?import_react27.useLayoutEffect:import_react27.useEffect,use_isomorphic_layout_effect_esm_default=index,useLatest=function(value2){var ref=React14.useRef(value2);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value2}),ref},updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react28.useRef)();return(0,import_react28.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef,HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key2){node.style.setProperty(key2,HIDDEN_TEXTAREA_STYLE[key2],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value2,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key2=_key;hiddenTextarea.style[key2]=sizingStyle[key2]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value2;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick2=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick2(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);(0,import_react26.useLayoutEffect)(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react26.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react26.useRef)(0),measurementsCacheRef=(0,import_react26.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react26.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react26.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react26.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2,styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react25.forwardRef)(function(props,ref){return import_react25.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"}),Form=Object.assign(emotion_styled_browser_esm_default.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3}),LazyWithTooltip=(0,import_react29.lazy)(()=>import("./WithTooltip-5WWCYCAA-F33XPB44.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>import("./WithTooltip-5WWCYCAA-F33XPB44.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props})),Title2=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=emotion_styled_browser_esm_default.span(),Links=emotion_styled_browser_esm_default.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=emotion_styled_browser_esm_default.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=emotion_styled_browser_esm_default.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link22,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=emotion_styled_browser_esm_default.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note),Title3=emotion_styled_browser_esm_default(({active,loading,disabled,...rest})=>import_react33.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=emotion_styled_browser_esm_default.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=emotion_styled_browser_esm_default.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=emotion_styled_browser_esm_default.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=emotion_styled_browser_esm_default.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=emotion_styled_browser_esm_default.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific6.default)(100)((onClick,href,LinkWrapper)=>{let result2={};return onClick&&Object.assign(result2,{onClick}),href&&Object.assign(result2,{href}),LinkWrapper&&href&&Object.assign(result2,{to:href,as:LinkWrapper}),result2}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return import_react33.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react33.default.createElement(Left,{...commonProps},isStorybookIcon?import_react33.default.createElement(Icons,{icon}):icon):left&&import_react33.default.createElement(Left,{...commonProps},left),title||center?import_react33.default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&import_react33.default.createElement(Title3,{...commonProps,loading},title),center&&import_react33.default.createElement(CenterText,{...commonProps},center)):null,right&&import_react33.default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:import_react33.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=emotion_styled_browser_esm_default.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react32.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react32.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react32.default.createElement(List,null,links.map(({isGatsby,...p3})=>import_react32.default.createElement(Item2,{key:p3.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p3})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=import_react35.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react35.default.createElement("a",{ref,...restProps},children):import_react35.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=emotion_styled_browser_esm_default(ButtonOrLink,{shouldForwardProp:emotion_is_prop_valid_esm_default})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=emotion_styled_browser_esm_default(ButtonOrLink,{shouldForwardProp:emotion_is_prop_valid_esm_default})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=emotion_styled_browser_esm_default.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=emotion_styled_browser_esm_default.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react35.default.createElement(IconButtonSkeletonWrapper,null,import_react35.default.createElement(IconPlaceholder,null)),Side=emotion_styled_browser_esm_default.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react36.default.createElement(ScrollArea,{vertical:!1,className},children):import_react36.default.createElement("div",{className},children),Bar=emotion_styled_browser_esm_default(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=emotion_styled_browser_esm_default.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=import_react36.Children.toArray(children);return import_react36.default.createElement(Bar,{...rest},import_react36.default.createElement(BarInner,{bgColor:backgroundColor},import_react36.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?import_react36.default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=emotion_styled_browser_esm_default.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react37.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key:key2})=>import_react37.default.createElement(VisuallyHidden,{key:key2,active,role:"tabpanel"},content)}}),CollapseIcon=emotion_styled_browser_esm_default.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=emotion_styled_browser_esm_default(TabButton)(({active,theme,preActive})=>`
+`,Icons=({icon,useSymbol,...props})=>import_react16.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react16.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react16.memo)(function({icons:keys2=Object.keys(icons)}){return import_react16.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys2.map(key2=>import_react16.default.createElement("symbol",{id:`icon--${key2}`,key:key2},icons[key2])))}),LEFT_BUTTON=0,isPlainLeftClick=e4=>e4.button===LEFT_BUTTON&&!e4.altKey&&!e4.ctrlKey&&!e4.metaKey&&!e4.shiftKey,cancelled=(e4,cb)=>{isPlainLeftClick(e4)&&(e4.preventDefault(),cb(e4))},LinkInner=emotion_styled_browser_esm_default.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A22=emotion_styled_browser_esm_default.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link22=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react15.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react15.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react15.default.createElement(Icons,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=emotion_styled_browser_esm_default.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}})),LazySyntaxHighlighter=(0,import_react18.lazy)(()=>import("./syntaxhighlighter-6JBF4TYN-4DPEHIID.mjs")),LazySyntaxHighlighterWithFormatter=(0,import_react18.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-6JBF4TYN-4DPEHIID.mjs"),import("./formatter-MGIGMU7Y-BT45LDVJ.mjs")]);return{default:props=>import_react18.default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter22=props=>import_react18.default.createElement(import_react18.Suspense,{fallback:import_react18.default.createElement("div",null)},props.format!==!1?import_react18.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react18.default.createElement(LazySyntaxHighlighter,{...props})),toNumber2=input=>typeof input=="number"?input:Number(input),Container=emotion_styled_browser_esm_default.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react19.default.createElement(Container,{col,row,outer:outerAmount,...rest},children)},Title=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=emotion_styled_browser_esm_default.div(),Message=emotion_styled_browser_esm_default.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react20.Children.toArray(children);return import_react20.default.createElement(Message,{...props},import_react20.default.createElement(Title,null,title),desc&&import_react20.default.createElement(Desc,null,desc))};function browserSupportsCssZoom(){try{return scope.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=emotion_styled_browser_esm_default.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options:options3={},callback})=>{let observer=(0,import_react21.useRef)();(0,import_react21.useEffect)(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element?.current&&observer.current.observe(element.current,options3),()=>observer.current.disconnect()),[element,observer,options3])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react21.useRef)(null),[height,setHeight]=(0,import_react21.useState)(0),handleMutations=(0,import_react21.useCallback)(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return(0,import_react21.useEffect)(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),import_react21.default.createElement(ZoomElementWrapper,{scale,height},import_react21.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var ZoomIFrame=class extends import_react22.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}},Zoom={Element:ZoomElement,IFrame:ZoomIFrame},ButtonWrapper=emotion_styled_browser_esm_default.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react23.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react23.default.createElement(ButtonLink,{...props,ref},children):import_react23.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}}),Wrapper=emotion_styled_browser_esm_default.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=emotion_styled_browser_esm_default.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react24.default.createElement(Wrapper,{...props},label?import_react24.default.createElement(Label,null,import_react24.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var index=typeof document<"u"?import_react27.useLayoutEffect:import_react27.useEffect,use_isomorphic_layout_effect_esm_default=index,useLatest=function(value2){var ref=React14.useRef(value2);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value2}),ref},updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react28.useRef)();return(0,import_react28.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef,HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key2){node.style.setProperty(key2,HIDDEN_TEXTAREA_STYLE[key2],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value2,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key2=_key;hiddenTextarea.style[key2]=sizingStyle[key2]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value2;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick2=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick2(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);(0,import_react26.useLayoutEffect)(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react26.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react26.useRef)(0),measurementsCacheRef=(0,import_react26.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react26.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react26.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react26.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2,styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=emotion_styled_browser_esm_default((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react25.forwardRef)(function(props,ref){return import_react25.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"}),Form=Object.assign(emotion_styled_browser_esm_default.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3}),LazyWithTooltip=(0,import_react29.lazy)(()=>import("./WithTooltip-5WWCYCAA-F33XPB44.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>import("./WithTooltip-5WWCYCAA-F33XPB44.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props})),Title2=emotion_styled_browser_esm_default.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=emotion_styled_browser_esm_default.span(),Links=emotion_styled_browser_esm_default.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=emotion_styled_browser_esm_default.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=emotion_styled_browser_esm_default.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link22,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=emotion_styled_browser_esm_default.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note),Title3=emotion_styled_browser_esm_default(({active,loading,disabled,...rest})=>import_react33.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=emotion_styled_browser_esm_default.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=emotion_styled_browser_esm_default.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=emotion_styled_browser_esm_default.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=emotion_styled_browser_esm_default.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=emotion_styled_browser_esm_default.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific6.default)(100)((onClick,href,LinkWrapper)=>{let result2={};return onClick&&Object.assign(result2,{onClick}),href&&Object.assign(result2,{href}),LinkWrapper&&href&&Object.assign(result2,{to:href,as:LinkWrapper}),result2}),ListItem=({loading,left,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled},isStorybookIcon=typeof icon=="string"&&icons[icon];return import_react33.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react33.default.createElement(Left,{...commonProps},isStorybookIcon?import_react33.default.createElement(Icons,{icon}):icon):left&&import_react33.default.createElement(Left,{...commonProps},left),title||center?import_react33.default.createElement(Center,{isIndented:!left&&!icon&&isIndented},title&&import_react33.default.createElement(Title3,{...commonProps,loading},title),center&&import_react33.default.createElement(CenterText,{...commonProps},center)):null,right&&import_react33.default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:import_react33.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=emotion_styled_browser_esm_default.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react32.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react32.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react32.default.createElement(List,null,links.map(({isGatsby,...p3})=>import_react32.default.createElement(Item2,{key:p3.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p3})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=import_react35.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react35.default.createElement("a",{ref,...restProps},children):import_react35.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton=emotion_styled_browser_esm_default(ButtonOrLink,{shouldForwardProp:emotion_is_prop_valid_esm_default})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=emotion_styled_browser_esm_default(ButtonOrLink,{shouldForwardProp:emotion_is_prop_valid_esm_default})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=emotion_styled_browser_esm_default.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=emotion_styled_browser_esm_default.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react35.default.createElement(IconButtonSkeletonWrapper,null,import_react35.default.createElement(IconPlaceholder,null)),Side=emotion_styled_browser_esm_default.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react36.default.createElement(ScrollArea,{vertical:!1,className},children):import_react36.default.createElement("div",{className},children),Bar=emotion_styled_browser_esm_default(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=emotion_styled_browser_esm_default.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=import_react36.Children.toArray(children);return import_react36.default.createElement(Bar,{...rest},import_react36.default.createElement(BarInner,{bgColor:backgroundColor},import_react36.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?import_react36.default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=emotion_styled_browser_esm_default.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react37.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key:key2})=>import_react37.default.createElement(VisuallyHidden,{key:key2,active,role:"tabpanel"},content)}}),CollapseIcon=emotion_styled_browser_esm_default.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=emotion_styled_browser_esm_default(TabButton)(({active,theme,preActive})=>`
     color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
     &:hover {
       color: ${theme.color.secondary};
@@ -383,22 +383,22 @@ To pass a single animation please supply them in simple values, e.g. animation('
   & + & {
     margin-left: 6px;
   }
-`),Shortcut=({keys:keys2})=>import_react65.default.createElement(import_react65.default.Fragment,null,import_react65.default.createElement(Key,null,keys2.map((key2,index3)=>import_react65.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react65.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about"),right:api.versionUpdateAvailable()&&import_react65.default.createElement(Badge,{status:"positive"},"Update")}),[api]),releaseNotes=(0,import_react65.useMemo)(()=>({id:"release-notes",title:"Release notes",onClick:()=>api.navigateToSettingsPage("/settings/release-notes")}),[api]),shortcuts=(0,import_react65.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react65.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react65.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react65.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react65.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react65.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react65.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react65.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react65.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react65.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react65.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react65.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react65.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_3,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react65.useMemo)(()=>[about,...api.releaseNotesVersion()?[releaseNotes]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,api,releaseNotes,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react66.default.memo(function(){return import_react66.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts);return{title:name2,url,index:index3,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:api.versionUpdateAvailable(),enableShortcuts}}},fromState=>import_react66.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react78=__toESM(require_react());var import_react77=__toESM(require_react());var FrameWrap=emotion_styled_browser_esm_default.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=emotion_styled_browser_esm_default(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=emotion_styled_browser_esm_default.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=emotion_styled_browser_esm_default.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=emotion_styled_browser_esm_default.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react67=__toESM(require_react());var initialZoom=1,Context=import_react67.default.createContext({value:initialZoom,set:v3=>{}}),ZoomProvider=class extends import_react67.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react67.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react67.default.memo(function({zoomIn,zoomOut,reset}){return import_react67.default.createElement(import_react67.default.Fragment,null,import_react67.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react67.default.createElement(Icons,{icon:"zoom"})),import_react67.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react67.default.createElement(Icons,{icon:"zoomout"})),import_react67.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react67.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react67.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react67.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react67.default.memo(function(){return import_react67.default.createElement(import_react67.default.Fragment,null,import_react67.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react67.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react67.default.createElement(Separator,null))})};var import_react68=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react68.default.createElement(import_react68.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>wrapper.render({index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p3=>import_react68.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p3.active},p3.children)}];var import_react74=__toESM(require_react());var import_react69=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document11}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location2}=document11,ref=refs2[refId],baseUrl=`${location2.origin}${location2.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",match:({viewMode})=>viewMode==="story",render:()=>import_react69.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react69.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react69.default.createElement(Icons,{icon:"link"})):null)};var import_react70=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",match:({viewMode})=>viewMode==="story",render:()=>import_react70.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react70.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react70.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react71=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react71.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react71.default.createElement(import_react71.default.Fragment,null,import_react71.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react71.default.createElement(Icons,{icon:"menu"})),import_react71.default.createElement(Separator,null)))};var import_react72=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",match:({viewMode})=>viewMode==="story",render:()=>import_react72.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react72.default.createElement(import_react72.default.Fragment,null,import_react72.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react72.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react73=__toESM(require_react());var StyledAnimatedIconButton=emotion_styled_browser_esm_default(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId})}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react73.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId})=>{let[isAnimating,setIsAnimating]=(0,import_react73.useState)(!1);return import_react73.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:()=>{storyId&&(setIsAnimating(!0),remount())},onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react73.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react74.default.createElement(FlexBar,{...props}),Toolbar=emotion_styled_browser_esm_default(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p3=>["story","docs"].includes(p3.viewMode),render:()=>import_react74.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react74.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react74.default.createElement(Icons,{icon:value2?"close":"expand"})))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",render:()=>import_react74.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react74.default.createElement(import_react74.Fragment,null,import_react74.default.createElement(TabBar,{key:"tabs"},tabs.filter(p3=>!p3.hidden).map((t4,index3)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react74.default.createElement(UnstyledLink,{key:t4.id||`l${index3}`,to},import_react74.default.createElement(TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react74.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location2,path)=>{let toolsFromConfig=(0,import_react74.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react74.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react74.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react74.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react74.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location2,path}):{left:tools,right:toolsExtra},[viewMode,entry,location2,path,tools,toolsExtra,tabs])},ToolRes=import_react74.default.memo(function({api,entry,tabs,isShown,location:location2,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location2,path);return left||right?import_react74.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react74.default.createElement(Tools,{key:"left",list:left}),import_react74.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react74.default.memo(function(props){return import_react74.default.createElement(Location,null,({location:location2,path,viewMode})=>import_react74.default.createElement(ToolRes,{...props,location:location2,path,viewMode}))}),Tools=import_react74.default.memo(function({list}){return import_react74.default.createElement(import_react74.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index3)=>import_react74.default.createElement(Render,{key:id||t4.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location2,path}){let toolsLeft=[menuTool,tabs.filter(p3=>!p3.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location2,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react76=__toESM(require_react());var import_react75=__toESM(require_react());var StyledIframe=emotion_styled_browser_esm_default.iframe({position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"all .3s, background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react75.default.useRef(null);return import_react75.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react75.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs2=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs2.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=refId=>refId?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=emotion_styled_browser_esm_default(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),FramesRenderer=({refs:refs2,entry,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId),styles2=(0,import_react76.useMemo)(()=>({'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}}),[]),[frames,setFrames]=(0,import_react76.useState)({"storybook-preview-iframe":getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})});return(0,import_react76.useEffect)(()=>{let newFrames=Object.values(refs2).filter(r5=>r5.indexError?!1:!!(r5.type==="auto-inject"||entry&&r5.id===entry.refId)).reduce((acc,r5)=>({...acc,[`storybook-ref-${r5.id}`]:`${r5.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${r5.id}${stringifiedQueryParams}`}),frames);setFrames(newFrames)},[storyId,entry,refs2]),import_react76.default.createElement(import_react76.Fragment,null,import_react76.default.createElement(Global,{styles:styles2}),import_react76.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react76.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react76.default.createElement(import_react76.Fragment,{key:id},import_react76.default.createElement(IFrame,{active:id===active,key:refs2[id]?refs2[id].url:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvas=(id,baseUrl="iframe.html",withLoader=!0)=>({id:"canvas",title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>import_react77.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react77.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react77.useState)(void 0);(0,import_react77.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react77.default.createElement(ZoomConsumer,null,({value:scale})=>import_react77.default.createElement(import_react77.default.Fragment,null,withLoader&&isLoading&&import_react77.default.createElement(LoaderWrapper2,null,import_react77.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react77.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react77.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react77.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react77.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react77.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react77.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(previewId,baseUrl,withLoader,getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react77.useRef)(storyId);return(0,import_react77.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react77.default.createElement(import_react77.Fragment,null,previewId==="main"&&import_react77.default.createElement(W,{key:"description"},import_react77.default.createElement("title",null,description)),import_react77.default.createElement(ZoomProvider,{shouldScale},import_react77.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react77.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t4},i4)=>{let key2=t4.id||t4.key||i4;return import_react77.default.createElement(import_react77.Fragment,{key:key2},import_react77.default.createElement(Location,null,lp=>import_react77.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p22)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location2,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location2}},PreviewConnected=import_react78.default.memo(function(props){return import_react78.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react78.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react81=__toESM(require_react()),import_memoizerific9=__toESM(require_memoizerific());var import_react80=__toESM(require_react());var import_react79=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react79.useState)(!1);return(0,import_react79.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTabContent=import_react80.default.memo(function({children}){return children}),SafeTab=class extends import_react80.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children,title,id}=this.props;return hasError?import_react80.default.createElement("h1",null,"Something went wrong."):import_react80.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel2=import_react80.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react80.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react80.default.createElement(import_react80.Fragment,null,import_react80.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react80.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react80.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react80.default.createElement(Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v3])=>import_react80.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v3.title=="function"?v3.title():v3.title},v3.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific9.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react81.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react81.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react84=__toESM(require_react());var import_react83=__toESM(require_react());var import_react82=__toESM(require_react());var DEFAULT_ICON_COLOUR="#66BF3C",Notification=emotion_styled_browser_esm_default.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=emotion_styled_browser_esm_default(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=emotion_styled_browser_esm_default.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=emotion_styled_browser_esm_default.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=emotion_styled_browser_esm_default.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=emotion_styled_browser_esm_default.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>import_react82.default.createElement(import_react82.default.Fragment,null,!icon||import_react82.default.createElement(NotificationIconWrapper,null,import_react82.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||DEFAULT_ICON_COLOUR})),import_react82.default.createElement(NotificationTextWrapper,null,import_react82.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react82.default.createElement(SubHeadline,null,subHeadline))),DismissButtonWrapper=emotion_styled_browser_esm_default(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react82.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react82.default.createElement(Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=emotion_styled_browser_esm_default.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear()};return link?import_react82.default.createElement(NotificationLink,{to:link},import_react82.default.createElement(ItemContent,{icon,content}),import_react82.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react82.default.createElement(Notification,null,import_react82.default.createElement(ItemContent,{icon,content}),import_react82.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=emotion_styled_browser_esm_default.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react83.default.createElement(List2,{placement},notifications.map(notification=>import_react83.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react84.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react84.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_react92=__toESM(require_react());var import_react87=__toESM(require_react());var import_react86=__toESM(require_react()),import_semver2=__toESM(require_semver2());var t3=__toESM(require_react());function e3(){return(e3=Object.assign||function(t4){for(var e4=1;e4<arguments.length;e4++){var n4=arguments[e4];for(var r5 in n4)Object.prototype.hasOwnProperty.call(n4,r5)&&(t4[r5]=n4[r5])}return t4}).apply(this,arguments)}var n3=["children","options"],r4=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((t4,e4)=>(t4[e4.toLowerCase()]=e4,t4),{for:"htmlFor"}),o2={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},c2=["style","script"],a2=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,u2=/mailto:/i,i3=/\n{2,}$/,l2=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,s2=/^ *> ?/gm,_2=/^ {2,}\n/,f3=/^(?:( *[-*_]) *){3,}(?:\n *)+\n/,d2=/^\s*(`{3,}|~{3,}) *(\S+)? *\n([\s\S]+?)\s*\1 *(?:\n *)+\n?/,p2=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,g2=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,m2=/^(?:\n *)*\n/,y2=/\r\n?/g,h2=/^\[\^([^\]]+)](:.*)\n/,k2=/^\[\^([^\]]+)]/,x2=/\f/g,b2=/^\s*?\[(x|\s)\]/,v2=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,S2=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,$=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,w2=/&([a-z]+);/g,z2=/^<!--[\s\S]*?(?:-->)/,E2=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,A3=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,R2=/^\{.*\}$/,I2=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,M2=/^<([^ >]+@[^ >]+)>/,O2=/^<([^ >]+:\/[^ >]+)>/,B2=/ *\n+$/,L2=/(?:^|\n)( *)$/,T2=/-([a-z])?/gi,j2=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,C2=/^\[([^\]]*)\]:\s+(\S+)\s*("([^"]*)")?/,D2=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,N2=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/(\[|\])/g,F2=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,P3=/\t/g,G2=/^ *\| */,H7=/(^ *\||\| *$)/g,q2=/ *$/,U2=/^ *:-+: *$/,V=/^ *:-+ *$/,W2=/^ *-+: *$/,Q=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,X=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,J=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,K2=/^\\([^0-9A-Za-z\s])/,Y2=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,tt=/^\n+/,et=/^([ \t]*)/,nt=/\\([^0-9A-Z\s])/gi,rt=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +"),ot=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +[^\\n]*(?:\\n(?!\\1(?:[*+-]|\\d+\\.) )[^\\n]*)*(\\n|$)","gm"),ct=new RegExp("^( *)((?:[*+-]|\\d+\\.)) [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1(?:[*+-]|\\d+\\.) (?!(?:[*+-]|\\d+\\.) ))\\n*|\\s*\\n*$)"),at="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",ut=new RegExp("^\\[("+at+`)\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`),it=new RegExp("^!\\[("+at+`)\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`),lt=[l2,p2,d2,v2,S2,z2,ot,ct,j2],st=[...lt,/^[^\n]+(?:  \n|\n{2,})/,$,A3];function _t(t4){return t4.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function ft(t4){return W2.test(t4)?"right":U2.test(t4)?"center":V.test(t4)?"left":null}function dt(t4,e4,n4){let r5=n4.t;n4.t=!0;let o3=e4(t4.trim(),n4);n4.t=r5;let c3=[[]];return o3.forEach(function(t5,e5){t5.type==="tableSeparator"?e5!==0&&e5!==o3.length-1&&c3.push([]):(t5.type!=="text"||o3[e5+1]!=null&&o3[e5+1].type!=="tableSeparator"||(t5.content=t5.content.replace(q2,"")),c3[c3.length-1].push(t5))}),c3}function pt(t4,e4,n4){n4.o=!0;let r5=dt(t4[1],e4,n4),o3=t4[2].replace(H7,"").split("|").map(ft),c3=function(t5,e5,n5){return t5.trim().split(`
-`).map(function(t6){return dt(t6,e5,n5)})}(t4[3],e4,n4);return n4.o=!1,{align:o3,cells:c3,header:r5,type:"table"}}function gt(t4,e4){return t4.align[e4]==null?{}:{textAlign:t4.align[e4]}}function mt(t4){return function(e4,n4){return n4.o?t4.exec(e4):null}}function yt(t4){return function(e4,n4){return n4.o||n4.u?t4.exec(e4):null}}function ht(t4){return function(e4,n4){return n4.o||n4.u?null:t4.exec(e4)}}function kt(t4){return function(e4){return t4.exec(e4)}}function xt(t4,e4,n4){if(e4.o||e4.u||n4&&!n4.endsWith(`
-`))return null;let r5="";t4.split(`
-`).every(t5=>!lt.some(e5=>e5.test(t5))&&(r5+=t5+`
-`,t5.trim()));let o3=r5.trimEnd();return o3==""?null:[r5,o3]}function bt(t4){try{if(decodeURIComponent(t4).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data):/i))return null}catch{return null}return t4}function vt(t4){return t4.replace(nt,"$1")}function St(t4,e4,n4){let r5=n4.o||!1,o3=n4.u||!1;n4.o=!0,n4.u=!0;let c3=t4(e4,n4);return n4.o=r5,n4.u=o3,c3}function $t(t4,e4,n4){let r5=n4.o||!1,o3=n4.u||!1;n4.o=!1,n4.u=!0;let c3=t4(e4,n4);return n4.o=r5,n4.u=o3,c3}function wt(t4,e4,n4){return n4.o=!1,t4(e4+`
+`),Shortcut=({keys:keys2})=>import_react65.default.createElement(import_react65.default.Fragment,null,import_react65.default.createElement(Key,null,keys2.map((key2,index3)=>import_react65.default.createElement(KeyChild,{key:key2},shortcutToHumanString([key2]))))),useMenu=(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react65.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.navigateToSettingsPage("/settings/about"),right:api.versionUpdateAvailable()&&import_react65.default.createElement(Badge,{status:"positive"},"Update")}),[api]),releaseNotes=(0,import_react65.useMemo)(()=>({id:"release-notes",title:"Release notes",onClick:()=>api.navigateToSettingsPage("/settings/release-notes")}),[api]),shortcuts=(0,import_react65.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.navigateToSettingsPage("/settings/shortcuts"),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react65.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:showNav,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,left:showNav?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showNav]),toolbarToogle=(0,import_react65.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,left:showToolbar?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react65.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:showPanel,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,left:showPanel?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,showPanel]),addonsOrientationToggle=(0,import_react65.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react65.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,left:isFullscreen?import_react65.default.createElement(Icons,{icon:"check"}):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react65.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements2.storySearchField),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react65.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react65.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react65.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react65.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react65.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react65.useCallback)(()=>{let addonsShortcuts2=api.getAddonsShortcuts(),keys2=shortcutKeys;return Object.entries(addonsShortcuts2).filter(([_3,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react65.default.createElement(Shortcut,{keys:keys2[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react65.useMemo)(()=>[about,...api.releaseNotesVersion()?[releaseNotes]:[],shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,api,releaseNotes,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar4=import_react66.default.memo(function(){return import_react66.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name:name2,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar,isFullscreen,showPanel,showNav},index:index3,indexError,previewInitialized,refs:refs2}=state,menu=useMenu(api,showToolbar,isFullscreen,showPanel,showNav,enableShortcuts);return{title:name2,url,index:index3,indexError,previewInitialized,refs:refs2,storyId,refId,viewMode,menu,menuHighlighted:api.versionUpdateAvailable(),enableShortcuts}}},fromState=>import_react66.default.createElement(Sidebar2,{...fromState}))}),sidebar_default=Sidebar4;var import_react78=__toESM(require_react());var import_react77=__toESM(require_react());var FrameWrap=emotion_styled_browser_esm_default.div(({offset})=>({position:"absolute",overflow:"auto",left:0,right:0,bottom:0,top:offset,zIndex:3,transition:"all 0.1s linear",height:`calc(100% - ${offset}px)`,background:"transparent"})),UnstyledLink=emotion_styled_browser_esm_default(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=emotion_styled_browser_esm_default.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=emotion_styled_browser_esm_default.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,width:"100%",height:"100%",background:theme.background.content})),LoaderWrapper2=emotion_styled_browser_esm_default.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.content,zIndex:1}));var import_react67=__toESM(require_react());var initialZoom=1,Context=import_react67.default.createContext({value:initialZoom,set:v3=>{}}),ZoomProvider=class extends import_react67.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value2=>this.setState({value:value2})}render(){let{children,shouldScale}=this.props,{set:set3}=this,{value:value2}=this.state;return import_react67.default.createElement(Context.Provider,{value:{value:shouldScale?value2:initialZoom,set:set3}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=import_react67.default.memo(function({zoomIn,zoomOut,reset}){return import_react67.default.createElement(import_react67.default.Fragment,null,import_react67.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react67.default.createElement(Icons,{icon:"zoom"})),import_react67.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react67.default.createElement(Icons,{icon:"zoomout"})),import_react67.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react67.default.createElement(Icons,{icon:"zoomreset"})))});var ZoomWrapper=import_react67.default.memo(function({set:set3,value:value2}){let zoomIn=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(.8*value2)},[set3,value2]),zoomOut=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(1.25*value2)},[set3,value2]),reset=(0,import_react67.useCallback)(e4=>{e4.preventDefault(),set3(initialZoom)},[set3,initialZoom]);return import_react67.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})}),zoomTool={title:"zoom",id:"zoom",match:({viewMode})=>viewMode==="story",render:import_react67.default.memo(function(){return import_react67.default.createElement(import_react67.default.Fragment,null,import_react67.default.createElement(ZoomConsumer,null,({set:set3,value:value2})=>import_react67.default.createElement(ZoomWrapper,{set:set3,value:value2})),import_react67.default.createElement(Separator,null))})};var import_react68=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,active,children})=>import_react68.default.createElement(import_react68.Fragment,null,wrappers.reduceRight((acc,wrapper,index3)=>wrapper.render({index:index3,children:acc,id,storyId,active}),children)),defaultWrappers=[{render:p3=>import_react68.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper",hidden:!p3.active},p3.children)}];var import_react74=__toESM(require_react());var import_react69=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document11}=scope,copyMapper=({state})=>{let{storyId,refId,refs:refs2}=state,{location:location2}=document11,ref=refs2[refId],baseUrl=`${location2.origin}${location2.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",match:({viewMode})=>viewMode==="story",render:()=>import_react69.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react69.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react69.default.createElement(Icons,{icon:"link"})):null)};var import_react70=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs:refs2}=state,ref=refs2[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",match:({viewMode})=>viewMode==="story",render:()=>import_react70.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react70.default.createElement(IconButton,{key:"opener",href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",title:"Open canvas in new tab"},import_react70.default.createElement(Icons,{icon:"sharealt"})):null)};var import_react71=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:state.layout.showNav,singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react71.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react71.default.createElement(import_react71.default.Fragment,null,import_react71.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react71.default.createElement(Icons,{icon:"menu"})),import_react71.default.createElement(Separator,null)))};var import_react72=__toESM(require_react());var menuMapper2=({api,state})=>({isVisible:state.layout.showPanel,singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",match:({viewMode})=>viewMode==="story",render:()=>import_react72.default.createElement(ManagerConsumer,{filter:menuMapper2},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react72.default.createElement(import_react72.default.Fragment,null,import_react72.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},import_react72.default.createElement(Icons,{icon:panelPosition==="bottom"?"bottombar":"sidebaralt"}))))};var import_react73=__toESM(require_react());var StyledAnimatedIconButton=emotion_styled_browser_esm_default(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper3=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId})}},remountTool={title:"remount",id:"remount",match:({viewMode})=>viewMode==="story",render:()=>import_react73.default.createElement(ManagerConsumer,{filter:menuMapper3},({remount,storyId})=>{let[isAnimating,setIsAnimating]=(0,import_react73.useState)(!1);return import_react73.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:()=>{storyId&&(setIsAnimating(!0),remount())},onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react73.default.createElement(Icons,{icon:"sync"}))})};var getTools=getFn=>Object.values(getFn(Addon_TypesEnum.TOOL)),getToolsExtra=getFn=>Object.values(getFn(Addon_TypesEnum.TOOLEXTRA)),Bar3=({shown,...props})=>import_react74.default.createElement(FlexBar,{...props}),Toolbar=emotion_styled_browser_esm_default(Bar3)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"},({shown})=>({transform:shown?"translateY(0px)":"translateY(-40px)"})),fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,value:state.layout.isFullscreen,shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getPanels()).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",match:p3=>["story","docs"].includes(p3.viewMode),render:()=>import_react74.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,value:value2,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react74.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${value2?"Exit full screen":"Go full screen"} [${shortcut}]`},import_react74.default.createElement(Icons,{icon:value2?"close":"expand"})))},tabsMapper=({state})=>({viewMode:state.docsOnly,storyId:state.storyId,path:state.path,location:state.location,refId:state.refId}),createTabsTool=tabs=>({title:"title",id:"title",render:()=>import_react74.default.createElement(ManagerConsumer,{filter:tabsMapper},rp=>import_react74.default.createElement(import_react74.Fragment,null,import_react74.default.createElement(TabBar,{key:"tabs"},tabs.filter(p3=>!p3.hidden).map((t4,index3)=>{let to=t4.route(rp),isActive=rp.path===to;return import_react74.default.createElement(UnstyledLink,{key:t4.id||`l${index3}`,to},import_react74.default.createElement(TabButton,{disabled:t4.disabled,active:isActive},t4.title))})),import_react74.default.createElement(Separator,null)))}),defaultTools=[remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],useTools=(getElements,tabs,viewMode,entry,location2,path)=>{let toolsFromConfig=(0,import_react74.useMemo)(()=>getTools(getElements),[getElements]),toolsExtraFromConfig=(0,import_react74.useMemo)(()=>getToolsExtra(getElements),[getElements]),tools=(0,import_react74.useMemo)(()=>[...defaultTools,...toolsFromConfig],[defaultTools,toolsFromConfig]),toolsExtra=(0,import_react74.useMemo)(()=>[...defaultToolsExtra,...toolsExtraFromConfig],[defaultToolsExtra,toolsExtraFromConfig]);return(0,import_react74.useMemo)(()=>["story","docs"].includes(entry?.type)?filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location2,path}):{left:tools,right:toolsExtra},[viewMode,entry,location2,path,tools,toolsExtra,tabs])},ToolRes=import_react74.default.memo(function({api,entry,tabs,isShown,location:location2,path,viewMode}){let{left,right}=useTools(api.getElements,tabs,viewMode,entry,location2,path);return left||right?import_react74.default.createElement(Toolbar,{key:"toolbar",shown:isShown,border:!0},import_react74.default.createElement(Tools,{key:"left",list:left}),import_react74.default.createElement(Tools,{key:"right",list:right})):null}),ToolbarComp=import_react74.default.memo(function(props){return import_react74.default.createElement(Location,null,({location:location2,path,viewMode})=>import_react74.default.createElement(ToolRes,{...props,location:location2,path,viewMode}))}),Tools=import_react74.default.memo(function({list}){return import_react74.default.createElement(import_react74.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t4},index3)=>import_react74.default.createElement(Render,{key:id||t4.key||`f-${index3}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry.type==="story"&&entry.prepared?entry.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item.id]?.hidden:!1}function filterTools(tools,toolsExtra,tabs,{viewMode,entry,location:location2,path}){let toolsLeft=[menuTool,tabs.filter(p3=>!p3.hidden).length>1&&createTabsTool(tabs),...tools],toolsRight=[...toolsExtra],filter=item=>item&&(!item.match||item.match({storyId:entry.id,refId:entry.refId,viewMode,location:location2,path}))&&!toolbarItemHasBeenExcluded(item,entry),left=toolsLeft.filter(filter),right=toolsRight.filter(filter);return{left,right}}var import_react76=__toESM(require_react());var import_react75=__toESM(require_react());var StyledIframe=emotion_styled_browser_esm_default.iframe({position:"absolute",display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"all .3s, background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px"});function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react75.default.useRef(null);return import_react75.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react75.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e4=>e4.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs2=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs2.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=refId=>refId?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=emotion_styled_browser_esm_default(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({state})=>({isFullscreen:state.layout.isFullscreen,showNav:state.layout.showNav,selectedStoryId:state.storyId}),FramesRenderer=({refs:refs2,entry,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version2=refs2[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version2&&{version:version2}}),active=getActive(refId),styles2=(0,import_react76.useMemo)(()=>({'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}}),[]),[frames,setFrames]=(0,import_react76.useState)({"storybook-preview-iframe":getStoryHref(baseUrl,storyId,{...queryParams,...version2&&{version:version2},viewMode})});return(0,import_react76.useEffect)(()=>{let newFrames=Object.values(refs2).filter(r5=>r5.indexError?!1:!!(r5.type==="auto-inject"||entry&&r5.id===entry.refId)).reduce((acc,r5)=>({...acc,[`storybook-ref-${r5.id}`]:`${r5.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${r5.id}${stringifiedQueryParams}`}),frames);setFrames(newFrames)},[storyId,entry,refs2]),import_react76.default.createElement(import_react76.Fragment,null,import_react76.default.createElement(Global,{styles:styles2}),import_react76.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,showNav,selectedStoryId})=>!isFullscreen&&showNav&&selectedStoryId?import_react76.default.createElement(SkipToSidebarLink,{secondary:!0,isLink:!0,tabIndex:0,href:`#${selectedStoryId}`},"Skip to sidebar"):null),Object.entries(frames).map(([id,src])=>import_react76.default.createElement(import_react76.Fragment,{key:id},import_react76.default.createElement(IFrame,{active:id===active,key:refs2[id]?refs2[id].url:id,id,title:id,src,allowFullScreen:!0,scale}))))};var{FEATURES:FEATURES2}=scope,getWrappers=getFn=>Object.values(getFn(Addon_TypesEnum.PREVIEW)),getTabs=getFn=>Object.values(getFn(Addon_TypesEnum.TAB)),canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs,active:!!(state.viewMode&&state.viewMode.match(/^(story|docs)$/))}),createCanvas=(id,baseUrl="iframe.html",withLoader=!0)=>({id:"canvas",title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>import_react77.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs:refs2,customCanvas,storyId,refId,viewMode,queryParams,getElements,previewInitialized,active})=>{let wrappers=(0,import_react77.useMemo)(()=>[...defaultWrappers,...getWrappers(getElements)],[getElements,...defaultWrappers]),[progress,setProgress]=(0,import_react77.useState)(void 0);(0,import_react77.useEffect)(()=>{if(FEATURES2?.storyStoreV7&&scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getServerChannel().on(PREVIEW_BUILDER_PROGRESS,options3=>{setProgress(options3)})}catch{}},[]);let refLoading=!!refs2[refId]&&!refs2[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react77.default.createElement(ZoomConsumer,null,({value:scale})=>import_react77.default.createElement(import_react77.default.Fragment,null,withLoader&&isLoading&&import_react77.default.createElement(LoaderWrapper2,null,import_react77.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react77.default.createElement(ApplyWrappers,{id,storyId,viewMode,active,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react77.default.createElement(FramesRenderer,{baseUrl,refs:refs2,scale,entry,viewMode,refId,queryParams,storyId}))))})}),useTabs=(id,baseUrl,withLoader,getElements,entry)=>{let canvas=(0,import_react77.useMemo)(()=>createCanvas(id,baseUrl,withLoader),[id,baseUrl,withLoader]),tabsFromConfig=(0,import_react77.useMemo)(()=>getTabs(getElements),[getElements]);return(0,import_react77.useMemo)(()=>entry?.type==="story"&&entry.parameters?filterTabs([canvas,...tabsFromConfig],entry.parameters):[canvas,...tabsFromConfig],[entry,canvas,...tabsFromConfig])},Preview2=import_react77.default.memo(function(props){let{api,id:previewId,options:options3,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0}=props,{getElements}=api,tabs=useTabs(previewId,baseUrl,withLoader,getElements,entry),shouldScale=viewMode==="story",{showToolbar,showTabs=!0}=options3,visibleTabsInToolbar=showTabs?tabs:[],previousStoryId=(0,import_react77.useRef)(storyId);return(0,import_react77.useEffect)(()=>{if(entry&&viewMode&&storyId!==previousStoryId.current&&(previousStoryId.current=storyId,viewMode.match(/docs|story/))){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}},[entry,viewMode]),import_react77.default.createElement(import_react77.Fragment,null,previewId==="main"&&import_react77.default.createElement(W,{key:"description"},import_react77.default.createElement("title",null,description)),import_react77.default.createElement(ZoomProvider,{shouldScale},import_react77.default.createElement(ToolbarComp,{key:"tools",entry,api,isShown:showToolbar,tabs:visibleTabsInToolbar}),import_react77.default.createElement(FrameWrap,{key:"frame",offset:showToolbar?40:0},tabs.map(({render:Render,match,...t4},i4)=>{let key2=t4.id||t4.key||i4;return import_react77.default.createElement(import_react77.Fragment,{key:key2},import_react77.default.createElement(Location,null,lp=>import_react77.default.createElement(Render,{active:match(lp)})))}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key2,index3)=>({index:index3,...typeof tabs[key2]=="string"?{title:tabs[key2]}:tabs[key2],id:key2}));return panels.filter(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4===void 0||t4.id==="canvas"||!t4.hidden}).map((panel,index3)=>({...panel,index:index3})).sort((p1,p22)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p22.id),index_2=tab_2?tab_2.index:arrTabs.length+p22.index;return index_1-index_2}).map(panel=>{let t4=arrTabs.find(tab=>tab.id===panel.id);return t4?{...panel,title:t4.title||panel.title,disabled:t4.disabled,hidden:t4.hidden}:panel})}return panels}var{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name:name2}=item;return title&&name2?splitTitleAddExtraSpace(`${title} - ${name2} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location:location2,customQueryParams,storyId,refs:refs2,viewMode,path,refId}=state,entry=api.getData(storyId,refId);return{api,entry,options:layout,description:getDescription(entry),viewMode,path,refs:refs2,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,location:location2}},PreviewConnected=import_react78.default.memo(function(props){return import_react78.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react78.default.createElement(Preview2,{...props,...fromState}))}),preview_default=PreviewConnected;var import_react81=__toESM(require_react()),import_memoizerific9=__toESM(require_memoizerific());var import_react80=__toESM(require_react());var import_react79=__toESM(require_react()),useMediaQuery=query=>{let[matches,setMatches]=(0,import_react79.useState)(!1);return(0,import_react79.useEffect)(()=>{let media=window.matchMedia(query);media.matches!==matches&&setMatches(media.matches);let listener=()=>setMatches(media.matches);return window.addEventListener("resize",listener),()=>window.removeEventListener("resize",listener)},[matches,query]),matches},useMedia_default=useMediaQuery;var SafeTabContent=import_react80.default.memo(function({children}){return children}),SafeTab=class extends import_react80.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children,title,id}=this.props;return hasError?import_react80.default.createElement("h1",null,"Something went wrong."):import_react80.default.createElement(SafeTabContent,{id,title},children)}},AddonPanel2=import_react80.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let isTablet=useMedia_default("(min-width: 599px)");return import_react80.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,tools:isTablet?import_react80.default.createElement(import_react80.Fragment,null,import_react80.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},import_react80.default.createElement(Icons,{icon:panelPosition==="bottom"?"sidebaralt":"bottombar"})),import_react80.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react80.default.createElement(Icons,{icon:"close"}))):void 0,id:"storybook-panel-root"},Object.entries(panels).map(([k3,v3])=>import_react80.default.createElement(SafeTab,{key:k3,id:k3,title:typeof v3.title=="function"?v3.title():v3.title},v3.render)))});AddonPanel2.displayName="AddonPanel";var panel_default=AddonPanel2;var createPanelActions=(0,import_memoizerific9.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),mapper2=({state,api})=>({panels:api.getStoryPanels(),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel2=props=>import_react81.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react81.default.createElement(panel_default,{...props,...customProps})),panel_default2=Panel2;var import_react84=__toESM(require_react());var import_react83=__toESM(require_react());var import_react82=__toESM(require_react());var DEFAULT_ICON_COLOUR="#66BF3C",Notification=emotion_styled_browser_esm_default.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=emotion_styled_browser_esm_default(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=emotion_styled_browser_esm_default.div(()=>({display:"flex",marginRight:10,alignItems:"center"})),NotificationTextWrapper=emotion_styled_browser_esm_default.div(()=>({width:"100%",display:"flex",flexDirection:"column"})),Headline=emotion_styled_browser_esm_default.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=emotion_styled_browser_esm_default.div(({theme})=>({color:curriedTransparentize$12(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>import_react82.default.createElement(import_react82.default.Fragment,null,!icon||import_react82.default.createElement(NotificationIconWrapper,null,import_react82.default.createElement(Icons,{icon:icon.name,width:16,height:16,color:icon.color||DEFAULT_ICON_COLOUR})),import_react82.default.createElement(NotificationTextWrapper,null,import_react82.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react82.default.createElement(SubHeadline,null,subHeadline))),DismissButtonWrapper=emotion_styled_browser_esm_default(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react82.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e4=>{e4.preventDefault(),onDismiss()}},import_react82.default.createElement(Icons,{icon:"closeAlt",height:12,width:12})),NotificationItemSpacer=emotion_styled_browser_esm_default.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear()};return link?import_react82.default.createElement(NotificationLink,{to:link},import_react82.default.createElement(ItemContent,{icon,content}),import_react82.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react82.default.createElement(Notification,null,import_react82.default.createElement(ItemContent,{icon,content}),import_react82.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var List2=emotion_styled_browser_esm_default.div({zIndex:10,"> * + *":{marginTop:10},"&:empty":{display:"none"}},({placement})=>placement||{bottom:0,left:0,right:0,position:"fixed"}),NotificationList=({notifications,clearNotification,placement=void 0})=>import_react83.default.createElement(List2,{placement},notifications.map(notification=>import_react83.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),NotificationList_default=NotificationList;var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),NotificationConnect=props=>import_react84.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react84.default.createElement(NotificationList_default,{...props,...fromState})),notifications_default=NotificationConnect;var import_react92=__toESM(require_react());var import_react87=__toESM(require_react());var import_react86=__toESM(require_react()),import_semver2=__toESM(require_semver2());var t3=__toESM(require_react());function n3(){return n3=Object.assign||function(t4){for(var n4=1;n4<arguments.length;n4++){var e4=arguments[n4];for(var r5 in e4)Object.prototype.hasOwnProperty.call(e4,r5)&&(t4[r5]=e4[r5])}return t4},n3.apply(this,arguments)}var e3=["children","options"],r4=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((t4,n4)=>(t4[n4.toLowerCase()]=n4,t4),{for:"htmlFor"}),o2={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},c2=["style","script"],a2=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,u2=/mailto:/i,_2=/\n{2,}$/,i3=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,s2=/^ *> ?/gm,l2=/^ {2,}\n/,f3=/^(?:( *[-*_]) *){3,}(?:\n *)+\n/,d2=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,p2=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,g2=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,m2=/^(?:\n *)*\n/,y2=/\r\n?/g,h2=/^\[\^([^\]]+)](:.*)\n/,k2=/^\[\^([^\]]+)]/,x2=/\f/g,b2=/^\s*?\[(x|\s)\]/,v2=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,S2=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,$=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,w2=/&([a-zA-Z]+);/g,z2=/^<!--[\s\S]*?(?:-->)/,E2=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,A3=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,L2=/^\{.*\}$/,R2=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I2=/^<([^ >]+@[^ >]+)>/,M2=/^<([^ >]+:\/[^ >]+)>/,O2=/-([a-z])?/gi,B2=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T2=/^\[([^\]]*)\]:\s+(\S+)\s*("([^"]*)")?/,j2=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,C2=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Z=/(\[|\])/g,D2=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,N2=/\t/g,F2=/^ *\| */,P3=/(^ *\||\| *$)/g,G2=/ *$/,H7=/^ *:-+: *$/,q2=/^ *:-+ *$/,U2=/^ *-+: *$/,V=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,W2=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,Q=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,X=/^\\([^0-9A-Za-z\s])/,J=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,K2=/^\n+/,Y2=/^([ \t]*)/,tt=/\\([^0-9A-Z\s])/gi,nt=/ *\n+$/,et=/(?:^|\n)( *)$/,rt="(?:\\d+\\.)",ot="(?:[*+-])";function ct(t4){return"( *)("+(t4===1?rt:ot)+") +"}var at=ct(1),ut=ct(2);function _t(t4){return new RegExp("^"+(t4===1?at:ut))}var it=_t(1),st=_t(2);function lt(t4){return new RegExp("^"+(t4===1?at:ut)+"[^\\n]*(?:\\n(?!\\1"+(t4===1?rt:ot)+" )[^\\n]*)*(\\n|$)","gm")}var ft=lt(1),dt=lt(2);function pt(t4){let n4=t4===1?rt:ot;return new RegExp("^( *)("+n4+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n4+" (?!"+n4+" ))\\n*|\\s*\\n*$)")}var gt=pt(1),mt=pt(2);function yt(t4,n4){let e4=n4===1,r5=e4?gt:mt,o3=e4?ft:dt,c3=e4?it:st;return{t(t5,n5,e5){let o4=et.exec(e5);return o4&&(n5.o||!n5.u&&!n5._)?r5.exec(t5=o4[1]+t5):null},i:Ht.HIGH,l(t5,n5,r6){let a3=e4?+t5[2]:void 0,u3=t5[0].replace(_2,`
+`).match(o3),i4=!1;return{p:u3.map(function(t6,e5){let o4=c3.exec(t6)[0].length,a4=new RegExp("^ {1,"+o4+"}","gm"),_3=t6.replace(a4,"").replace(c3,""),s3=e5===u3.length-1,l3=_3.indexOf(`
 
-`,n4)}var zt=(t4,e4,n4)=>({content:St(e4,t4[1],n4)});function Et(){return{}}function At(){return null}function Rt(...t4){return t4.filter(Boolean).join(" ")}function It(t4,e4,n4){let r5=t4,o3=e4.split(".");for(;o3.length&&(r5=r5[o3[0]],r5!==void 0);)o3.shift();return r5||n4}var Mt;function Ot(n4,H8={}){H8.overrides=H8.overrides||{},H8.slugify=H8.slugify||_t,H8.namedCodesToUnicode=H8.namedCodesToUnicode?e3({},o2,H8.namedCodesToUnicode):o2;let q3=H8.createElement||t3.createElement;function U3(t4,n5,...r5){let o3=It(H8.overrides,`${t4}.props`,{});return q3(function(t5,e4){let n6=It(e4,t5);return n6?typeof n6=="function"||typeof n6=="object"&&"render"in n6?n6:It(e4,`${t5}.component`,t5):t5}(t4,H8.overrides),e3({},n5,o3,{className:Rt(n5?.className,o3.className)||void 0}),...r5)}function V2(e4){let n5=!1;H8.forceInline?n5=!0:H8.forceBlock||(n5=F2.test(e4)===!1);let r5=dt2(ft2(n5?e4:`${e4.trimEnd().replace(tt,"")}
+`)!==-1||s3&&i4;i4=l3;let f4=r6.u,d3=r6.o,p3;r6.o=!0,l3?(r6.u=!1,p3=_3.replace(nt,`
 
-`,{o:n5}));for(;typeof r5[r5.length-1]=="string"&&!r5[r5.length-1].trim();)r5.pop();if(H8.wrapper===null)return r5;let o3=H8.wrapper||(n5?"span":"div"),c3;if(r5.length>1||H8.forceWrapper)c3=r5;else{if(r5.length===1)return c3=r5[0],typeof c3=="string"?U3("span",{key:"outer"},c3):c3;c3=null}return t3.createElement(o3,{key:"outer"},c3)}function W3(e4){let n5=e4.match(a2);return n5?n5.reduce(function(e5,n6,o3){let c3=n6.indexOf("=");if(c3!==-1){let a3=function(t4){return t4.indexOf("-")!==-1&&t4.match(E2)===null&&(t4=t4.replace(T2,function(t5,e6){return e6.toUpperCase()})),t4}(n6.slice(0,c3)).trim(),u3=function(t4){let e6=t4[0];return(e6==='"'||e6==="'")&&t4.length>=2&&t4[t4.length-1]===e6?t4.slice(1,-1):t4}(n6.slice(c3+1).trim()),i4=r4[a3]||a3,l3=e5[i4]=function(t4,e6){return t4==="style"?e6.split(/;\s?/).reduce(function(t5,e7){let n7=e7.slice(0,e7.indexOf(":"));return t5[n7.replace(/(-[a-z])/g,t6=>t6[1].toUpperCase())]=e7.slice(n7.length+1).trim(),t5},{}):t4==="href"?bt(e6):(e6.match(R2)&&(e6=e6.slice(1,e6.length-1)),e6==="true"||e6!=="false"&&e6)}(a3,u3);typeof l3=="string"&&($.test(l3)||A3.test(l3))&&(e5[i4]=t3.cloneElement(V2(l3.trim()),{key:o3}))}else n6!=="style"&&(e5[r4[n6]||n6]=!0);return e5},{}):void 0}let nt2=[],at2={},lt2={blockQuote:{i:ht(l2),l:Mt.HIGH,_:(t4,e4,n5)=>({content:e4(t4[0].replace(s2,""),n5)}),p:(t4,e4,n5)=>U3("blockquote",{key:n5.g},e4(t4.content,n5))},breakLine:{i:kt(_2),l:Mt.HIGH,_:Et,p:(t4,e4,n5)=>U3("br",{key:n5.g})},breakThematic:{i:ht(f3),l:Mt.HIGH,_:Et,p:(t4,e4,n5)=>U3("hr",{key:n5.g})},codeBlock:{i:ht(p2),l:Mt.MAX,_:t4=>({content:t4[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),lang:void 0}),p:(t4,e4,n5)=>U3("pre",{key:n5.g},U3("code",{className:t4.lang?`lang-${t4.lang}`:""},t4.content))},codeFenced:{i:ht(d2),l:Mt.MAX,_:t4=>({content:t4[3],lang:t4[2]||void 0,type:"codeBlock"})},codeInline:{i:yt(g2),l:Mt.LOW,_:t4=>({content:t4[2]}),p:(t4,e4,n5)=>U3("code",{key:n5.g},t4.content)},footnote:{i:ht(h2),l:Mt.MAX,_:t4=>(nt2.push({footnote:t4[2],identifier:t4[1]}),{}),p:At},footnoteReference:{i:mt(k2),l:Mt.HIGH,_:t4=>({content:t4[1],target:`#${H8.slugify(t4[1])}`}),p:(t4,e4,n5)=>U3("a",{key:n5.g,href:bt(t4.target)},U3("sup",{key:n5.g},t4.content))},gfmTask:{i:mt(b2),l:Mt.HIGH,_:t4=>({completed:t4[1].toLowerCase()==="x"}),p:(t4,e4,n5)=>U3("input",{checked:t4.completed,key:n5.g,readOnly:!0,type:"checkbox"})},heading:{i:ht(v2),l:Mt.HIGH,_:(t4,e4,n5)=>({content:St(e4,t4[2],n5),id:H8.slugify(t4[2]),level:t4[1].length}),p:(t4,e4,n5)=>(t4.tag=`h${t4.level}`,U3(t4.tag,{id:t4.id,key:n5.g},e4(t4.content,n5)))},headingSetext:{i:ht(S2),l:Mt.MAX,_:(t4,e4,n5)=>({content:St(e4,t4[1],n5),level:t4[2]==="="?1:2,type:"heading"})},htmlComment:{i:kt(z2),l:Mt.HIGH,_:()=>({}),p:At},image:{i:yt(it),l:Mt.HIGH,_:t4=>({alt:t4[1],target:vt(t4[2]),title:t4[3]}),p:(t4,e4,n5)=>U3("img",{key:n5.g,alt:t4.alt||void 0,title:t4.title||void 0,src:bt(t4.target)})},link:{i:mt(ut),l:Mt.LOW,_:(t4,e4,n5)=>({content:$t(e4,t4[1],n5),target:vt(t4[2]),title:t4[3]}),p:(t4,e4,n5)=>U3("a",{key:n5.g,href:bt(t4.target),title:t4.title},e4(t4.content,n5))},linkAngleBraceStyleDetector:{i:mt(O2),l:Mt.MAX,_:t4=>({content:[{content:t4[1],type:"text"}],target:t4[1],type:"link"})},linkBareUrlDetector:{i:(t4,e4)=>e4.m?null:mt(I2)(t4,e4),l:Mt.MAX,_:t4=>({content:[{content:t4[1],type:"text"}],target:t4[1],title:void 0,type:"link"})},linkMailtoDetector:{i:mt(M2),l:Mt.MAX,_(t4){let e4=t4[1],n5=t4[1];return u2.test(n5)||(n5="mailto:"+n5),{content:[{content:e4.replace("mailto:",""),type:"text"}],target:n5,type:"link"}}},list:{i(t4,e4,n5){let r5=L2.exec(n5);return!r5||!e4.h&&e4.o?null:ct.exec(t4=r5[1]+t4)},l:Mt.HIGH,_(t4,e4,n5){let r5=t4[2],o3=r5.length>1,c3=o3?+r5:void 0,a3=t4[0].replace(i3,`
-`).match(ot),u3=!1;return{items:a3.map(function(t5,r6){let o4=rt.exec(t5)[0].length,c4=new RegExp("^ {1,"+o4+"}","gm"),i4=t5.replace(c4,"").replace(rt,""),l3=r6===a3.length-1,s3=i4.indexOf(`
+`)):(r6.u=!0,p3=_3.replace(nt,""));let g3=n5(p3,r6);return r6.u=f4,r6.o=d3,g3}),g:e4,m:a3}},h:(n5,e5,r6)=>t4(n5.g?"ol":"ul",{key:r6.k,start:n5.m},n5.p.map(function(n6,o4){return t4("li",{key:o4},e5(n6,r6))}))}}var ht="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",kt=`\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*`,xt=new RegExp("^\\[("+ht+")\\]\\("+kt+"\\)"),bt=new RegExp("^!\\[("+ht+")\\]\\("+kt+"\\)"),vt=[i3,d2,p2,v2,S2,z2,B2,ft,gt,dt,mt],St=[...vt,/^[^\n]+(?:  \n|\n{2,})/,$,A3];function $t(t4){return t4.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function wt(t4){return U2.test(t4)?"right":H7.test(t4)?"center":q2.test(t4)?"left":null}function zt(t4,n4,e4){let r5=e4.v;e4.v=!0;let o3=n4(t4.trim(),e4);e4.v=r5;let c3=[[]];return o3.forEach(function(t5,n5){t5.type==="tableSeparator"?n5!==0&&n5!==o3.length-1&&c3.push([]):(t5.type!=="text"||o3[n5+1]!=null&&o3[n5+1].type!=="tableSeparator"||(t5.S=t5.S.replace(G2,"")),c3[c3.length-1].push(t5))}),c3}function Et(t4,n4,e4){e4.u=!0;let r5=zt(t4[1],n4,e4),o3=t4[2].replace(P3,"").split("|").map(wt),c3=function(t5,n5,e5){return t5.trim().split(`
+`).map(function(t6){return zt(t6,n5,e5)})}(t4[3],n4,e4);return e4.u=!1,{$:o3,A:c3,L:r5,type:"table"}}function At(t4,n4){return t4.$[n4]==null?{}:{textAlign:t4.$[n4]}}function Lt(t4){return function(n4,e4){return e4.u?t4.exec(n4):null}}function Rt(t4){return function(n4,e4){return e4.u||e4._?t4.exec(n4):null}}function It(t4){return function(n4,e4){return e4.u||e4._?null:t4.exec(n4)}}function Mt(t4){return function(n4){return t4.exec(n4)}}function Ot(t4,n4,e4){if(n4.u||n4._||e4&&!e4.endsWith(`
+`))return null;let r5="";t4.split(`
+`).every(t5=>!vt.some(n5=>n5.test(t5))&&(r5+=t5+`
+`,t5.trim()));let o3=r5.trimEnd();return o3==""?null:[r5,o3]}function Bt(t4){try{if(decodeURIComponent(t4).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data):/i))return null}catch{return null}return t4}function Tt(t4){return t4.replace(tt,"$1")}function jt(t4,n4,e4){let r5=e4.u||!1,o3=e4._||!1;e4.u=!0,e4._=!0;let c3=t4(n4,e4);return e4.u=r5,e4._=o3,c3}function Ct(t4,n4,e4){let r5=e4.u||!1,o3=e4._||!1;e4.u=!1,e4._=!0;let c3=t4(n4,e4);return e4.u=r5,e4._=o3,c3}function Zt(t4,n4,e4){return e4.u=!1,t4(n4+`
 
-`)!==-1||l3&&u3;u3=s3;let _3=n5.o,f4=n5.h,d3;n5.h=!0,s3?(n5.o=!1,d3=i4.replace(B2,`
+`,e4)}var Dt=(t4,n4,e4)=>({S:jt(n4,t4[1],e4)});function Nt(){return{}}function Ft(){return null}function Pt(...t4){return t4.filter(Boolean).join(" ")}function Gt(t4,n4,e4){let r5=t4,o3=n4.split(".");for(;o3.length&&(r5=r5[o3[0]],r5!==void 0);)o3.shift();return r5||e4}var Ht;function qt(e4,_3={}){_3.overrides=_3.overrides||{},_3.slugify=_3.slugify||$t,_3.namedCodesToUnicode=_3.namedCodesToUnicode?n3({},o2,_3.namedCodesToUnicode):o2;let P4=_3.createElement||t3.createElement;function G3(t4,e5,...r5){let o3=Gt(_3.overrides,`${t4}.props`,{});return P4(function(t5,n4){let e6=Gt(n4,t5);return e6?typeof e6=="function"||typeof e6=="object"&&"render"in e6?e6:Gt(n4,`${t5}.component`,t5):t5}(t4,_3.overrides),n3({},e5,o3,{className:Pt(e5?.className,o3.className)||void 0}),...r5)}function H8(n4){let e5=!1;_3.forceInline?e5=!0:_3.forceBlock||(e5=D2.test(n4)===!1);let r5=rt2(et2(e5?n4:`${n4.trimEnd().replace(K2,"")}
 
-`)):(n5.o=!0,d3=i4.replace(B2,""));let p3=e4(d3,n5);return n5.o=_3,n5.h=f4,p3}),ordered:o3,start:c3}},p:(t4,e4,n5)=>U3(t4.ordered?"ol":"ul",{key:n5.g,start:t4.start},t4.items.map(function(t5,r5){return U3("li",{key:r5},e4(t5,n5))}))},newlineCoalescer:{i:ht(m2),l:Mt.LOW,_:Et,p:()=>`
-`},paragraph:{i:xt,l:Mt.LOW,_:zt,p:(t4,e4,n5)=>U3("p",{key:n5.g},e4(t4.content,n5))},ref:{i:mt(C2),l:Mt.MAX,_:t4=>(at2[t4[1]]={target:t4[2],title:t4[4]},{}),p:At},refImage:{i:yt(D2),l:Mt.MAX,_:t4=>({alt:t4[1]||void 0,ref:t4[2]}),p:(t4,e4,n5)=>U3("img",{key:n5.g,alt:t4.alt,src:bt(at2[t4.ref].target),title:at2[t4.ref].title})},refLink:{i:mt(N2),l:Mt.MAX,_:(t4,e4,n5)=>({content:e4(t4[1],n5),fallbackContent:e4(t4[0].replace(Z,"\\$1"),n5),ref:t4[2]}),p:(t4,e4,n5)=>at2[t4.ref]?U3("a",{key:n5.g,href:bt(at2[t4.ref].target),title:at2[t4.ref].title},e4(t4.content,n5)):U3("span",{key:n5.g},e4(t4.fallbackContent,n5))},table:{i:ht(j2),l:Mt.HIGH,_:pt,p:(t4,e4,n5)=>U3("table",{key:n5.g},U3("thead",null,U3("tr",null,t4.header.map(function(r5,o3){return U3("th",{key:o3,style:gt(t4,o3)},e4(r5,n5))}))),U3("tbody",null,t4.cells.map(function(r5,o3){return U3("tr",{key:o3},r5.map(function(r6,o4){return U3("td",{key:o4,style:gt(t4,o4)},e4(r6,n5))}))})))},tableSeparator:{i:function(t4,e4){return e4.t?G2.exec(t4):null},l:Mt.HIGH,_:function(){return{type:"tableSeparator"}},p:()=>" | "},text:{i:kt(Y2),l:Mt.MIN,_:t4=>({content:t4[0].replace(w2,(t5,e4)=>H8.namedCodesToUnicode[e4]?H8.namedCodesToUnicode[e4]:t5)}),p:t4=>t4.content},textBolded:{i:yt(Q),l:Mt.MED,_:(t4,e4,n5)=>({content:e4(t4[2],n5)}),p:(t4,e4,n5)=>U3("strong",{key:n5.g},e4(t4.content,n5))},textEmphasized:{i:yt(X),l:Mt.LOW,_:(t4,e4,n5)=>({content:e4(t4[2],n5)}),p:(t4,e4,n5)=>U3("em",{key:n5.g},e4(t4.content,n5))},textEscaped:{i:yt(K2),l:Mt.HIGH,_:t4=>({content:t4[1],type:"text"})},textStrikethroughed:{i:yt(J),l:Mt.LOW,_:zt,p:(t4,e4,n5)=>U3("del",{key:n5.g},e4(t4.content,n5))}};H8.disableParsingRawHTML!==!0&&(lt2.htmlBlock={i:kt($),l:Mt.HIGH,_(t4,e4,n5){let[,r5]=t4[3].match(et),o3=new RegExp(`^${r5}`,"gm"),a3=t4[3].replace(o3,""),u3=(i4=a3,st.some(t5=>t5.test(i4))?wt:St);var i4;let l3=t4[1].toLowerCase(),s3=c2.indexOf(l3)!==-1;n5.m=n5.m||l3==="a";let _3=s3?t4[3]:u3(e4,a3,n5);return n5.m=!1,{attrs:W3(t4[2]),content:_3,noInnerParse:s3,tag:s3?l3:t4[1]}},p:(t4,n5,r5)=>U3(t4.tag,e3({key:r5.g},t4.attrs),t4.noInnerParse?t4.content:n5(t4.content,r5))},lt2.htmlSelfClosing={i:kt(A3),l:Mt.HIGH,_:t4=>({attrs:W3(t4[2]||""),tag:t4[1]}),p:(t4,n5,r5)=>U3(t4.tag,e3({},t4.attrs,{key:r5.g}))});let ft2=function(t4){let e4=Object.keys(t4);function n5(r5,o3){let c3=[],a3="";for(;r5;){let u3=0;for(;u3<e4.length;){let i4=e4[u3],l3=t4[i4],s3=l3.i(r5,o3,a3);if(s3){let t5=s3[0];r5=r5.substring(t5.length);let e5=l3._(s3,n5,o3);e5.type==null&&(e5.type=i4),c3.push(e5),a3=t5;break}u3++}}return c3}return e4.sort(function(e5,n6){let r5=t4[e5].l,o3=t4[n6].l;return r5!==o3?r5-o3:e5<n6?-1:1}),function(t5,e5){return n5(function(t6){return t6.replace(y2,`
-`).replace(x2,"").replace(P3,"    ")}(t5),e5)}}(lt2),dt2=(Ot2=function(t4){return function(e4,n5,r5){return t4[e4.type].p(e4,n5,r5)}}(lt2),function t4(e4,n5={}){if(Array.isArray(e4)){let r5=n5.g,o3=[],c3=!1;for(let r6=0;r6<e4.length;r6++){n5.g=r6;let a3=t4(e4[r6],n5),u3=typeof a3=="string";u3&&c3?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c3=u3}return n5.g=r5,o3}return Ot2(e4,t4,n5)});var Ot2;let Bt=V2(n4);return nt2.length?U3("div",null,Bt,U3("footer",{key:"footer"},nt2.map(function(t4){return U3("div",{id:H8.slugify(t4.identifier),key:t4.identifier},t4.identifier,dt2(ft2(t4.footnote,{o:!0})))}))):Bt}(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"})(Mt||(Mt={}));var index_modern_default=e4=>{let{children:r5,options:o3}=e4,c3=function(t4,e5){if(t4==null)return{};var n4,r6,o4={},c4=Object.keys(t4);for(r6=0;r6<c4.length;r6++)e5.indexOf(n4=c4[r6])>=0||(o4[n4]=t4[n4]);return o4}(e4,n3);return t3.cloneElement(Ot(r5,o3),c3)};var import_react85=__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_react85.default.createElement(Footer,{...props},import_react85.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react85.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react85.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_react86.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react86.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react86.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react86.default.createElement(Container4,null,import_react86.default.createElement(Header,null,import_react86.default.createElement(StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react86.default.createElement(import_react86.Fragment,null,import_react86.default.createElement(Subheader,null,import_react86.default.createElement(Subheading,null,latest.version," Changelog"),import_react86.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_react86.default.createElement(DocumentWrapper,null,import_react86.default.createElement(index_modern_default,null,latest.info.plain))):import_react86.default.createElement(ErrorMessage,null,import_react86.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_react86.default.createElement(Upgrade,null,import_react86.default.createElement(DocumentWrapper,null,import_react86.default.createElement("p",null,import_react86.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react86.default.createElement(SyntaxHighlighter22,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx sb upgrade"))),import_react86.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react87.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi();return import_react87.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react87.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_react89=__toESM(require_react());var import_react88=__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_react88.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_react88.default.createElement(Centered,null,import_react88.default.createElement(LoaderWrapper3,null,import_react88.default.createElement(Loader,null)),import_react88.default.createElement(Message4,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react88.default.createElement(Centered,null,import_react88.default.createElement(AlertIcon,null),import_react88.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_react88.default.createElement(import_react88.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react88.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react88.default.createElement(MaxWaitTimeMessaging,null):import_react88.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_react88.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react88.useState)(!1);return(0,import_react88.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react88.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version:version2})};var ReleaseNotesPage=()=>{let api=useStorybookApi();(0,import_react89.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version2=api.releaseNotesVersion();return import_react89.default.createElement(ReleaseNotesScreen,{version:version2})};var import_react91=__toESM(require_react());var import_react90=__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`
+`,{u:e5}));for(;typeof r5[r5.length-1]=="string"&&!r5[r5.length-1].trim();)r5.pop();if(_3.wrapper===null)return r5;let o3=_3.wrapper||(e5?"span":"div"),c3;if(r5.length>1||_3.forceWrapper)c3=r5;else{if(r5.length===1)return c3=r5[0],typeof c3=="string"?G3("span",{key:"outer"},c3):c3;c3=null}return t3.createElement(o3,{key:"outer"},c3)}function q3(n4){let e5=n4.match(a2);return e5?e5.reduce(function(n5,e6,o3){let c3=e6.indexOf("=");if(c3!==-1){let a3=function(t4){return t4.indexOf("-")!==-1&&t4.match(E2)===null&&(t4=t4.replace(O2,function(t5,n6){return n6.toUpperCase()})),t4}(e6.slice(0,c3)).trim(),u3=function(t4){let n6=t4[0];return(n6==='"'||n6==="'")&&t4.length>=2&&t4[t4.length-1]===n6?t4.slice(1,-1):t4}(e6.slice(c3+1).trim()),_4=r4[a3]||a3,i4=n5[_4]=function(t4,n6){return t4==="style"?n6.split(/;\s?/).reduce(function(t5,n7){let e7=n7.slice(0,n7.indexOf(":"));return t5[e7.replace(/(-[a-z])/g,t6=>t6[1].toUpperCase())]=n7.slice(e7.length+1).trim(),t5},{}):t4==="href"?Bt(n6):(n6.match(L2)&&(n6=n6.slice(1,n6.length-1)),n6==="true"||n6!=="false"&&n6)}(a3,u3);typeof i4=="string"&&($.test(i4)||A3.test(i4))&&(n5[_4]=t3.cloneElement(H8(i4.trim()),{key:o3}))}else e6!=="style"&&(n5[r4[e6]||e6]=!0);return n5},{}):void 0}let U3=[],tt2={},nt2={blockQuote:{t:It(i3),i:Ht.HIGH,l:(t4,n4,e5)=>({S:n4(t4[0].replace(s2,""),e5)}),h:(t4,n4,e5)=>G3("blockquote",{key:e5.k},n4(t4.S,e5))},breakLine:{t:Mt(l2),i:Ht.HIGH,l:Nt,h:(t4,n4,e5)=>G3("br",{key:e5.k})},breakThematic:{t:It(f3),i:Ht.HIGH,l:Nt,h:(t4,n4,e5)=>G3("hr",{key:e5.k})},codeBlock:{t:It(p2),i:Ht.MAX,l:t4=>({S:t4[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),R:void 0}),h:(t4,e5,r5)=>G3("pre",{key:r5.k},G3("code",n3({},t4.I,{className:t4.R?`lang-${t4.R}`:""}),t4.S))},codeFenced:{t:It(d2),i:Ht.MAX,l:t4=>({I:q3(t4[3]||""),S:t4[4],R:t4[2]||void 0,type:"codeBlock"})},codeInline:{t:Rt(g2),i:Ht.LOW,l:t4=>({S:t4[2]}),h:(t4,n4,e5)=>G3("code",{key:e5.k},t4.S)},footnote:{t:It(h2),i:Ht.MAX,l:t4=>(U3.push({M:t4[2],O:t4[1]}),{}),h:Ft},footnoteReference:{t:Lt(k2),i:Ht.HIGH,l:t4=>({S:t4[1],B:`#${_3.slugify(t4[1])}`}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.B)},G3("sup",{key:e5.k},t4.S))},gfmTask:{t:Lt(b2),i:Ht.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:It(v2),i:Ht.HIGH,l:(t4,n4,e5)=>({S:jt(n4,t4[2],e5),j:_3.slugify(t4[2]),C:t4[1].length}),h:(t4,n4,e5)=>G3(`h${t4.C}`,{id:t4.j,key:e5.k},n4(t4.S,e5))},headingSetext:{t:It(S2),i:Ht.MAX,l:(t4,n4,e5)=>({S:jt(n4,t4[1],e5),C:t4[2]==="="?1:2,type:"heading"})},htmlComment:{t:Mt(z2),i:Ht.HIGH,l:()=>({}),h:Ft},image:{t:Rt(bt),i:Ht.HIGH,l:t4=>({Z:t4[1],B:Tt(t4[2]),D:t4[3]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.Z||void 0,title:t4.D||void 0,src:Bt(t4.B)})},link:{t:Lt(xt),i:Ht.LOW,l:(t4,n4,e5)=>({S:Ct(n4,t4[1],e5),B:Tt(t4[2]),D:t4[3]}),h:(t4,n4,e5)=>G3("a",{key:e5.k,href:Bt(t4.B),title:t4.D},n4(t4.S,e5))},linkAngleBraceStyleDetector:{t:Lt(M2),i:Ht.MAX,l:t4=>({S:[{S:t4[1],type:"text"}],B:t4[1],type:"link"})},linkBareUrlDetector:{t:(t4,n4)=>n4.N?null:Lt(R2)(t4,n4),i:Ht.MAX,l:t4=>({S:[{S:t4[1],type:"text"}],B:t4[1],D:void 0,type:"link"})},linkMailtoDetector:{t:Lt(I2),i:Ht.MAX,l(t4){let n4=t4[1],e5=t4[1];return u2.test(e5)||(e5="mailto:"+e5),{S:[{S:n4.replace("mailto:",""),type:"text"}],B:e5,type:"link"}}},orderedList:yt(G3,1),unorderedList:yt(G3,2),newlineCoalescer:{t:It(m2),i:Ht.LOW,l:Nt,h:()=>`
+`},paragraph:{t:Ot,i:Ht.LOW,l:Dt,h:(t4,n4,e5)=>G3("p",{key:e5.k},n4(t4.S,e5))},ref:{t:Lt(T2),i:Ht.MAX,l:t4=>(tt2[t4[1]]={B:t4[2],D:t4[4]},{}),h:Ft},refImage:{t:Rt(j2),i:Ht.MAX,l:t4=>({Z:t4[1]||void 0,F:t4[2]}),h:(t4,n4,e5)=>G3("img",{key:e5.k,alt:t4.Z,src:Bt(tt2[t4.F].B),title:tt2[t4.F].D})},refLink:{t:Lt(C2),i:Ht.MAX,l:(t4,n4,e5)=>({S:n4(t4[1],e5),P:n4(t4[0].replace(Z,"\\$1"),e5),F:t4[2]}),h:(t4,n4,e5)=>tt2[t4.F]?G3("a",{key:e5.k,href:Bt(tt2[t4.F].B),title:tt2[t4.F].D},n4(t4.S,e5)):G3("span",{key:e5.k},n4(t4.P,e5))},table:{t:It(B2),i:Ht.HIGH,l:Et,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:Ht.HIGH,l:function(){return{type:"tableSeparator"}},h:()=>" | "},text:{t:Mt(J),i:Ht.MIN,l:t4=>({S:t4[0].replace(w2,(t5,n4)=>_3.namedCodesToUnicode[n4]?_3.namedCodesToUnicode[n4]:t5)}),h:t4=>t4.S},textBolded:{t:Rt(V),i:Ht.MED,l:(t4,n4,e5)=>({S:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("strong",{key:e5.k},n4(t4.S,e5))},textEmphasized:{t:Rt(W2),i:Ht.LOW,l:(t4,n4,e5)=>({S:n4(t4[2],e5)}),h:(t4,n4,e5)=>G3("em",{key:e5.k},n4(t4.S,e5))},textEscaped:{t:Rt(X),i:Ht.HIGH,l:t4=>({S:t4[1],type:"text"})},textStrikethroughed:{t:Rt(Q),i:Ht.LOW,l:Dt,h:(t4,n4,e5)=>G3("del",{key:e5.k},n4(t4.S,e5))}};_3.disableParsingRawHTML!==!0&&(nt2.htmlBlock={t:Mt($),i:Ht.HIGH,l(t4,n4,e5){let[,r5]=t4[3].match(Y2),o3=new RegExp(`^${r5}`,"gm"),a3=t4[3].replace(o3,""),u3=(_4=a3,St.some(t5=>t5.test(_4))?Zt:jt);var _4;let i4=t4[1].toLowerCase(),s3=c2.indexOf(i4)!==-1;e5.N=e5.N||i4==="a";let l3=s3?t4[3]:u3(n4,a3,e5);return e5.N=!1,{I:q3(t4[2]),S:l3,G:s3,H:s3?i4:t4[1]}},h:(t4,e5,r5)=>G3(t4.H,n3({key:r5.k},t4.I),t4.G?t4.S:e5(t4.S,r5))},nt2.htmlSelfClosing={t:Mt(A3),i:Ht.HIGH,l:t4=>({I:q3(t4[2]||""),H:t4[1]}),h:(t4,e5,r5)=>G3(t4.H,n3({},t4.I,{key:r5.k}))});let et2=function(t4){let n4=Object.keys(t4);function e5(r5,o3){let c3=[],a3="";for(;r5;){let u3=0;for(;u3<n4.length;){let _4=n4[u3],i4=t4[_4],s3=i4.t(r5,o3,a3);if(s3){let t5=s3[0];r5=r5.substring(t5.length);let n5=i4.l(s3,e5,o3);n5.type==null&&(n5.type=_4),c3.push(n5),a3=t5;break}u3++}}return c3}return n4.sort(function(n5,e6){let r5=t4[n5].i,o3=t4[e6].i;return r5!==o3?r5-o3:n5<e6?-1:1}),function(t5,n5){return e5(function(t6){return t6.replace(y2,`
+`).replace(x2,"").replace(N2,"    ")}(t5),n5)}}(nt2),rt2=(ot2=function(t4){return function(n4,e5,r5){return t4[n4.type].h(n4,e5,r5)}}(nt2),function t4(n4,e5={}){if(Array.isArray(n4)){let r5=e5.k,o3=[],c3=!1;for(let r6=0;r6<n4.length;r6++){e5.k=r6;let a3=t4(n4[r6],e5),u3=typeof a3=="string";u3&&c3?o3[o3.length-1]+=a3:a3!==null&&o3.push(a3),c3=u3}return e5.k=r5,o3}return ot2(n4,t4,e5)});var ot2;let ct2=H8(e4);return U3.length?G3("div",null,ct2,G3("footer",{key:"footer"},U3.map(function(t4){return G3("div",{id:_3.slugify(t4.O),key:t4.O},t4.O,rt2(et2(t4.M,{u:!0})))}))):ct2}(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"})(Ht||(Ht={}));var index_modern_default=n4=>{let{children:r5,options:o3}=n4,c3=function(t4,n5){if(t4==null)return{};var e4,r6,o4={},c4=Object.keys(t4);for(r6=0;r6<c4.length;r6++)n5.indexOf(e4=c4[r6])>=0||(o4[e4]=t4[e4]);return o4}(n4,e3);return t3.cloneElement(qt(r5,o3),c3)};var import_react85=__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_react85.default.createElement(Footer,{...props},import_react85.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react85.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react85.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_react86.default.createElement(UpdateMessage,{status:"positive"},"Storybook ",latest.version," is available. Upgrade from ",current.version," now."):updateMessage=import_react86.default.createElement(UpdateMessage,{status:"neutral"},"Looking good! You're up to date."):updateMessage=import_react86.default.createElement(UpdateMessage,{status:"negative"},"Oops! The latest version of Storybook couldn't be fetched."),import_react86.default.createElement(Container4,null,import_react86.default.createElement(Header,null,import_react86.default.createElement(StorybookIcon,null),"Storybook ",current.version),updateMessage,latest?import_react86.default.createElement(import_react86.Fragment,null,import_react86.default.createElement(Subheader,null,import_react86.default.createElement(Subheading,null,latest.version," Changelog"),import_react86.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_react86.default.createElement(DocumentWrapper,null,import_react86.default.createElement(index_modern_default,null,latest.info.plain))):import_react86.default.createElement(ErrorMessage,null,import_react86.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_react86.default.createElement(Upgrade,null,import_react86.default.createElement(DocumentWrapper,null,import_react86.default.createElement("p",null,import_react86.default.createElement("b",null,"Upgrade all Storybook packages to latest:")),import_react86.default.createElement(SyntaxHighlighter22,{language:"bash",copyable:!0,padded:!0,bordered:!0},"npx sb upgrade"))),import_react86.default.createElement(SettingsFooter_default,null))};var NotificationClearer=class extends import_react87.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi();return import_react87.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react87.default.createElement(AboutScreen,{current:api.getCurrentVersion(),latest:api.getLatestVersion()}))};var import_react89=__toESM(require_react());var import_react88=__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_react88.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_react88.default.createElement(Centered,null,import_react88.default.createElement(LoaderWrapper3,null,import_react88.default.createElement(Loader,null)),import_react88.default.createElement(Message4,null,"Loading release notes")),MaxWaitTimeMessaging=()=>import_react88.default.createElement(Centered,null,import_react88.default.createElement(AlertIcon,null),import_react88.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_react88.default.createElement(import_react88.Fragment,null,!isLoaded&&!didHitMaxWaitTime&&import_react88.default.createElement(ReleaseNotesLoader,null),didHitMaxWaitTime?import_react88.default.createElement(MaxWaitTimeMessaging,null):import_react88.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_react88.useState)(!1),[didHitMaxWaitTime,setDidHitMaxWaitTime]=(0,import_react88.useState)(!1);return(0,import_react88.useEffect)(()=>{let timer=setTimeout(()=>!isLoaded&&setDidHitMaxWaitTime(!0),MAX_WAIT_TIME);return()=>clearTimeout(timer)},[isLoaded]),import_react88.default.createElement(PureReleaseNotesScreen,{didHitMaxWaitTime,isLoaded,setLoaded,version:version2})};var ReleaseNotesPage=()=>{let api=useStorybookApi();(0,import_react89.useEffect)(()=>{api.setDidViewReleaseNotes()},[]);let version2=api.releaseNotesVersion();return import_react89.default.createElement(ReleaseNotesScreen,{version:version2})};var import_react91=__toESM(require_react());var import_react90=__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"},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_react90.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_react90.default.createElement(Row,{key:feature},import_react90.default.createElement(Description,null,shortcutLabels[feature]||addonsShortcutLabels[feature]),import_react90.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_react90.default.createElement(SuccessIcon,{valid:this.displaySuccessMessage(feature),icon:"check"})))};this.renderKeyForm=()=>import_react90.default.createElement(GridWrapper,null,import_react90.default.createElement(GridHeaderRow,null,import_react90.default.createElement(HeaderItem,null,"Commands"),import_react90.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_react90.default.createElement(Container5,null,import_react90.default.createElement(Header2,null,"Keyboard shortcuts"),layout,import_react90.default.createElement(Form.Button,{tertiary:!0,small:!0,id:"restoreDefaultsHotkeys",onClick:this.restoreDefaults},"Restore defaults"),import_react90.default.createElement(SettingsFooter_default,null))}};var ShortcutsPage=()=>import_react91.default.createElement(ManagerConsumer,null,({api:{getShortcutKeys,getAddonsShortcutLabels,setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}})=>import_react91.default.createElement(ShortcutsScreen,{shortcutKeys:getShortcutKeys(),addonsShortcutLabels:getAddonsShortcutLabels(),setShortcut,restoreDefaultShortcut,restoreAllDefaultShortcuts}));var{document:document12}=scope,TabBarButton=import_react92.default.memo(function({changeTab,id,title}){return import_react92.default.createElement(Location,null,({path})=>{let active=path.includes(`settings/${id}`);return import_react92.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_react92.default.useEffect(()=>{let handleEscape=event=>{!enableShortcuts||event.repeat||matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)&&(event.preventDefault(),onClose())};return document12.addEventListener("keydown",handleEscape),()=>document12.removeEventListener("keydown",handleEscape)},[enableShortcuts,onClose]),import_react92.default.createElement(import_react92.Fragment,null,import_react92.default.createElement(FlexBar,{border:!0},import_react92.default.createElement(TabBar,{role:"tablist"},import_react92.default.createElement(TabBarButton,{id:"about",title:"About",changeTab}),hasReleaseNotes&&import_react92.default.createElement(TabBarButton,{id:"release-notes",title:"Release notes",changeTab}),import_react92.default.createElement(TabBarButton,{id:"shortcuts",title:"Keyboard shortcuts",changeTab})),import_react92.default.createElement(IconButton,{onClick:e4=>(e4.preventDefault(),onClose()),title:"Close settings page"},import_react92.default.createElement(Icons,{icon:"close"}))),import_react92.default.createElement(Content2,{vertical:!0,horizontal:!1},import_react92.default.createElement(Route2,{path:"about"},import_react92.default.createElement(AboutPage,{key:"about"})),import_react92.default.createElement(Route2,{path:"release-notes"},import_react92.default.createElement(ReleaseNotesPage,{key:"release-notes"})),import_react92.default.createElement(Route2,{path:"shortcuts"},import_react92.default.createElement(ShortcutsPage,{key:"shortcuts"}))))),SettingsPages=()=>{let api=useStorybookApi(),state=useStorybookState(),changeTab=tab=>api.changeSettingsTab(tab);return import_react92.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_react93.useMemo)(()=>({Sidebar:sidebar_default,Preview:preview_default,Panel:panel_default2,Notifications:notifications_default,pages:[{key:"settings",render:()=>import_react93.default.createElement(SettingsPages,null),route:({children})=>import_react93.default.createElement(Route2,{path:"/settings/",startsWith:!0},children)}]}),[]);return!width||!height?content=import_react93.default.createElement("div",null):width<600?content=import_react93.default.createElement(Mobile,{...props,viewMode,options:layout}):content=import_react93.default.createElement(Desktop,{...props,viewMode,options:layout,width,height,panelCount}),import_react93.default.createElement(View,{ref},import_react93.default.createElement(Global,{styles:createGlobal}),import_react93.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!"),{}}};var emotionCache=emotion_cache_browser_esm_default({key:"sto"});emotionCache.compat=!0;ThemeProvider.displayName="ThemeProvider";q.displayName="HelmetProvider";var Root4=({provider})=>import_react94.default.createElement(q,{key:"helmet.Provider"},import_react94.default.createElement(LocationProvider,{key:"location.provider"},import_react94.default.createElement(Main2,{provider}))),Main2=({provider})=>{let navigate=useNavigate2();return import_react94.default.createElement(Location,{key:"location.consumer"},locationData=>import_react94.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_react94.default.createElement(CacheProvider,{value:emotionCache},import_react94.default.createElement(ThemeProvider,{key:"theme.provider",theme:ensure(state.theme)},import_react94.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_react94.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};