@storybook/manager 7.0.0-beta.55 → 7.0.0-beta.57

package/dist/index.js

@@ -324,7 +324,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global22.global.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0:result2.type)==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index}=store22.getState();return refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){import_client_logger3.logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,get storiesHash(){return(0,import_client_logger3.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger3.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger3.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}},init:async()=>{var _a;fullAPI.on(import_core_events22.STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(import_core_events22.SELECT_STORY,function({kind,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(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.0.0-beta.55",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:import_types22.Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(import_core_events72.SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return state}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider2,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global22.global.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0:result2.type)==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index}=store22.getState();return refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){import_client_logger3.logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,get storiesHash(){return(0,import_client_logger3.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger3.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger3.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}},init:async()=>{var _a;fullAPI.on(import_core_events22.STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(import_core_events22.SELECT_STORY,function({kind,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(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","ui","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts}}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.0.0-beta.57",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:import_types22.Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()&&this.getChannel().emit(import_core_events72.SET_CONFIG,value2)},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return state}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=data.type==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider2,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
 `+rule+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!isImportRule3}if(this.isSpeedy){var sheet=sheetForTag(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e4){process.env.NODE_ENV!=="production"&&!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)&&console.error('There was a problem inserting the following rule: "'+rule+'"',e4)}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function(){this.tags.forEach(function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)}),this.tags=[],this.ctr=0,process.env.NODE_ENV!=="production"&&(this._alreadyInsertedOrderInsensitiveRule=!1)},StyleSheet2}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(value2,length22){return charat(value2,0)^45?(((length22<<2^charat(value2,0))<<2^charat(value2,1))<<2^charat(value2,2))<<2^charat(value2,3):0}function trim(value2){return value2.trim()}function match(value2,pattern){return(value2=pattern.exec(value2))?value2[0]:value2}function replace(value2,pattern,replacement){return value2.replace(pattern,replacement)}function indexof(value2,search){return value2.indexOf(search)}function charat(value2,index){return value2.charCodeAt(index)|0}function substr(value2,begin,end){return value2.slice(begin,end)}function strlen(value2){return value2.length}function sizeof(value2){return value2.length}function append(value2,array){return array.push(value2),value2}function combine(array,callback){return array.map(callback).join("")}var line=1,column=1,length2=0,position=0,character=0,characters="";function node(value2,root4,parent,type,props,children,length22){return{value:value2,root:root4,parent,type,props,children,line,column,length:length22,return:""}}function copy2(root4,props){return assign(node("",null,null,"",null,null,0),root4,{length:-root4.length},props)}function char(){return character}function prev(){return character=position>0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position<length2?charat(characters,position++):0,column++,character===10&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value2){return line=column=1,length2=strlen(characters=value2),position=0,[]}function dealloc(value2){return characters="",value2}function delimit(type){return trim(slice(position-1,delimiter(type===91?type+2:type===40?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10&&!(type+character===42+42&&peek()===47););return"/*"+slice(index,position-1)+"*"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value2){return dealloc(parse2("",null,null,null,[""],value2=alloc(value2),0,[0],value2))}function parse2(value2,root4,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length22=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type="",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length22-1)==58){indexof(characters2+=replace(delimit(character2),"&","&\f"),"&\f")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root4,parent),declarations);break;default:characters2+="/"}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:property>0&&strlen(characters2)-length22&&append(property>32?declaration(characters2+";",rule,parent,length22-1):declaration(replace(characters2," ","")+";",rule,parent,length22-2),declarations);break;case 59:characters2+=";";default:if(append(reference=ruleset(characters2,root4,parent,index,offset,rules,points,type,props=[],children=[],length22),rulesets),character2===123)if(offset===0)parse2(characters2,root4,reference,reference,props,rulesets,length22,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 109:case 115:parse2(value2,reference,reference,rule&&append(ruleset(value2,reference,reference,0,0,rules,points,type,rules,props=[],length22),children),rules,children,length22,points,rule?props:children);break;default:parse2(characters2,reference,reference,reference,[""],children,0,points,children)}}index=offset=property=0,variable=ampersand=1,type=characters2="",length22=pseudo;break;case 58:length22=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+="\f",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length22=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0)}}return rulesets}function ruleset(value2,root4,parent,index,offset,rules,points,type,props,children,length22){for(var post=offset-1,rule=offset===0?rules:[""],size=sizeof(rule),i4=0,j3=0,k3=0;i4<index;++i4)for(var x3=0,y3=substr(value2,post+1,post=abs(j3=points[i4])),z3=value2;x3<size;++x3)(z3=trim(j3>0?rule[x3]+" "+y3:replace(y3,/&\f/g,rule[x3])))&&(props[k3++]=z3);return node(value2,root4,parent,offset===0?RULESET:type,props,children,length22)}function comment(value2,root4,parent){return node(value2,root4,parent,COMMENT,from(char()),substr(value2,2,-2),0)}function declaration(value2,root4,parent,length22){return node(value2,root4,parent,DECLARATION,substr(value2,0,length22),substr(value2,length22+1,-1),length22)}function serialize(children,callback){for(var output="",length22=sizeof(children),i4=0;i4<length22;i4++)output+=callback(children[i4],i4,children,callback)||"";return output}function stringify2(element,index,children,callback){switch(element.type){case IMPORT:case DECLARATION:return element.return=element.return||element.value;case COMMENT:return"";case KEYFRAMES:return element.return=element.value+"{"+serialize(element.children,callback)+"}";case RULESET:element.value=element.props.join(",")}return strlen(children=serialize(element.children,callback))?element.return=element.value+"{"+children+"}":""}function middleware(collection){var length22=sizeof(collection);return function(element,index,children,callback){for(var output="",i4=0;i4<length22;i4++)output+=collection[i4](element,index,children,callback)||"";return output}}function rulesheet(callback){return function(element){element.root||(element=element.return)&&callback(element)}}var weakMemoize=function(func){var cache=new WeakMap;return function(arg){if(cache.has(arg))return cache.get(arg);var ret=func(arg);return cache.set(arg,ret),ret}},emotion_weak_memoize_esm_default=weakMemoize,identifierWithPointTracking=function(begin,points,index){for(var previous=0,character2=0;previous=character2,character2=peek(),previous===38&&character2===12&&(points[index]=1),!token(character2);)next();return slice(begin,position)},toRules=function(parsed,points){var index=-1,character2=44;do switch(token(character2)){case 0:character2===38&&peek()===12&&(points[index]=1),parsed[index]+=identifierWithPointTracking(position-1,points,index);break;case 2:parsed[index]+=delimit(character2);break;case 4:if(character2===44){parsed[++index]=peek()===58?"&\f":"",points[index]=parsed[index].length;break}default:parsed[index]+=from(character2)}while(character2=next());return parsed},getRules=function(value2,points){return dealloc(toRules(alloc(value2),points))},fixedElements=new WeakMap,compat=function(element){if(!(element.type!=="rule"||!element.parent||element.length<1)){for(var value2=element.value,parent=element.parent,isImplicitRule=element.column===parent.column&&element.line===parent.line;parent.type!=="rule";)if(parent=parent.parent,!parent)return;if(!(element.props.length===1&&value2.charCodeAt(0)!==58&&!fixedElements.get(parent))&&!isImplicitRule){fixedElements.set(element,!0);for(var points=[],rules=getRules(value2,points),parentRules=parent.props,i4=0,k3=0;i4<rules.length;i4++)for(var j3=0;j3<parentRules.length;j3++,k3++)element.props[k3]=points[i4]?rules[i4].replace(/&\f/g,parentRules[j3]):parentRules[j3]+" "+rules[i4]}}},removeLabel=function(element){if(element.type==="decl"){var value2=element.value;value2.charCodeAt(0)===108&&value2.charCodeAt(2)===98&&(element.return="",element.value="")}},ignoreFlag="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",isIgnoringComment=function(element){return element.type==="comm"&&element.children.indexOf(ignoreFlag)>-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!=="rule"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=element.parent===children[0],commentContainer=isNested?children[0].children:children,i4=commentContainer.length-1;i4>=0;i4--){var node2=commentContainer[i4];if(node2.line<element.line)break;if(node2.column<element.column){if(isIgnoringComment(node2))return;break}}unsafePseudoClasses.forEach(function(unsafePseudoClass){console.error('The pseudo class "'+unsafePseudoClass+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+unsafePseudoClass.split("-child")[0]+'-of-type".')})}}}},isImportRule=function(element){return element.type.charCodeAt(1)===105&&element.type.charCodeAt(0)===64},isPrependedWithRegularRules=function(index,children){for(var i4=index-1;i4>=0;i4--)if(!isImportRule(children[i4]))return!0;return!1},nullifyElement=function(element){element.type="",element.value="",element.return="",element.children="",element.props=""},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),nullifyElement(element)))};function prefix(value2,length22){switch(hash(value2,length22)){case 5103:return WEBKIT+"print-"+value2+value2;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value2+value2;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value2+MOZ+value2+MS+value2+value2;case 6828:case 4268:return WEBKIT+value2+MS+value2+value2;case 6165:return WEBKIT+value2+MS+"flex-"+value2+value2;case 5187:return WEBKIT+value2+replace(value2,/(\w+).+(:[^]+)/,WEBKIT+"box-$1$2"+MS+"flex-$1$2")+value2;case 5443:return WEBKIT+value2+MS+"flex-item-"+replace(value2,/flex-|-self/,"")+value2;case 4675:return WEBKIT+value2+MS+"flex-line-pack"+replace(value2,/align-content|flex-|-self/,"")+value2;case 5548:return WEBKIT+value2+MS+replace(value2,"shrink","negative")+value2;case 5292:return WEBKIT+value2+MS+replace(value2,"basis","preferred-size")+value2;case 6060:return WEBKIT+"box-"+replace(value2,"-grow","")+WEBKIT+value2+MS+replace(value2,"grow","positive")+value2;case 4554:return WEBKIT+replace(value2,/([^-])(transform)/g,"$1"+WEBKIT+"$2")+value2;case 6187:return replace(replace(replace(value2,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),value2,"")+value2;case 5495:case 3959:return replace(value2,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(value2,/(.+:)(flex-)?(.*)/,WEBKIT+"box-pack:$3"+MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+value2+value2;case 4095:case 3583:case 4068:case 2532:return replace(value2,/(.+)-inline(.+)/,WEBKIT+"$1$2")+value2;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value2)-1-length22>6)switch(charat(value2,length22+1)){case 109:if(charat(value2,length22+4)!==45)break;case 102:return replace(value2,/(.+:)(.+)-([^]+)/,"$1"+WEBKIT+"$2-$3$1"+MOZ+(charat(value2,length22+3)==108?"$3":"$2-$3"))+value2;case 115:return~indexof(value2,"stretch")?prefix(replace(value2,"stretch","fill-available"),length22)+value2:value2}break;case 4949:if(charat(value2,length22+1)!==115)break;case 6444:switch(charat(value2,strlen(value2)-3-(~indexof(value2,"!important")&&10))){case 107:return replace(value2,":",":"+WEBKIT)+value2;case 101:return replace(value2,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(charat(value2,14)===45?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+value2}break;case 5936:switch(charat(value2,length22+11)){case 114:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb")+value2;case 108:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb-rl")+value2;case 45:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"lr")+value2}return WEBKIT+value2+MS+value2+value2}return value2}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy2(element,{value:replace(element.value,"@","@"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value2){switch(match(value2,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy2(element,{props:[replace(value2,/:(read-\w+)/,":"+MOZ+"$1")]})],callback);case"::placeholder":return serialize([copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+WEBKIT+"input-$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+MOZ+"$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,MS+"input-$1")]})],callback)}return""})}},isBrowser2=typeof document<"u",getServerStylisCache=isBrowser2?void 0:emotion_weak_memoize_esm_default(function(){return emotion_memoize_esm_default(function(){var cache={};return function(name2){return cache[name2]}})}),defaultStylisPlugins=[prefixer],createCache2=function(options3){var key2=options3.key;if(process.env.NODE_ENV!=="production"&&!key2)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
 If multiple caches share the same key they might "fight" for each other's style elements.`);if(isBrowser2&&key2==="css"){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute("data-emotion");dataEmotionAttribute.indexOf(" ")!==-1&&(document.head.appendChild(node2),node2.setAttribute("data-s",""))})}var stylisPlugins=options3.stylisPlugins||defaultStylisPlugins;if(process.env.NODE_ENV!=="production"&&/[^a-z-]/.test(key2))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+key2+'" was passed');var inserted={},container,nodesToHydrate=[];isBrowser2&&(container=options3.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key2+' "]'),function(node2){for(var attrib=node2.getAttribute("data-emotion").split(" "),i4=1;i4<attrib.length;i4++)inserted[attrib[i4]]=!0;nodesToHydrate.push(node2)}));var _insert,omnipresentPlugins=[compat,removeLabel];if(process.env.NODE_ENV!=="production"&&omnipresentPlugins.push(createUnsafeSelectorsAlarm({get compat(){return cache.compat}}),incorrectImportAlarm),isBrowser2){var currentSheet,finalizingPlugins=[stringify2,process.env.NODE_ENV!=="production"?function(element){element.root||(element.return?currentSheet.insert(element.return):element.value&&element.type!==COMMENT&&currentSheet.insert(element.value+"{}"))}:rulesheet(function(rule){currentSheet.insert(rule)})],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins)),stylis=function(styles){return serialize(compile(styles),serializer)};_insert=function(selector,serialized,sheet,shouldCache){currentSheet=sheet,process.env.NODE_ENV!=="production"&&serialized.map!==void 0&&(currentSheet={insert:function(rule){sheet.insert(rule+serialized.map)}}),stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}else{var _finalizingPlugins=[stringify2],_serializer=middleware(omnipresentPlugins.concat(stylisPlugins,_finalizingPlugins)),_stylis=function(styles){return serialize(compile(styles),_serializer)},serverStylisCache=getServerStylisCache(stylisPlugins)(key2),getRules3=function(selector,serialized){var name2=serialized.name;return serverStylisCache[name2]===void 0&&(serverStylisCache[name2]=_stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles)),serverStylisCache[name2]};_insert=function(selector,serialized,sheet,shouldCache){var name2=serialized.name,rules=getRules3(selector,serialized);if(cache.compat===void 0)return shouldCache&&(cache.inserted[name2]=!0),process.env.NODE_ENV==="development"&&serialized.map!==void 0?rules+serialized.map:rules;if(shouldCache)cache.inserted[name2]=rules;else return rules}}var cache={key:key2,sheet:new StyleSheet({key:key2,container,nonce:options3.nonce,speedy:options3.speedy,prepend:options3.prepend,insertionPoint:options3.insertionPoint}),nonce:options3.nonce,inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache},emotion_cache_esm_default=createCache2,import_react57=require_react(),import_hoist_non_react_statics=__toESM3(require_hoist_non_react_statics_cjs()),hoistNonReactStatics=function(targetComponent,sourceComponent){return(0,import_hoist_non_react_statics.default)(targetComponent,sourceComponent)},emotion_react_isolated_hnrs_esm_default=hoistNonReactStatics,isBrowser22=typeof document<"u";function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach(function(className){registered[className]!==void 0?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "}),rawClassName}var registerStyles=function(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(isStringTag===!1||isBrowser22===!1&&cache.compat!==void 0)&&cache.registered[className]===void 0&&(cache.registered[className]=serialized.styles)},insertStyles=function(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(cache.inserted[serialized.name]===void 0){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);!isBrowser22&&maybeStyles!==void 0&&(stylesForSSR+=maybeStyles),current=current.next}while(current!==void 0);if(!isBrowser22&&stylesForSSR.length!==0)return stylesForSSR}};function murmur2(str){for(var h3=0,k3,i4=0,len=str.length;len>=4;++i4,len-=4)k3=str.charCodeAt(i4)&255|(str.charCodeAt(++i4)&255)<<8|(str.charCodeAt(++i4)&255)<<16|(str.charCodeAt(++i4)&255)<<24,k3=(k3&65535)*1540483477+((k3>>>16)*59797<<16),k3^=k3>>>24,h3=(k3&65535)*1540483477+((k3>>>16)*59797<<16)^(h3&65535)*1540483477+((h3>>>16)*59797<<16);switch(len){case 3:h3^=(str.charCodeAt(i4+2)&255)<<16;case 2:h3^=(str.charCodeAt(i4+1)&255)<<8;case 1:h3^=str.charCodeAt(i4)&255,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16)}return h3^=h3>>>13,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16),((h3^h3>>>15)>>>0).toString(36)}var emotion_hash_esm_default=murmur2,unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},emotion_unitless_esm_default=unitlessKeys,ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
@@ -709,7 +709,7 @@ ${n4}`}r5.exports={isPragma:t4,hasPragma:s3,insertPragma:a3}}}),jg=te({"src/lang
   cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
 `,TargetSvgContainer=import_theming40.styled.g`
   cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
-`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions:mutationObserverOptions2,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container32=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange==null||onVisibilityChange(_isVisible),onVisibleChange==null||onVisibleChange(_isVisible)},delayShow,followCursor,mutationObserverOptions:mutationObserverOptions2,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=import_react282.default.createElement(Tooltip,{placement:state==null?void 0:state.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return import_react282.default.createElement(import_react282.default.Fragment,null,import_react282.default.createElement(Container32,{trigger,ref:setTriggerRef,...props},children),isVisible&&import_react_dom3.default.createPortal(tooltipComponent,document42.body))},WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1},WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react282.useState)(startOpen),onVisibilityChange=(0,import_react282.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react282.useEffect)(()=>{let hide2=()=>onVisibilityChange(!1);document42.addEventListener("keydown",hide2,!1);let iframes=Array.from(document42.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document42.removeEventListener("keydown",hide2),unbinders.forEach(unbind=>{unbind()})}}),import_react282.default.createElement(WithTooltipPure,{...rest,defaultVisible:tooltipShown,onVisibleChange:onVisibilityChange})}}}),src_exports2={};__export2(src_exports2,{A:()=>A3,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel2,Badge:()=>Badge2,Bar:()=>Bar3,Blockquote:()=>Blockquote,Button:()=>Button5,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper2,ErrorFormatter:()=>ErrorFormatter2,FlexBar:()=>FlexBar3,Form:()=>Form2,H1:()=>H1,H2:()=>H22,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton12,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons21,Img:()=>Img3,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader4,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder2,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea3,Separator:()=>Separator4,Spaced:()=>Spaced4,Span:()=>Span,StorybookIcon:()=>StorybookIcon2,StorybookLogo:()=>StorybookLogo2,Symbols:()=>Symbols2,SyntaxHighlighter:()=>SyntaxHighlighter3,TT:()=>TT,TabBar:()=>TabBar3,TabButton:()=>TabButton4,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs2,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList3,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip4,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom4,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref4,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});module2.exports=__toCommonJS2(src_exports2);var import_react442=require_react(),import_react102=__toESM3(require_react()),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props},import_theming34=require_dist10();init_extends();function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf2(o3,p3){return _setPrototypeOf2=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf2(o3,p3)}function _inheritsLoose2(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf2(subClass,superClass)}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn2){return Function.toString.call(fn2).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper5)}function Wrapper5(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper5.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper5,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper5,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container32=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange==null||onVisibilityChange(_isVisible),onVisibleChange==null||onVisibleChange(_isVisible)},delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=import_react282.default.createElement(Tooltip,{placement:state==null?void 0:state.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return import_react282.default.createElement(import_react282.default.Fragment,null,import_react282.default.createElement(Container32,{trigger,ref:setTriggerRef,...props},children),isVisible&&import_react_dom3.default.createPortal(tooltipComponent,document42.body))},WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1},WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react282.useState)(startOpen),onVisibilityChange=(0,import_react282.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react282.useEffect)(()=>{let hide2=()=>onVisibilityChange(!1);document42.addEventListener("keydown",hide2,!1);let iframes=Array.from(document42.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document42.removeEventListener("keydown",hide2),unbinders.forEach(unbind=>{unbind()})}}),import_react282.default.createElement(WithTooltipPure,{...rest,defaultVisible:tooltipShown,onVisibleChange:onVisibilityChange})}}}),src_exports2={};__export2(src_exports2,{A:()=>A3,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel2,Badge:()=>Badge2,Bar:()=>Bar3,Blockquote:()=>Blockquote,Button:()=>Button5,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper2,ErrorFormatter:()=>ErrorFormatter2,FlexBar:()=>FlexBar3,Form:()=>Form2,H1:()=>H1,H2:()=>H22,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton12,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons21,Img:()=>Img3,LI:()=>LI,Link:()=>Link22,ListItem:()=>ListItem_default,Loader:()=>Loader4,OL:()=>OL,P:()=>P3,Placeholder:()=>Placeholder2,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea3,Separator:()=>Separator4,Spaced:()=>Spaced4,Span:()=>Span,StorybookIcon:()=>StorybookIcon2,StorybookLogo:()=>StorybookLogo2,Symbols:()=>Symbols2,SyntaxHighlighter:()=>SyntaxHighlighter3,TT:()=>TT,TabBar:()=>TabBar3,TabButton:()=>TabButton4,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs2,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList3,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip4,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom4,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref4,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});module2.exports=__toCommonJS2(src_exports2);var import_react442=require_react(),import_react102=__toESM3(require_react()),nameSpaceClassNames=({...props},key2)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key2}`,...classes].filter(Boolean).join(" "),props},import_theming34=require_dist10();init_extends();function _assertThisInitialized2(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf2(o3,p3){return _setPrototypeOf2=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o22,p22){return o22.__proto__=p22,o22},_setPrototypeOf2(o3,p3)}function _inheritsLoose2(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf2(subClass,superClass)}function _getPrototypeOf2(o3){return _getPrototypeOf2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o22){return o22.__proto__||Object.getPrototypeOf(o22)},_getPrototypeOf2(o3)}function _isNativeFunction2(fn2){return Function.toString.call(fn2).indexOf("[native code]")!==-1}function _isNativeReflectConstruct2(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct2(Parent,args2,Class){return _isNativeReflectConstruct2()?_construct2=Reflect.construct.bind():_construct2=function(Parent2,args22,Class2){var a3=[null];a3.push.apply(a3,args22);var Constructor=Function.bind.apply(Parent2,a3),instance=new Constructor;return Class2&&_setPrototypeOf2(instance,Class2.prototype),instance},_construct2.apply(null,arguments)}function _wrapNativeSuper2(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper2=function(Class2){if(Class2===null||!_isNativeFunction2(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper5)}function Wrapper5(){return _construct2(Class2,arguments,_getPrototypeOf2(this).constructor)}return Wrapper5.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper5,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf2(Wrapper5,Class2)},_wrapNativeSuper2(Class)}var ERRORS2={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,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 }).
 
@@ -867,9 +867,9 @@ To pass a single animation please supply them in simple values, e.g. animation('
   path {
     fill: currentColor;
   }
-`,Icons21=({icon,useSymbol,...props})=>import_react132.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react132.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols2=(0,import_react132.memo)(function({icons:keys=Object.keys(icons)}){return import_react132.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key2=>import_react132.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=import_theming292.styled.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=import_theming292.styled.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_react142.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react142.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react142.default.createElement(Icons21,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var import_theming302=require_dist10(),DocumentWrapper2=import_theming302.styled.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}})),import_react152=__toESM3(require_react()),LazySyntaxHighlighter=(0,import_react152.lazy)(()=>Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports))),LazySyntaxHighlighterWithFormatter=(0,import_react152.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter4},{formatter:formatter2}]=await Promise.all([Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports)),Promise.resolve().then(()=>(init_formatter(),formatter_exports))]);return{default:props=>import_react152.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react152.default.createElement(import_react152.Suspense,{fallback:import_react152.default.createElement("div",null)},props.format!==!1?import_react152.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react152.default.createElement(LazySyntaxHighlighter,{...props}));init_syntaxhighlighter();init_ActionBar();var import_react162=__toESM3(require_react()),import_theming312=require_dist10(),toNumber2=input=>typeof input=="number"?input:Number(input),Container22=import_theming312.styled.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{}}}),Spaced4=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react162.default.createElement(Container22,{col,row,outer:outerAmount,...rest},children)},import_react172=__toESM3(require_react()),import_theming322=require_dist10(),Title=import_theming322.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming322.styled.div(),Message3=import_theming322.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder2=({children,...props})=>{let[title,desc]=import_react172.Children.toArray(children);return import_react172.default.createElement(Message3,{...props},import_react172.default.createElement(Title,null,title),desc&&import_react172.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react182=__toESM3(require_react()),import_theming332=require_dist10();function browserSupportsCssZoom(){var _a;try{return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)?!1:(_a=global.CSS)==null?void 0:_a.supports("zoom: 1")}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=import_theming332.styled.div(({scale=1,elementHeight})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options:options3={},callback})=>{let observer=(0,import_react182.useRef)();(0,import_react182.useEffect)(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element!=null&&element.current&&observer.current.observe(element.current,options3),()=>observer.current.disconnect()),[callback,element,observer,options3])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react182.useRef)(null),[elementHeight,setElementHeight]=(0,import_react182.useState)(0),handleMutations=(0,import_react182.useCallback)(()=>{setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return(0,import_react182.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),import_react182.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react182.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react192=require_react(),ZoomIFrame=class extends import_react192.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}},Zoom4={Element:ZoomElement,IFrame:ZoomIFrame},import_global22=require_dist(),import_react202=__toESM3(require_react()),import_theming342=require_dist10(),{document:document32}=import_global22.global,ErrorName=import_theming342.styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=import_theming342.styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=import_theming342.styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter2=({error})=>{if(!error)return import_react202.default.createElement(import_react202.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react202.default.createElement(import_react202.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
+`,Icons21=({icon,useSymbol,...props})=>import_react132.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react132.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols2=(0,import_react132.memo)(function({icons:keys=Object.keys(icons)}){return import_react132.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key2=>import_react132.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=import_theming292.styled.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=import_theming292.styled.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_react142.default.createElement(A22,{...rest,onClick:onClick&&cancel?e4=>cancelled(e4,onClick):onClick,className},import_react142.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react142.default.createElement(Icons21,{icon:"arrowright"})));Link22.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var import_theming302=require_dist10(),DocumentWrapper2=import_theming302.styled.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}})),import_react152=__toESM3(require_react()),LazySyntaxHighlighter=(0,import_react152.lazy)(()=>Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports))),LazySyntaxHighlighterWithFormatter=(0,import_react152.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter4},{formatter:formatter2}]=await Promise.all([Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports)),Promise.resolve().then(()=>(init_formatter(),formatter_exports))]);return{default:props=>import_react152.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react152.default.createElement(import_react152.Suspense,{fallback:import_react152.default.createElement("div",null)},props.format!==!1?import_react152.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react152.default.createElement(LazySyntaxHighlighter,{...props}));init_syntaxhighlighter();init_ActionBar();var import_react162=__toESM3(require_react()),import_theming312=require_dist10(),toNumber2=input=>typeof input=="number"?input:Number(input),Container22=import_theming312.styled.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{}}}),Spaced4=({col,row,outer,children,...rest})=>{let outerAmount=toNumber2(typeof outer=="number"||!outer?outer:col||row);return import_react162.default.createElement(Container22,{col,row,outer:outerAmount,...rest},children)},import_react172=__toESM3(require_react()),import_theming322=require_dist10(),Title=import_theming322.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming322.styled.div(),Message3=import_theming322.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder2=({children,...props})=>{let[title,desc]=import_react172.Children.toArray(children);return import_react172.default.createElement(Message3,{...props},import_react172.default.createElement(Title,null,title),desc&&import_react172.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react182=__toESM3(require_react()),import_use_resize_observer=__toESM3((init_bundle_esm(),__toCommonJS(bundle_esm_exports))),import_theming332=require_dist10();function browserSupportsCssZoom(){var _a;try{return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)?!1:(_a=global.CSS)==null?void 0:_a.supports("zoom: 1")}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=import_theming332.styled.div(({scale=1,elementHeight})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`});function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react182.useRef)(null),[elementHeight,setElementHeight]=(0,import_react182.useState)(0),onResize=(0,import_react182.useCallback)(({height})=>{height&&setElementHeight(height/scale)},[scale]);return(0,import_react182.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),(0,import_use_resize_observer.default)({ref:componentWrapperRef,onResize}),import_react182.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react182.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react192=require_react(),ZoomIFrame=class extends import_react192.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}},Zoom4={Element:ZoomElement,IFrame:ZoomIFrame},import_global22=require_dist(),import_react202=__toESM3(require_react()),import_theming342=require_dist10(),{document:document32}=import_global22.global,ErrorName=import_theming342.styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=import_theming342.styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=import_theming342.styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter2=({error})=>{if(!error)return import_react202.default.createElement(import_react202.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react202.default.createElement(import_react202.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
 
-${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react202.default.createElement(import_react202.Fragment,null,input);let[,type,name2]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result2=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result2?{name:(result2[1]||"").replace("/<",""),location:result2[2].replace(document32.location.origin,"")}:null}).filter(Boolean);return import_react202.default.createElement(import_react202.Fragment,null,import_react202.default.createElement("span",null,type),": ",import_react202.default.createElement(ErrorName,null,name2),import_react202.default.createElement("br",null),lines.map((l3,i4)=>l3.name?import_react202.default.createElement(import_react202.Fragment,{key:i4},"  ","at ",import_react202.default.createElement(ErrorImportant,null,l3.name)," (",import_react202.default.createElement(ErrorDetail,null,l3.location),")",import_react202.default.createElement("br",null)):import_react202.default.createElement(import_react202.Fragment,{key:i4},"  ","at ",import_react202.default.createElement(ErrorDetail,null,l3.location),import_react202.default.createElement("br",null))))},import_react212=__toESM3(require_react()),import_theming35=require_dist10(),ButtonWrapper=import_theming35.styled.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:`${rgba2(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba2(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:`${rgba2(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$12(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$12(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$12(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$12(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$12(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, ${rgba2(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba2(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, ${rgba2(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba2(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button5=Object.assign((0,import_react212.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react212.default.createElement(ButtonLink,{...props,ref},children):import_react212.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}}),import_theming38=require_dist10(),import_react222=__toESM3(require_react()),import_theming36=require_dist10(),Wrapper22=import_theming36.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming36.styled.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_react222.default.createElement(Wrapper22,{...props},label?import_react222.default.createElement(Label,null,import_react222.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react262=__toESM3(require_react()),import_theming37=require_dist10();init_extends();init_objectWithoutPropertiesLoose();var import_react252=require_react(),React222=__toESM3(require_react()),import_react232=require_react(),index=typeof document<"u"?import_react232.useLayoutEffect:import_react232.useEffect,use_isomorphic_layout_effect_esm_default=index,useLatest=function(value2){var ref=React222.useRef(value2);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value2}),ref},import_react242=require_react(),updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react242.useRef)();return(0,import_react242.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 noop4=function(){},pick=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=pick(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_react252.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?noop4:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop4:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&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_react252.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react252.useRef)(0),measurementsCacheRef=(0,import_react252.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_react252.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react252.createElement)("textarea",_extends2({},props,{onChange:handleChange,ref}))},index2=(0,import_react252.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{}}},Input2=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement(Button5,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button32=Object.assign((0,import_react262.forwardRef)(function(props,ref){return import_react262.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"}),Form2=Object.assign(import_theming38.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input:Input2,Select,Textarea,Button:Button32}),import_react292=__toESM3(require_react()),LazyWithTooltip=(0,import_react292.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip4=props=>import_react292.default.createElement(import_react292.Suspense,{fallback:import_react292.default.createElement("div",null)},import_react292.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react292.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react292.default.createElement(import_react292.Suspense,{fallback:import_react292.default.createElement("div",null)},import_react292.default.createElement(LazyWithTooltipPure,{...props})),import_react302=__toESM3(require_react()),import_theming41=require_dist10(),Title2=import_theming41.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming41.styled.span(),Links=import_theming41.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message22=import_theming41.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper2=import_theming41.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react302.default.createElement(MessageWrapper2,null,import_react302.default.createElement(Message22,null,title&&import_react302.default.createElement(Title2,null,title),desc&&import_react302.default.createElement(Desc2,null,desc)),links&&import_react302.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react302.default.createElement(Link22,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react312=__toESM3(require_react()),import_theming422=require_dist10(),Note=import_theming422.styled.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_react312.default.createElement(Note,{...props},note),import_react332=__toESM3(require_react()),import_theming44=require_dist10(),import_react322=__toESM3(require_react()),import_theming43=require_dist10(),import_memoizerific42=__toESM3(require_memoizerific()),Title3=(0,import_theming43.styled)(({active,loading,disabled,...rest})=>import_react322.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$12(.7,theme.color.defaultText)}:{}),Right=import_theming43.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming43.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming43.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming43.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming43.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$12(.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_memoizerific42.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:left2,title,center,right:right2,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_react322.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react322.default.createElement(Left,{...commonProps},isStorybookIcon?import_react322.default.createElement(Icons21,{icon}):icon):left2&&import_react322.default.createElement(Left,{...commonProps},left2),title||center?import_react322.default.createElement(Center,{isIndented:!left2&&!icon&&isIndented},title&&import_react322.default.createElement(Title3,{...commonProps,loading},title),center&&import_react322.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react322.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react322.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List2=import_theming44.styled.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_react332.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react332.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList3=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react332.default.createElement(List2,null,links.map(({isGatsby,...p3})=>import_react332.default.createElement(Item2,{key:p3.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p3})))};TooltipLinkList3.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react382=__toESM3(require_react()),import_theming49=require_dist10(),import_csf2=require_dist6(),import_react342=__toESM3(require_react()),import_theming45=require_dist10();init_lib();var ButtonOrLink=import_react342.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react342.default.createElement("a",{ref,...restProps},children):import_react342.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton4=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({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"});TabButton4.displayName="TabButton";var IconButton12=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({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$12(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton12.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react342.default.createElement(IconButtonSkeletonWrapper,null,import_react342.default.createElement(IconPlaceholder,null)),import_react352=__toESM3(require_react()),import_theming46=require_dist10();init_ScrollArea();var Side=import_theming46.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react352.default.createElement(ScrollArea3,{vertical:!1,className},children):import_react352.default.createElement("div",{className},children),Bar3=(0,import_theming46.styled)(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}:{});Bar3.displayName="Bar";var BarInner=import_theming46.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar3=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react352.Children.toArray(children);return import_react352.default.createElement(Bar3,{...rest},import_react352.default.createElement(BarInner,{bgColor:backgroundColor},import_react352.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react352.default.createElement(Side,{right:!0},right2):null))};FlexBar3.displayName="FlexBar";var import_theming47=require_dist10(),import_react362=__toESM3(require_react()),VisuallyHidden=import_theming47.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react362.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_react362.default.createElement(VisuallyHidden,{key:key2,active,role:"tabpanel"},content)}}),import_react372=__toESM3(require_react()),import_csf=require_dist6(),import_theming48=require_dist10(),import_use_resize_observer=__toESM3((init_bundle_esm(),__toCommonJS(bundle_esm_exports)));init_WithTooltip();var CollapseIcon2=import_theming48.styled.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=(0,import_theming48.styled)(TabButton4)(({active,theme,preActive})=>`
+${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react202.default.createElement(import_react202.Fragment,null,input);let[,type,name2]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result2=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result2?{name:(result2[1]||"").replace("/<",""),location:result2[2].replace(document32.location.origin,"")}:null}).filter(Boolean);return import_react202.default.createElement(import_react202.Fragment,null,import_react202.default.createElement("span",null,type),": ",import_react202.default.createElement(ErrorName,null,name2),import_react202.default.createElement("br",null),lines.map((l3,i4)=>l3.name?import_react202.default.createElement(import_react202.Fragment,{key:i4},"  ","at ",import_react202.default.createElement(ErrorImportant,null,l3.name)," (",import_react202.default.createElement(ErrorDetail,null,l3.location),")",import_react202.default.createElement("br",null)):import_react202.default.createElement(import_react202.Fragment,{key:i4},"  ","at ",import_react202.default.createElement(ErrorDetail,null,l3.location),import_react202.default.createElement("br",null))))},import_react212=__toESM3(require_react()),import_theming35=require_dist10(),ButtonWrapper=import_theming35.styled.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:`${rgba2(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba2(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:`${rgba2(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$12(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$12(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$12(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$12(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$12(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, ${rgba2(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba2(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, ${rgba2(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba2(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button5=Object.assign((0,import_react212.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react212.default.createElement(ButtonLink,{...props,ref},children):import_react212.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}}),import_theming38=require_dist10(),import_react222=__toESM3(require_react()),import_theming36=require_dist10(),Wrapper22=import_theming36.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming36.styled.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_react222.default.createElement(Wrapper22,{...props},label?import_react222.default.createElement(Label,null,import_react222.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react262=__toESM3(require_react()),import_theming37=require_dist10();init_extends();init_objectWithoutPropertiesLoose();var import_react252=require_react(),React222=__toESM3(require_react()),import_react232=require_react(),index=typeof document<"u"?import_react232.useLayoutEffect:import_react232.useEffect,use_isomorphic_layout_effect_esm_default=index,useLatest=function(value2){var ref=React222.useRef(value2);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value2}),ref},import_react242=require_react(),updateRef=function(ref,value2){if(typeof ref=="function"){ref(value2);return}ref.current=value2},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react242.useRef)();return(0,import_react242.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 noop4=function(){},pick=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=pick(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_react252.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?noop4:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop4:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&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_react252.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react252.useRef)(0),measurementsCacheRef=(0,import_react252.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_react252.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react252.createElement)("textarea",_extends2({},props,{onChange:handleChange,ref}))},index2=(0,import_react252.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{}}},Input2=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming37.styled)((0,import_react262.forwardRef)(function({size,valid,align,...props},ref){return import_react262.default.createElement(Button5,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button32=Object.assign((0,import_react262.forwardRef)(function(props,ref){return import_react262.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"}),Form2=Object.assign(import_theming38.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input:Input2,Select,Textarea,Button:Button32}),import_react292=__toESM3(require_react()),LazyWithTooltip=(0,import_react292.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip4=props=>import_react292.default.createElement(import_react292.Suspense,{fallback:import_react292.default.createElement("div",null)},import_react292.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react292.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react292.default.createElement(import_react292.Suspense,{fallback:import_react292.default.createElement("div",null)},import_react292.default.createElement(LazyWithTooltipPure,{...props})),import_react302=__toESM3(require_react()),import_theming41=require_dist10(),Title2=import_theming41.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming41.styled.span(),Links=import_theming41.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message22=import_theming41.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper2=import_theming41.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react302.default.createElement(MessageWrapper2,null,import_react302.default.createElement(Message22,null,title&&import_react302.default.createElement(Title2,null,title),desc&&import_react302.default.createElement(Desc2,null,desc)),links&&import_react302.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react302.default.createElement(Link22,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react312=__toESM3(require_react()),import_theming422=require_dist10(),Note=import_theming422.styled.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_react312.default.createElement(Note,{...props},note),import_react332=__toESM3(require_react()),import_theming44=require_dist10(),import_react322=__toESM3(require_react()),import_theming43=require_dist10(),import_memoizerific42=__toESM3(require_memoizerific()),Title3=(0,import_theming43.styled)(({active,loading,disabled,...rest})=>import_react322.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$12(.7,theme.color.defaultText)}:{}),Right=import_theming43.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming43.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming43.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming43.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& svg path":{fill:theme.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming43.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$12(.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_memoizerific42.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:left2,title,center,right:right2,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_react322.default.createElement(Item,{...commonProps,...rest,...itemProps},icon?import_react322.default.createElement(Left,{...commonProps},isStorybookIcon?import_react322.default.createElement(Icons21,{icon}):icon):left2&&import_react322.default.createElement(Left,{...commonProps},left2),title||center?import_react322.default.createElement(Center,{isIndented:!left2&&!icon&&isIndented},title&&import_react322.default.createElement(Title3,{...commonProps,loading},title),center&&import_react322.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react322.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react322.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List2=import_theming44.styled.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_react332.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react332.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList3=({links,LinkWrapper})=>{let hasOneLeftElement=links.some(link=>link.left||link.icon);return import_react332.default.createElement(List2,null,links.map(({isGatsby,...p3})=>import_react332.default.createElement(Item2,{key:p3.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasOneLeftElement,...p3})))};TooltipLinkList3.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react382=__toESM3(require_react()),import_theming49=require_dist10(),import_csf2=require_dist6(),import_react342=__toESM3(require_react()),import_theming45=require_dist10();init_lib();var ButtonOrLink=import_react342.default.forwardRef(({children,...restProps},ref)=>restProps.href!=null?import_react342.default.createElement("a",{ref,...restProps},children):import_react342.default.createElement("button",{ref,type:"button",...restProps},children));ButtonOrLink.displayName="ButtonOrLink";var TabButton4=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({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"});TabButton4.displayName="TabButton";var IconButton12=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({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$12(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton12.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react342.default.createElement(IconButtonSkeletonWrapper,null,import_react342.default.createElement(IconPlaceholder,null)),import_react352=__toESM3(require_react()),import_theming46=require_dist10();init_ScrollArea();var Side=import_theming46.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react352.default.createElement(ScrollArea3,{vertical:!1,className},children):import_react352.default.createElement("div",{className},children),Bar3=(0,import_theming46.styled)(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}:{});Bar3.displayName="Bar";var BarInner=import_theming46.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar3=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react352.Children.toArray(children);return import_react352.default.createElement(Bar3,{...rest},import_react352.default.createElement(BarInner,{bgColor:backgroundColor},import_react352.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react352.default.createElement(Side,{right:!0},right2):null))};FlexBar3.displayName="FlexBar";var import_theming47=require_dist10(),import_react362=__toESM3(require_react()),VisuallyHidden=import_theming47.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=(children,selected)=>import_react362.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_react362.default.createElement(VisuallyHidden,{key:key2,active,role:"tabpanel"},content)}}),import_react372=__toESM3(require_react()),import_csf=require_dist6(),import_theming48=require_dist10(),import_use_resize_observer2=__toESM3((init_bundle_esm(),__toCommonJS(bundle_esm_exports)));init_WithTooltip();var CollapseIcon2=import_theming48.styled.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=(0,import_theming48.styled)(TabButton4)(({active,theme,preActive})=>`
     color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
     &:hover {
       color: ${theme.color.secondary};
@@ -877,7 +877,7 @@ ${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react
         color: ${theme.color.secondary};
       }
     }
-  `);function useList(list){let tabBarRef=(0,import_react372.useRef)(),addonsRef=(0,import_react372.useRef)(),tabRefs=(0,import_react372.useRef)(new Map),{width:tabBarWidth=1}=(0,import_use_resize_observer.default)({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react372.useState)(list),[invisibleList,setInvisibleList]=(0,import_react372.useState)([]),previousList=(0,import_react372.useRef)(list),AddonTab=(0,import_react372.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react372.useState)(!1);return import_react372.default.createElement(import_react372.default.Fragment,null,import_react372.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react372.default.createElement(TooltipLinkList3,{links:invisibleList.map(({title,id,color,active})=>({id,title,color,active,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)}}))})},import_react372.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react372.default.createElement(CollapseIcon2,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color})=>import_react372.default.createElement(TabButton4,{id:`tabbutton-${(0,import_csf.sanitize)(title)}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color,role:"tab"},title)))},[invisibleList]),setTabLists=(0,import_react372.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x3,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x3+width-widthAddonsTab:x3+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id);if(!tabButton)return!1;let{width:tabWidth}=tabButton.getBoundingClientRect(),crossBorder=x3+widthSum+tabWidth>rightBorder;return crossBorder||newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react372.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper4=import_theming49.styled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar3=import_theming49.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar3.displayName="TabBar";var Content2=import_theming49.styled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),TabWrapper=({active,render,children})=>import_react382.default.createElement(VisuallyHidden,{active},render?render():children),Tabs2=(0,import_react382.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let list=(0,import_react382.useMemo)(()=>childrenToList(children,selected),[children,selected]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?import_react382.default.createElement(Wrapper4,{absolute,bordered,id:htmlId},import_react382.default.createElement(FlexBar3,{scrollable:!1,border:!0,backgroundColor},import_react382.default.createElement(TabBar3,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color})=>import_react382.default.createElement(TabButton4,{id:`tabbutton-${(0,import_csf2.sanitize)(title)}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)},role:"tab"},title)),import_react382.default.createElement(AddonTab,{menuName,actions})),tools),import_react382.default.createElement(Content2,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):import_react382.default.createElement(Placeholder2,null,import_react382.default.createElement(import_react382.Fragment,{key:"title"},"Nothing found"))});Tabs2.displayName="Tabs";Tabs2.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react382.Component{constructor(props){super(props),this.handlers={onSelect:id=>this.setState({selected:id})},this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react382.default.createElement(Tabs2,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0};var import_react392=__toESM3(require_react()),import_theming50=require_dist10(),Separator4=import_theming50.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator4.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?import_react392.default.createElement(import_react392.Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?import_react392.default.createElement(Separator4,{key:`s-${index3}`}):null,item.render()||item):acc,null),import_react402=__toESM3(require_react()),usePrevious=value2=>{let ref=(0,import_react402.useRef)();return(0,import_react402.useEffect)(()=>{ref.current=value2},[value2]),ref.current},useUpdate=(update,value2)=>{let previousValue=usePrevious(value2);return update?value2:previousValue},AddonPanel2=({active,children})=>import_react402.default.createElement("div",{hidden:!active},useUpdate(active,children)),import_react412=__toESM3(require_react()),StorybookLogo2=({alt,...props})=>import_react412.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react412.default.createElement("title",null,alt):null,import_react412.default.createElement("defs",null,import_react412.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react412.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react412.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react412.default.createElement("mask",{id:"b",fill:"#fff"},import_react412.default.createElement("use",{xlinkHref:"#a"})),import_react412.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react412.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"}))),import_react422=__toESM3(require_react()),StorybookIcon2=({...props})=>import_react422.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react422.default.createElement("title",null,"Storybook icon"),import_react422.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react422.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react422.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react422.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"}))),import_react432=__toESM3(require_react()),import_theming522=require_dist10(),import_theming51=require_dist10(),rotate360=import_theming51.keyframes`
+  `);function useList(list){let tabBarRef=(0,import_react372.useRef)(),addonsRef=(0,import_react372.useRef)(),tabRefs=(0,import_react372.useRef)(new Map),{width:tabBarWidth=1}=(0,import_use_resize_observer2.default)({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react372.useState)(list),[invisibleList,setInvisibleList]=(0,import_react372.useState)([]),previousList=(0,import_react372.useRef)(list),AddonTab=(0,import_react372.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react372.useState)(!1);return import_react372.default.createElement(import_react372.default.Fragment,null,import_react372.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react372.default.createElement(TooltipLinkList3,{links:invisibleList.map(({title,id,color,active})=>({id,title,color,active,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)}}))})},import_react372.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react372.default.createElement(CollapseIcon2,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color})=>import_react372.default.createElement(TabButton4,{id:`tabbutton-${(0,import_csf.sanitize)(title)}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color,role:"tab"},title)))},[invisibleList]),setTabLists=(0,import_react372.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x3,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x3+width-widthAddonsTab:x3+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id);if(!tabButton)return!1;let{width:tabWidth}=tabButton.getBoundingClientRect(),crossBorder=x3+widthSum+tabWidth>rightBorder;return crossBorder||newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react372.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper4=import_theming49.styled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar3=import_theming49.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar3.displayName="TabBar";var Content2=import_theming49.styled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),TabWrapper=({active,render,children})=>import_react382.default.createElement(VisuallyHidden,{active},render?render():children),Tabs2=(0,import_react382.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let list=(0,import_react382.useMemo)(()=>childrenToList(children,selected),[children,selected]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?import_react382.default.createElement(Wrapper4,{absolute,bordered,id:htmlId},import_react382.default.createElement(FlexBar3,{scrollable:!1,border:!0,backgroundColor},import_react382.default.createElement(TabBar3,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color})=>import_react382.default.createElement(TabButton4,{id:`tabbutton-${(0,import_csf2.sanitize)(title)}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e4=>{e4.preventDefault(),actions.onSelect(id)},role:"tab"},title)),import_react382.default.createElement(AddonTab,{menuName,actions})),tools),import_react382.default.createElement(Content2,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):import_react382.default.createElement(Placeholder2,null,import_react382.default.createElement(import_react382.Fragment,{key:"title"},"Nothing found"))});Tabs2.displayName="Tabs";Tabs2.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react382.Component{constructor(props){super(props),this.handlers={onSelect:id=>this.setState({selected:id})},this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react382.default.createElement(Tabs2,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0};var import_react392=__toESM3(require_react()),import_theming50=require_dist10(),Separator4=import_theming50.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator4.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?import_react392.default.createElement(import_react392.Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?import_react392.default.createElement(Separator4,{key:`s-${index3}`}):null,item.render()||item):acc,null),import_react402=__toESM3(require_react()),usePrevious=value2=>{let ref=(0,import_react402.useRef)();return(0,import_react402.useEffect)(()=>{ref.current=value2},[value2]),ref.current},useUpdate=(update,value2)=>{let previousValue=usePrevious(value2);return update?value2:previousValue},AddonPanel2=({active,children})=>import_react402.default.createElement("div",{hidden:!active},useUpdate(active,children)),import_react412=__toESM3(require_react()),StorybookLogo2=({alt,...props})=>import_react412.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react412.default.createElement("title",null,alt):null,import_react412.default.createElement("defs",null,import_react412.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react412.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react412.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react412.default.createElement("mask",{id:"b",fill:"#fff"},import_react412.default.createElement("use",{xlinkHref:"#a"})),import_react412.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react412.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"}))),import_react422=__toESM3(require_react()),StorybookIcon2=({...props})=>import_react422.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react422.default.createElement("title",null,"Storybook icon"),import_react422.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react422.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react422.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react422.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"}))),import_react432=__toESM3(require_react()),import_theming522=require_dist10(),import_theming51=require_dist10(),rotate360=import_theming51.keyframes`
 	from {
 		transform: rotate(0deg);
 	}