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

package/dist/index.js

@@ -324,7 +324,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global22.global.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0:result2.type)==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){import_client_logger3.logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{var _a;fullAPI.on(import_core_events22.STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(import_core_events22.SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(import_core_events42.FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.1.0-alpha.3",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:import_types22.Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(import_core_events72.SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(import_core_events72.SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return{...state,get storiesHash(){return(0,import_client_logger6.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger6.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger6.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=(data==null?void 0:data.type)==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index;setStoriesData?index=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions}):storyIndex&&(index=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions})),index&&(index=addRefIds(index,ref)),api.updateRef(id,{index,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&import_global22.global.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return import_client_logger22.logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES:FEATURES2,fetch:fetch2}=import_global32.global,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init8=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:import_csf2.toId,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if((result2==null?void 0:result2.type)==="story"||(result2==null?void 0:result2.type)==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data.type==="story"?data.prepared:!0},resolveStory:(storyId,refId)=>{let{refs:refs2,index}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index?index[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if((data==null?void 0:data.type)==="story"){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index}=store22.getState(),firstStory=Object.keys(index).find(id=>index[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index,kindSlug=storyId==null?void 0:storyId.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${(0,import_csf2.toId)(titleOrId,name2)}`:(0,import_csf2.toId)(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[(0,import_csf2.sanitize)(titleOrId)];if((entry==null?void 0:entry.type)==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=(0,import_csf2.toId)(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[(0,import_csf2.sanitize)(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index,storyId){let entry=index[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index,childStoryId)},findLeafStoryId(index,storyId){var _a;return(_a=api.findLeafEntry(index,storyId))==null?void 0:_a.id},findSiblingStoryId(storyId,index,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index),position2=lookupList2.findIndex(i4=>i4.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;fullAPI.emit(import_core_events22.RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){import_client_logger3.logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await fullAPI.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async storyIndex=>{let newHash=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions}),oldHash=store22.getState().index;await store22.setState({index:addPreparedStories(newHash,oldHash),indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index}=ref;index[storyId]={...index[storyId],...update2},await fullAPI.updateRef(refId,{index})}else{let{index}=store22.getState();index[storyId]={...index[storyId],...update2},await store22.setState({index})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})}};return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1},init:async()=>{var _a;fullAPI.on(import_core_events22.STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){if(fullAPI.isSettingsScreenActive())return;let state=store22.getState();(state.storyId!==storyId||state.viewMode!==viewMode)&&navigate(`/${viewMode}/${storyId}`)}}),fullAPI.on(import_core_events22.CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=fullAPI.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(fullAPI.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index,1,!0),api.findSiblingStoryId(storyId,index,-1,!0)])).filter(Boolean);fullAPI.emit(import_core_events22.PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),fullAPI.on(import_core_events22.SET_INDEX,function(index){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index},!0);else{fullAPI.setIndex(index);let options3=fullAPI.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),fullAPI.on(import_core_events22.SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),fullAPI.on(import_core_events22.SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),fullAPI.on(import_core_events22.STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);fullAPI.updateStory(storyId,{args:args2},ref)}),fullAPI.on(import_core_events22.CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),fullAPI.on(import_core_events22.STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);fullAPI.setPreviewInitialized(ref)}),FEATURES2!=null&&FEATURES2.storyStoreV7&&((_a=provider.serverChannel)==null||_a.on(import_core_events22.STORY_INDEX_INVALIDATED,()=>fullAPI.fetchIndex()),await fullAPI.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs2,focusableUIElements:()=>focusableUIElements2,init:()=>init9});var import_global42=require_dist(),import_pick=__toESM3(require_pick()),import_dequal=require_dist7(),import_create=require_create(),import_core_events32=require_dist4(),{document:document10}=import_global42.global,ActiveTabs2={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs2.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:(0,import_create.create)()},focusableUIElements2={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init9=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document10.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};(0,import_dequal.dequal)(ui,updatedUi)||(modification.ui=updatedUi),(0,import_dequal.dequal)(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!(0,import_dequal.dequal)(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),(0,import_dequal.dequal)(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),fullAPI.on(import_core_events32.SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init10,isMacLike:()=>isMacLike2,keys:()=>keys});var import_global62=require_dist(),import_core_events42=require_dist4(),import_global52=require_dist(),{navigator:navigator2}=import_global52.global,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut2=e4=>{var _a;if(["Meta","Alt","Control","Shift"].includes(e4.key))return null;let keys2=[];if(e4.altKey&&keys2.push("alt"),e4.ctrlKey&&keys2.push("control"),e4.metaKey&&keys2.push("meta"),e4.shiftKey&&keys2.push("shift"),e4.key&&e4.key.length===1&&e4.key!==" "){let key2=e4.key.toUpperCase(),code=(_a=e4.code)==null?void 0:_a.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e4.key===" "&&keys2.push("space"),e4.key==="Escape"&&keys2.push("escape"),e4.key==="ArrowRight"&&keys2.push("ArrowRight"),e4.key==="ArrowDown"&&keys2.push("ArrowDown"),e4.key==="ArrowUp"&&keys2.push("ArrowUp"),e4.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut2=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("")==="shift/"&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i4)=>Array.isArray(input)?!input.includes(shortcut[i4]):input!==shortcut[i4]),eventMatchesShortcut=(e4,shortcut)=>shortcutMatchesShortcut2(eventToShortcut2(e4),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString5=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document22}=import_global62.global,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o3){return Object.keys(o3)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init10=({store:store22,fullAPI})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut2(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut2(shortcut,shortcuts[feature]));matchedFeature&&(event!=null&&event.preventDefault&&event.preventDefault(),api.handleShortcutFeature(matchedFeature))},handleShortcutFeature(feature){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements2.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements2.storySearchField,!0)},0);break}case"focusIframe":{let element=document22.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements2.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(import_core_events42.FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document22.addEventListener("keydown",event=>{focusInInput(event)||fullAPI.handleKeydownEvent(event)}),fullAPI.on(import_core_events42.PREVIEW_KEYDOWN,data=>{fullAPI.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init11});var import_core_events52=require_dist4(),import_router8=require_dist3(),import_dequal2=require_dist7(),import_global72=require_dist(),{window:globalWindow5}=import_global72.global,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location2,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=(0,import_router8.queryFromLocation)(location2),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=(0,import_dequal2.dequal)(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location2,path,customQueryParams,storyId}},init11=({store:store22,navigate,state,provider,fullAPI,...rest})=>{let navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a3],[b3])=>a3<b3?-1:1).map(([k3,v3])=>`${k3}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};(0,import_dequal2.dequal)(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),fullAPI.emit(import_core_events52.UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{...options3,plain:!0})}},initModule=()=>{let updateArgsParam=()=>{let{path,queryParams,viewMode}=fullAPI.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if((currentStory==null?void 0:currentStory.type)!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=(0,import_router8.buildArgsParam)(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};fullAPI.on(import_core_events52.SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;fullAPI.on(import_core_events52.STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow5?(handleOrId&&globalWindow5.cancelIdleCallback(handleOrId),handleOrId=globalWindow5.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),fullAPI.on(import_core_events52.GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=fullAPI.getUrlState(),globalsString=(0,import_router8.buildArgsParam)(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),fullAPI.on(import_core_events52.NAVIGATE_URL,(url,options3)=>{fullAPI.navigateUrl(url,options3)}),fullAPI.showReleaseNotesOnLaunch()&&navigate("/settings/release-notes")};return{api,state:initialUrlSupport({store:store22,navigate,state,provider,fullAPI,...rest}),init:initModule}},versions_exports={};__export2(versions_exports,{init:()=>init12});var import_global82=require_dist(),import_semver2=__toESM3(require_semver2()),import_memoizerific32=__toESM3(require_memoizerific()),version="7.1.0-alpha.4",{VERSIONCHECK}=import_global82.global,getVersionCheckData=(0,import_memoizerific32.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init12=({store:store22,mode,fullAPI})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver2.default.prerelease(current.version)&&next?latest&&import_semver2.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver2.default.prerelease(current.version)?`${import_semver2.default.major(current.version)}.${import_semver2.default.minor(current.version)}.${import_semver2.default.patch(current.version)}`:current.version,diff=import_semver2.default.diff(actualCurrent,latest.version);return import_semver2.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();if(await store22.setState({versions:{...versions,latest,next}}),api.versionUpdateAvailable()){let latestVersion=api.getLatestVersion().version,diff=import_semver2.default.diff(versions.current.version,versions.latest.version);latestVersion!==dismissedVersionNotification&&diff!=="patch"&&!import_semver2.default.prerelease(latestVersion)&&mode!=="production"&&fullAPI.addNotification({id:"update",link:"/settings/about",content:{headline:`Storybook ${latestVersion} is available!`,subHeadline:`Your current version is: ${versions.current.version}`},icon:{name:"book"},onClear(){store22.setState({dismissedVersionNotification:latestVersion},{persistence:"permanent"})}})}},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var import_core_events62=require_dist4(),import_client_logger4=require_dist2(),import_dequal3=require_dist7(),init13=({store:store22,fullAPI})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){fullAPI.emit(import_core_events62.UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{var _a;let currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;(0,import_dequal3.dequal)(globals,currentGlobals)||store22.setState({globals})};return{api,state,init:()=>{fullAPI.on(import_core_events62.GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?import_client_logger4.logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),fullAPI.on(import_core_events62.SET_GLOBALS,function({globals,globalTypes}){var _a;let{ref}=getEventMetadata(this,fullAPI),currentGlobals=(_a=store22.getState())==null?void 0:_a.globals;ref?Object.keys(globals).length>0&&import_client_logger4.logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!(0,import_dequal3.dequal)(globals,currentGlobals)&&api.updateGlobals(currentGlobals)})}}},import_global92=require_dist(),import_core_events72=require_dist4(),import_types22=require_dist5(),import_client_logger5=require_dist2(),import_channels=require_dist8();function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new import_channels.Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.getElements=type=>(this.elements[type]||(this.elements[type]={}),this.elements[type]),this.addPanel=(name2,options3)=>{this.add(name2,{type:import_types22.Addon_TypesEnum.PANEL,...options3})},this.add=(name2,addon)=>{let{type}=addon,collection=this.getElements(type);collection[name2]={id:name2,...addon}},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(import_core_events72.SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(import_core_events72.SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(name2,registerCallback)=>{this.loaders[name2]&&import_client_logger5.logger.warn(`${name2} was loaded twice, this could have bad side-effects`),this.loaders[name2]=registerCallback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}},KEY="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return import_global92.global[KEY]||(import_global92.global[KEY]=new AddonStore),import_global92.global[KEY]}var addons3=getAddonsStore(),{ActiveTabs:ActiveTabs22}=layout_exports,ManagerContext=createContext({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith2.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider2=class extends import_react210.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module22=>{"init"in module22&&module22.init()})};let{location:location2,path,refId,viewMode=props.docsOptions.docsMode?"docs":"story",singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location2,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,release_notes_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports].map(m3=>m3.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m3=>m3.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m3=>m3.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react210.default.createElement(EffectOnMount,{effect:this.initModules},import_react210.default.createElement(ManagerContext.Provider,{value:value2},import_react210.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider2.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react210.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react210.useContext)(ManagerContext),renderer=(0,import_react210.useRef)(children),filterer=(0,import_react210.useRef)(filter);if(typeof renderer.current!="function")return import_react210.default.createElement(import_react210.Fragment,null,renderer.current);let data=filterer.current(c3),l3=(0,import_react210.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react210.useMemo)(()=>{let Child=renderer.current;return import_react210.default.createElement(Child,{...data})},l3)}function useStorybookState3(){let{state}=(0,import_react210.useContext)(ManagerContext);return{...state,get storiesHash(){return(0,import_client_logger6.deprecate)("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return(0,import_client_logger6.deprecate)("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return(0,import_client_logger6.deprecate)("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi11(){let{api}=(0,import_react210.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi11();return(0,import_react210.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi11().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi11().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}var addonStateCache={};function useSharedState(stateId,defaultState2){let api=useStorybookApi11(),existingState=api.getAddonState(stateId),state=orDefault(existingState,addonStateCache[stateId]?addonStateCache[stateId]:defaultState2),setState=(s3,options3)=>{addonStateCache[stateId]&&(addonStateCache[stateId]=s3),api.setAddonState(stateId,s3,options3)},allListeners=(0,import_react210.useMemo)(()=>{let stateChangeHandlers={[`${import_core_events8.SHARED_STATE_CHANGED}-client-${stateId}`]:s3=>setState(s3),[`${import_core_events8.SHARED_STATE_SET}-client-${stateId}`]:s3=>setState(s3)},stateInitializationHandlers={[import_core_events8.SET_STORIES]:()=>{let currentState=api.getAddonState(stateId);currentState?(addonStateCache[stateId]=currentState,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)):addonStateCache[stateId]?(setState(addonStateCache[stateId]),api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,addonStateCache[stateId])):defaultState2!==void 0&&(setState(defaultState2),addonStateCache[stateId]=defaultState2,api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[import_core_events8.STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${import_core_events8.SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,(newStateOrMerger,options3)=>{setState(newStateOrMerger,options3),emit(`${import_core_events8.SHARED_STATE_CHANGED}-manager-${stateId}`,newStateOrMerger)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi11(),data=getCurrentStoryData(),args2=(data==null?void 0:data.type)==="story"?data.args:{},updateArgs=(0,import_react210.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react210.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi11();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi11().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi11();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return(current==null?void 0:current.type)==="story"&&current.argTypes||{}}}});var emotion_use_insertion_effect_with_fallbacks_esm_exports={};__export(emotion_use_insertion_effect_with_fallbacks_esm_exports,{useInsertionEffectAlwaysWithSyncFallback:()=>useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback:()=>useInsertionEffectWithLayoutFallback});var React,import_react,isBrowser,syncFallback,useInsertionEffect2,useInsertionEffectAlwaysWithSyncFallback,useInsertionEffectWithLayoutFallback,init_emotion_use_insertion_effect_with_fallbacks_esm=__esm({"../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js"(){React=__toESM(require_react()),import_react=__toESM(require_react()),isBrowser=typeof document<"u",syncFallback=function(create){return create()},useInsertionEffect2=React.useInsertionEffect?React.useInsertionEffect:!1,useInsertionEffectAlwaysWithSyncFallback=isBrowser&&useInsertionEffect2||syncFallback,useInsertionEffectWithLayoutFallback=useInsertionEffect2||import_react.useLayoutEffect}});var require_dist10=__commonJS({"../../lib/theming/dist/index.js"(exports,module2){var __create3=Object.create,__defProp3=Object.defineProperty,__getOwnPropDesc3=Object.getOwnPropertyDescriptor,__getOwnPropNames3=Object.getOwnPropertyNames,__getProtoOf3=Object.getPrototypeOf,__hasOwnProp3=Object.prototype.hasOwnProperty,__commonJS3=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames3(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__export2=(target,all)=>{for(var name2 in all)__defProp3(target,name2,{get:all[name2],enumerable:!0})},__copyProps3=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key2 of __getOwnPropNames3(from2))!__hasOwnProp3.call(to,key2)&&key2!==except&&__defProp3(to,key2,{get:()=>from2[key2],enumerable:!(desc=__getOwnPropDesc3(from2,key2))||desc.enumerable});return to},__toESM3=(mod,isNodeMode,target)=>(target=mod!=null?__create3(__getProtoOf3(mod)):{},__copyProps3(isNodeMode||!mod||!mod.__esModule?__defProp3(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS2=mod=>__copyProps3(__defProp3({},"__esModule",{value:!0}),mod),require_extends=__commonJS3({"../../node_modules/@babel/runtime/helpers/extends.js"(exports2,module22){function _extends22(){return module22.exports=_extends22=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},module22.exports.__esModule=!0,module22.exports.default=module22.exports,_extends22.apply(this,arguments)}module22.exports=_extends22,module22.exports.__esModule=!0,module22.exports.default=module22.exports}}),require_react_is_production_min3=__commonJS3({"../../node_modules/react-is/cjs/react-is.production.min.js"(exports2){"use strict";var b3=typeof Symbol=="function"&&Symbol.for,c3=b3?Symbol.for("react.element"):60103,d3=b3?Symbol.for("react.portal"):60106,e4=b3?Symbol.for("react.fragment"):60107,f4=b3?Symbol.for("react.strict_mode"):60108,g3=b3?Symbol.for("react.profiler"):60114,h3=b3?Symbol.for("react.provider"):60109,k3=b3?Symbol.for("react.context"):60110,l3=b3?Symbol.for("react.async_mode"):60111,m3=b3?Symbol.for("react.concurrent_mode"):60111,n4=b3?Symbol.for("react.forward_ref"):60112,p3=b3?Symbol.for("react.suspense"):60113,q3=b3?Symbol.for("react.suspense_list"):60120,r5=b3?Symbol.for("react.memo"):60115,t4=b3?Symbol.for("react.lazy"):60116,v3=b3?Symbol.for("react.block"):60121,w3=b3?Symbol.for("react.fundamental"):60117,x3=b3?Symbol.for("react.responder"):60118,y3=b3?Symbol.for("react.scope"):60119;function z3(a3){if(typeof a3=="object"&&a3!==null){var u3=a3.$$typeof;switch(u3){case c3:switch(a3=a3.type,a3){case l3:case m3:case e4:case g3:case f4:case p3:return a3;default:switch(a3=a3&&a3.$$typeof,a3){case k3:case n4:case t4:case r5:case h3:return a3;default:return u3}}case d3:return u3}}}function A3(a3){return z3(a3)===m3}exports2.AsyncMode=l3,exports2.ConcurrentMode=m3,exports2.ContextConsumer=k3,exports2.ContextProvider=h3,exports2.Element=c3,exports2.ForwardRef=n4,exports2.Fragment=e4,exports2.Lazy=t4,exports2.Memo=r5,exports2.Portal=d3,exports2.Profiler=g3,exports2.StrictMode=f4,exports2.Suspense=p3,exports2.isAsyncMode=function(a3){return A3(a3)||z3(a3)===l3},exports2.isConcurrentMode=A3,exports2.isContextConsumer=function(a3){return z3(a3)===k3},exports2.isContextProvider=function(a3){return z3(a3)===h3},exports2.isElement=function(a3){return typeof a3=="object"&&a3!==null&&a3.$$typeof===c3},exports2.isForwardRef=function(a3){return z3(a3)===n4},exports2.isFragment=function(a3){return z3(a3)===e4},exports2.isLazy=function(a3){return z3(a3)===t4},exports2.isMemo=function(a3){return z3(a3)===r5},exports2.isPortal=function(a3){return z3(a3)===d3},exports2.isProfiler=function(a3){return z3(a3)===g3},exports2.isStrictMode=function(a3){return z3(a3)===f4},exports2.isSuspense=function(a3){return z3(a3)===p3},exports2.isValidElementType=function(a3){return typeof a3=="string"||typeof a3=="function"||a3===e4||a3===m3||a3===g3||a3===f4||a3===p3||a3===q3||typeof a3=="object"&&a3!==null&&(a3.$$typeof===t4||a3.$$typeof===r5||a3.$$typeof===h3||a3.$$typeof===k3||a3.$$typeof===n4||a3.$$typeof===w3||a3.$$typeof===x3||a3.$$typeof===y3||a3.$$typeof===v3)},exports2.typeOf=z3}}),require_react_is_development3=__commonJS3({"../../node_modules/react-is/cjs/react-is.development.js"(exports2){"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for("react.async_mode"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for("react.fundamental"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for("react.responder"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for("react.scope"):60119;function isValidElementType(type){return typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object=="object"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment42=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object=="object"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef2(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports2.AsyncMode=AsyncMode,exports2.ConcurrentMode=ConcurrentMode,exports2.ContextConsumer=ContextConsumer,exports2.ContextProvider=ContextProvider,exports2.Element=Element2,exports2.ForwardRef=ForwardRef,exports2.Fragment=Fragment42,exports2.Lazy=Lazy,exports2.Memo=Memo,exports2.Portal=Portal,exports2.Profiler=Profiler,exports2.StrictMode=StrictMode,exports2.Suspense=Suspense,exports2.isAsyncMode=isAsyncMode,exports2.isConcurrentMode=isConcurrentMode,exports2.isContextConsumer=isContextConsumer,exports2.isContextProvider=isContextProvider,exports2.isElement=isElement,exports2.isForwardRef=isForwardRef2,exports2.isFragment=isFragment,exports2.isLazy=isLazy,exports2.isMemo=isMemo,exports2.isPortal=isPortal,exports2.isProfiler=isProfiler,exports2.isStrictMode=isStrictMode,exports2.isSuspense=isSuspense,exports2.isValidElementType=isValidElementType,exports2.typeOf=typeOf}()}}),require_react_is3=__commonJS3({"../../node_modules/react-is/index.js"(exports2,module22){"use strict";process.env.NODE_ENV==="production"?module22.exports=require_react_is_production_min3():module22.exports=require_react_is_development3()}}),require_hoist_non_react_statics_cjs=__commonJS3({"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2,module22){"use strict";var reactIs=require_react_is3(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!="string"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist)}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i4=0;i4<keys.length;++i4){var key2=keys[i4];if(!KNOWN_STATICS[key2]&&!(blacklist&&blacklist[key2])&&!(sourceStatics&&sourceStatics[key2])&&!(targetStatics&&targetStatics[key2])){var descriptor=getOwnPropertyDescriptor(sourceComponent,key2);try{defineProperty(targetComponent,key2,descriptor)}catch{}}}}return targetComponent}module22.exports=hoistNonReactStatics2}}),src_exports2={};__export2(src_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global4,ThemeProvider:()=>ThemeProvider2,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>emotion_cache_esm_default,createGlobal:()=>createGlobal2,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>emotion_is_prop_valid_esm_default,jsx:()=>jsx,keyframes:()=>keyframes2,lighten:()=>lightenColor,styled:()=>emotion_styled_esm_default,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme2,withTheme:()=>withTheme3});module2.exports=__toCommonJS2(src_exports2);var import_extends4=__toESM3(require_extends()),import_react56=require_react();function memoize6(fn){var cache=Object.create(null);return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var emotion_memoize_esm_default=memoize6,reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=emotion_memoize_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),emotion_is_prop_valid_esm_default=isPropValid;function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i4=1;i4<arguments.length;i4++){var source2=arguments[i4];for(var key2 in source2)Object.prototype.hasOwnProperty.call(source2,key2)&&(target[key2]=source2[key2])}return target},_extends2.apply(this,arguments)}var import_react310=require_react(),import_react210=require_react();function sheetForTag(tag){if(tag.sheet)return tag.sheet;for(var i4=0;i4<document.styleSheets.length;i4++)if(document.styleSheets[i4].ownerNode===tag)return document.styleSheets[i4]}function createStyleElement(options3){var tag=document.createElement("style");return tag.setAttribute("data-emotion",options3.key),options3.nonce!==void 0&&tag.setAttribute("nonce",options3.nonce),tag.appendChild(document.createTextNode("")),tag.setAttribute("data-s",""),tag}var StyleSheet=function(){function StyleSheet2(options3){var _this=this;this._insertTag=function(tag){var before;_this.tags.length===0?_this.insertionPoint?before=_this.insertionPoint.nextSibling:_this.prepend?before=_this.container.firstChild:before=_this.before:before=_this.tags[_this.tags.length-1].nextSibling,_this.container.insertBefore(tag,before),_this.tags.push(tag)},this.isSpeedy=options3.speedy===void 0?process.env.NODE_ENV==="production":options3.speedy,this.tags=[],this.ctr=0,this.nonce=options3.nonce,this.key=options3.key,this.container=options3.container,this.prepend=options3.prepend,this.insertionPoint=options3.insertionPoint,this.before=null}var _proto=StyleSheet2.prototype;return _proto.hydrate=function(nodes){nodes.forEach(this._insertTag)},_proto.insert=function(rule){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(createStyleElement(this));var tag=this.tags[this.tags.length-1];if(process.env.NODE_ENV!=="production"){var isImportRule3=rule.charCodeAt(0)===64&&rule.charCodeAt(1)===105;isImportRule3&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
 `+rule+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!isImportRule3}if(this.isSpeedy){var sheet=sheetForTag(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e4){process.env.NODE_ENV!=="production"&&!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)&&console.error('There was a problem inserting the following rule: "'+rule+'"',e4)}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function(){this.tags.forEach(function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)}),this.tags=[],this.ctr=0,process.env.NODE_ENV!=="production"&&(this._alreadyInsertedOrderInsensitiveRule=!1)},StyleSheet2}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(value2,length22){return charat(value2,0)^45?(((length22<<2^charat(value2,0))<<2^charat(value2,1))<<2^charat(value2,2))<<2^charat(value2,3):0}function trim(value2){return value2.trim()}function match(value2,pattern){return(value2=pattern.exec(value2))?value2[0]:value2}function replace(value2,pattern,replacement){return value2.replace(pattern,replacement)}function indexof(value2,search){return value2.indexOf(search)}function charat(value2,index){return value2.charCodeAt(index)|0}function substr(value2,begin,end){return value2.slice(begin,end)}function strlen(value2){return value2.length}function sizeof(value2){return value2.length}function append(value2,array){return array.push(value2),value2}function combine(array,callback){return array.map(callback).join("")}var line=1,column=1,length2=0,position=0,character=0,characters="";function node(value2,root4,parent,type,props,children,length22){return{value:value2,root:root4,parent,type,props,children,line,column,length:length22,return:""}}function copy2(root4,props){return assign(node("",null,null,"",null,null,0),root4,{length:-root4.length},props)}function char(){return character}function prev(){return character=position>0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position<length2?charat(characters,position++):0,column++,character===10&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value2){return line=column=1,length2=strlen(characters=value2),position=0,[]}function dealloc(value2){return characters="",value2}function delimit(type){return trim(slice(position-1,delimiter(type===91?type+2:type===40?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10&&!(type+character===42+42&&peek()===47););return"/*"+slice(index,position-1)+"*"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value2){return dealloc(parse2("",null,null,null,[""],value2=alloc(value2),0,[0],value2))}function parse2(value2,root4,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length22=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type="",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length22-1)==58){indexof(characters2+=replace(delimit(character2),"&","&\f"),"&\f")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root4,parent),declarations);break;default:characters2+="/"}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:property>0&&strlen(characters2)-length22&&append(property>32?declaration(characters2+";",rule,parent,length22-1):declaration(replace(characters2," ","")+";",rule,parent,length22-2),declarations);break;case 59:characters2+=";";default:if(append(reference=ruleset(characters2,root4,parent,index,offset,rules,points,type,props=[],children=[],length22),rulesets),character2===123)if(offset===0)parse2(characters2,root4,reference,reference,props,rulesets,length22,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 109:case 115:parse2(value2,reference,reference,rule&&append(ruleset(value2,reference,reference,0,0,rules,points,type,rules,props=[],length22),children),rules,children,length22,points,rule?props:children);break;default:parse2(characters2,reference,reference,reference,[""],children,0,points,children)}}index=offset=property=0,variable=ampersand=1,type=characters2="",length22=pseudo;break;case 58:length22=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+="\f",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length22=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0)}}return rulesets}function ruleset(value2,root4,parent,index,offset,rules,points,type,props,children,length22){for(var post=offset-1,rule=offset===0?rules:[""],size=sizeof(rule),i4=0,j3=0,k3=0;i4<index;++i4)for(var x3=0,y3=substr(value2,post+1,post=abs(j3=points[i4])),z3=value2;x3<size;++x3)(z3=trim(j3>0?rule[x3]+" "+y3:replace(y3,/&\f/g,rule[x3])))&&(props[k3++]=z3);return node(value2,root4,parent,offset===0?RULESET:type,props,children,length22)}function comment(value2,root4,parent){return node(value2,root4,parent,COMMENT,from(char()),substr(value2,2,-2),0)}function declaration(value2,root4,parent,length22){return node(value2,root4,parent,DECLARATION,substr(value2,0,length22),substr(value2,length22+1,-1),length22)}function serialize(children,callback){for(var output="",length22=sizeof(children),i4=0;i4<length22;i4++)output+=callback(children[i4],i4,children,callback)||"";return output}function stringify2(element,index,children,callback){switch(element.type){case IMPORT:case DECLARATION:return element.return=element.return||element.value;case COMMENT:return"";case KEYFRAMES:return element.return=element.value+"{"+serialize(element.children,callback)+"}";case RULESET:element.value=element.props.join(",")}return strlen(children=serialize(element.children,callback))?element.return=element.value+"{"+children+"}":""}function middleware(collection){var length22=sizeof(collection);return function(element,index,children,callback){for(var output="",i4=0;i4<length22;i4++)output+=collection[i4](element,index,children,callback)||"";return output}}function rulesheet(callback){return function(element){element.root||(element=element.return)&&callback(element)}}var weakMemoize=function(func){var cache=new WeakMap;return function(arg){if(cache.has(arg))return cache.get(arg);var ret=func(arg);return cache.set(arg,ret),ret}},emotion_weak_memoize_esm_default=weakMemoize,identifierWithPointTracking=function(begin,points,index){for(var previous=0,character2=0;previous=character2,character2=peek(),previous===38&&character2===12&&(points[index]=1),!token(character2);)next();return slice(begin,position)},toRules=function(parsed,points){var index=-1,character2=44;do switch(token(character2)){case 0:character2===38&&peek()===12&&(points[index]=1),parsed[index]+=identifierWithPointTracking(position-1,points,index);break;case 2:parsed[index]+=delimit(character2);break;case 4:if(character2===44){parsed[++index]=peek()===58?"&\f":"",points[index]=parsed[index].length;break}default:parsed[index]+=from(character2)}while(character2=next());return parsed},getRules=function(value2,points){return dealloc(toRules(alloc(value2),points))},fixedElements=new WeakMap,compat=function(element){if(!(element.type!=="rule"||!element.parent||element.length<1)){for(var value2=element.value,parent=element.parent,isImplicitRule=element.column===parent.column&&element.line===parent.line;parent.type!=="rule";)if(parent=parent.parent,!parent)return;if(!(element.props.length===1&&value2.charCodeAt(0)!==58&&!fixedElements.get(parent))&&!isImplicitRule){fixedElements.set(element,!0);for(var points=[],rules=getRules(value2,points),parentRules=parent.props,i4=0,k3=0;i4<rules.length;i4++)for(var j3=0;j3<parentRules.length;j3++,k3++)element.props[k3]=points[i4]?rules[i4].replace(/&\f/g,parentRules[j3]):parentRules[j3]+" "+rules[i4]}}},removeLabel=function(element){if(element.type==="decl"){var value2=element.value;value2.charCodeAt(0)===108&&value2.charCodeAt(2)===98&&(element.return="",element.value="")}},ignoreFlag="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",isIgnoringComment=function(element){return element.type==="comm"&&element.children.indexOf(ignoreFlag)>-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!=="rule"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i4=commentContainer.length-1;i4>=0;i4--){var node2=commentContainer[i4];if(node2.line<element.line)break;if(node2.column<element.column){if(isIgnoringComment(node2))return;break}}unsafePseudoClasses.forEach(function(unsafePseudoClass){console.error('The pseudo class "'+unsafePseudoClass+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+unsafePseudoClass.split("-child")[0]+'-of-type".')})}}}},isImportRule=function(element){return element.type.charCodeAt(1)===105&&element.type.charCodeAt(0)===64},isPrependedWithRegularRules=function(index,children){for(var i4=index-1;i4>=0;i4--)if(!isImportRule(children[i4]))return!0;return!1},nullifyElement=function(element){element.type="",element.value="",element.return="",element.children="",element.props=""},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),nullifyElement(element)))};function prefix(value2,length22){switch(hash(value2,length22)){case 5103:return WEBKIT+"print-"+value2+value2;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value2+value2;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value2+MOZ+value2+MS+value2+value2;case 6828:case 4268:return WEBKIT+value2+MS+value2+value2;case 6165:return WEBKIT+value2+MS+"flex-"+value2+value2;case 5187:return WEBKIT+value2+replace(value2,/(\w+).+(:[^]+)/,WEBKIT+"box-$1$2"+MS+"flex-$1$2")+value2;case 5443:return WEBKIT+value2+MS+"flex-item-"+replace(value2,/flex-|-self/,"")+value2;case 4675:return WEBKIT+value2+MS+"flex-line-pack"+replace(value2,/align-content|flex-|-self/,"")+value2;case 5548:return WEBKIT+value2+MS+replace(value2,"shrink","negative")+value2;case 5292:return WEBKIT+value2+MS+replace(value2,"basis","preferred-size")+value2;case 6060:return WEBKIT+"box-"+replace(value2,"-grow","")+WEBKIT+value2+MS+replace(value2,"grow","positive")+value2;case 4554:return WEBKIT+replace(value2,/([^-])(transform)/g,"$1"+WEBKIT+"$2")+value2;case 6187:return replace(replace(replace(value2,/(zoom-|grab)/,WEBKIT+"$1"),/(image-set)/,WEBKIT+"$1"),value2,"")+value2;case 5495:case 3959:return replace(value2,/(image-set\([^]*)/,WEBKIT+"$1$`$1");case 4968:return replace(replace(value2,/(.+:)(flex-)?(.*)/,WEBKIT+"box-pack:$3"+MS+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+WEBKIT+value2+value2;case 4095:case 3583:case 4068:case 2532:return replace(value2,/(.+)-inline(.+)/,WEBKIT+"$1$2")+value2;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value2)-1-length22>6)switch(charat(value2,length22+1)){case 109:if(charat(value2,length22+4)!==45)break;case 102:return replace(value2,/(.+:)(.+)-([^]+)/,"$1"+WEBKIT+"$2-$3$1"+MOZ+(charat(value2,length22+3)==108?"$3":"$2-$3"))+value2;case 115:return~indexof(value2,"stretch")?prefix(replace(value2,"stretch","fill-available"),length22)+value2:value2}break;case 4949:if(charat(value2,length22+1)!==115)break;case 6444:switch(charat(value2,strlen(value2)-3-(~indexof(value2,"!important")&&10))){case 107:return replace(value2,":",":"+WEBKIT)+value2;case 101:return replace(value2,/(.+:)([^;!]+)(;|!.+)?/,"$1"+WEBKIT+(charat(value2,14)===45?"inline-":"")+"box$3$1"+WEBKIT+"$2$3$1"+MS+"$2box$3")+value2}break;case 5936:switch(charat(value2,length22+11)){case 114:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb")+value2;case 108:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"tb-rl")+value2;case 45:return WEBKIT+value2+MS+replace(value2,/[svh]\w+-[tblr]{2}/,"lr")+value2}return WEBKIT+value2+MS+value2+value2}return value2}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy2(element,{value:replace(element.value,"@","@"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value2){switch(match(value2,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return serialize([copy2(element,{props:[replace(value2,/:(read-\w+)/,":"+MOZ+"$1")]})],callback);case"::placeholder":return serialize([copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+WEBKIT+"input-$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,":"+MOZ+"$1")]}),copy2(element,{props:[replace(value2,/:(plac\w+)/,MS+"input-$1")]})],callback)}return""})}},isBrowser2=typeof document<"u",getServerStylisCache=isBrowser2?void 0:emotion_weak_memoize_esm_default(function(){return emotion_memoize_esm_default(function(){var cache={};return function(name2){return cache[name2]}})}),defaultStylisPlugins=[prefixer],createCache=function(options3){var key2=options3.key;if(process.env.NODE_ENV!=="production"&&!key2)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
 If multiple caches share the same key they might "fight" for each other's style elements.`);if(isBrowser2&&key2==="css"){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute("data-emotion");dataEmotionAttribute.indexOf(" ")!==-1&&(document.head.appendChild(node2),node2.setAttribute("data-s",""))})}var stylisPlugins=options3.stylisPlugins||defaultStylisPlugins;if(process.env.NODE_ENV!=="production"&&/[^a-z-]/.test(key2))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+key2+'" was passed');var inserted={},container,nodesToHydrate=[];isBrowser2&&(container=options3.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key2+' "]'),function(node2){for(var attrib=node2.getAttribute("data-emotion").split(" "),i4=1;i4<attrib.length;i4++)inserted[attrib[i4]]=!0;nodesToHydrate.push(node2)}));var _insert,omnipresentPlugins=[compat,removeLabel];if(process.env.NODE_ENV!=="production"&&omnipresentPlugins.push(createUnsafeSelectorsAlarm({get compat(){return cache.compat}}),incorrectImportAlarm),isBrowser2){var currentSheet,finalizingPlugins=[stringify2,process.env.NODE_ENV!=="production"?function(element){element.root||(element.return?currentSheet.insert(element.return):element.value&&element.type!==COMMENT&&currentSheet.insert(element.value+"{}"))}:rulesheet(function(rule){currentSheet.insert(rule)})],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins)),stylis=function(styles2){return serialize(compile(styles2),serializer)};_insert=function(selector,serialized,sheet,shouldCache){currentSheet=sheet,process.env.NODE_ENV!=="production"&&serialized.map!==void 0&&(currentSheet={insert:function(rule){sheet.insert(rule+serialized.map)}}),stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}else{var _finalizingPlugins=[stringify2],_serializer=middleware(omnipresentPlugins.concat(stylisPlugins,_finalizingPlugins)),_stylis=function(styles2){return serialize(compile(styles2),_serializer)},serverStylisCache=getServerStylisCache(stylisPlugins)(key2),getRules3=function(selector,serialized){var name2=serialized.name;return serverStylisCache[name2]===void 0&&(serverStylisCache[name2]=_stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles)),serverStylisCache[name2]};_insert=function(selector,serialized,sheet,shouldCache){var name2=serialized.name,rules=getRules3(selector,serialized);if(cache.compat===void 0)return shouldCache&&(cache.inserted[name2]=!0),process.env.NODE_ENV==="development"&&serialized.map!==void 0?rules+serialized.map:rules;if(shouldCache)cache.inserted[name2]=rules;else return rules}}var cache={key:key2,sheet:new StyleSheet({key:key2,container,nonce:options3.nonce,speedy:options3.speedy,prepend:options3.prepend,insertionPoint:options3.insertionPoint}),nonce:options3.nonce,inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache},emotion_cache_esm_default=createCache,import_react57=require_react(),import_hoist_non_react_statics=__toESM3(require_hoist_non_react_statics_cjs()),hoistNonReactStatics=function(targetComponent,sourceComponent){return(0,import_hoist_non_react_statics.default)(targetComponent,sourceComponent)},emotion_react_isolated_hnrs_esm_default=hoistNonReactStatics,isBrowser22=typeof document<"u";function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach(function(className){registered[className]!==void 0?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "}),rawClassName}var registerStyles=function(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(isStringTag===!1||isBrowser22===!1&&cache.compat!==void 0)&&cache.registered[className]===void 0&&(cache.registered[className]=serialized.styles)},insertStyles=function(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(cache.inserted[serialized.name]===void 0){var stylesForSSR="",current=serialized;do{var maybeStyles=cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0);!isBrowser22&&maybeStyles!==void 0&&(stylesForSSR+=maybeStyles),current=current.next}while(current!==void 0);if(!isBrowser22&&stylesForSSR.length!==0)return stylesForSSR}};function murmur2(str){for(var h3=0,k3,i4=0,len=str.length;len>=4;++i4,len-=4)k3=str.charCodeAt(i4)&255|(str.charCodeAt(++i4)&255)<<8|(str.charCodeAt(++i4)&255)<<16|(str.charCodeAt(++i4)&255)<<24,k3=(k3&65535)*1540483477+((k3>>>16)*59797<<16),k3^=k3>>>24,h3=(k3&65535)*1540483477+((k3>>>16)*59797<<16)^(h3&65535)*1540483477+((h3>>>16)*59797<<16);switch(len){case 3:h3^=(str.charCodeAt(i4+2)&255)<<16;case 2:h3^=(str.charCodeAt(i4+1)&255)<<8;case 1:h3^=str.charCodeAt(i4)&255,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16)}return h3^=h3>>>13,h3=(h3&65535)*1540483477+((h3>>>16)*59797<<16),((h3^h3>>>15)>>>0).toString(36)}var emotion_hash_esm_default=murmur2,unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},emotion_unitless_esm_default=unitlessKeys,ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
@@ -1054,7 +1054,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,77:`remToPx expects a value in "rem" but you provided it in "%s".
 
 `,78:`base must be set in "px" or "%" but you set it in "%s".
-`};function format(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];var a3=args2[0],b3=[],c3;for(c3=1;c3<args2.length;c3+=1)b3.push(args2[c3]);return b3.forEach(function(d3){a3=a3.replace(/%[a-z]/,d3)}),a3}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){var _this;if(process.env.NODE_ENV==="production")_this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this;else{for(var _len2=arguments.length,args2=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args2[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args2)))||this}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(color*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color){if(typeof color!="string")return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if(typeof color!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}var reduceHexValue=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$1=reduceHexValue;function numberToHex(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function rgb(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value2)+numberToHex(green)+numberToHex(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value2.red)+numberToHex(value2.green)+numberToHex(value2.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else{if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}function curried(f4,length2,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length2?f4.apply(this,combined):curried(f4,length2,combined)}}function curry(f4){return curried(f4,f4.length,[])}function guard(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function transparentize(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var import_components3=__toESM(require_dist11()),sharedStyles={height:10,width:10,marginLeft:-5,marginRight:-5,display:"block"},Icon=(0,import_theming6.styled)(import_components3.Icons)(sharedStyles,({theme})=>({color:theme.color.secondary})),SidebarIconButton=(0,import_theming6.styled)(import_components3.IconButton)(({highlighted,active,theme})=>({position:"relative",overflow:"visible",color:theme.textMutedColor,marginTop:0,zIndex:1,...highlighted&&{"&:before, &:after":{content:'""',position:"absolute",top:6,right:6,width:5,height:5,zIndex:2,borderRadius:"50%",background:theme.background.app,border:`1px solid ${theme.background.app}`,boxShadow:`0 0 0 2px ${theme.background.app}`},"&:after":{background:theme.color.positive,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px ${theme.background.app}`},"&:hover:after, &:focus-visible:after":{boxShadow:`0 0 0 2px ${curriedTransparentize$1(.88,theme.color.secondary)}`}},...active&&{color:theme.color.secondary}})),Img2=import_theming6.styled.img(sharedStyles),Placeholder=import_theming6.styled.div(sharedStyles);var SidebarMenuList=({menu,onHide})=>{let links=(0,import_react9.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu]);return import_react9.default.createElement(import_components3.TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react9.useState)(!1);return import_react9.default.createElement(import_components3.WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react9.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react9.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react9.default.createElement(import_components3.Icons,{icon:"cog"})))};var BrandArea=import_theming7.styled.div(({theme})=>({fontSize:theme.typography.size.s2,fontWeight:theme.typography.weight.bold,color:theme.color.defaultText,marginRight:20,display:"flex",width:"100%",alignItems:"center",minHeight:22,"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=import_theming7.styled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:28}),SkipToCanvasLink=(0,import_theming7.styled)(import_components4.Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",position:"absolute",fontSize:theme.typography.size.s1,zIndex:3,border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",opacity:0,transition:"opacity 150ms ease-out","&:focus":{width:"100%",height:"inherit",padding:"10px 15px",margin:0,clip:"unset",overflow:"unset",opacity:1}}})),Heading=({menuHighlighted=!1,menu,skipLinkHref,...props})=>import_react10.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react10.default.createElement(SkipToCanvasLink,{secondary:!0,isLink:!0,tabIndex:0,href:skipLinkHref},"Skip to canvas"),import_react10.default.createElement(BrandArea,null,import_react10.default.createElement(Brand,null)),import_react10.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted}));var import_react20=__toESM(require_react());var import_react17=__toESM(require_react()),import_manager_api5=__toESM(require_dist9()),import_theming13=__toESM(require_dist10());var import_react12=__toESM(require_react()),import_components5=__toESM(require_dist11()),import_client_logger=__toESM(require_dist2()),import_theming9=__toESM(require_dist10());var import_react11=__toESM(require_react()),import_theming8=__toESM(require_dist10()),LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=import_theming8.styled.div({cursor:"progress",fontSize:13,height:"16px",marginTop:4,marginBottom:4,alignItems:"center",overflow:"hidden"},({depth=0})=>({marginLeft:depth*15,maxWidth:85-depth*5}),({theme})=>theme.animation.inlineGlow,({theme})=>({background:theme.appBorderColor})),Contained=import_theming8.styled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react11.default.createElement(import_react11.Fragment,null,sequence.map((depth,index)=>import_react11.default.createElement(Loadingitem,{depth,key:index})))};var{window:globalWindow}=scope,TextStyle=import_theming9.styled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0})),Text=import_theming9.styled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=import_theming9.styled.pre({width:420,boxSizing:"border-box",borderRadius:8,overflow:"auto",whiteSpace:"pre"},({theme})=>({color:theme.color.dark})),AuthBlock=({loginUrl,id})=>{let[isAuthAttempted,setAuthAttempted]=(0,import_react12.useState)(!1),refresh=(0,import_react12.useCallback)(()=>{globalWindow.document.location.reload()},[]),open=(0,import_react12.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(import_client_logger.logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react12.default.createElement(Contained,null,import_react12.default.createElement(import_components5.Spaced,null,isAuthAttempted?import_react12.default.createElement(import_react12.Fragment,null,import_react12.default.createElement(Text,null,"Authentication on ",import_react12.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react12.default.createElement("div",null,import_react12.default.createElement(import_components5.Button,{small:!0,gray:!0,onClick:refresh},import_react12.default.createElement(import_components5.Icons,{icon:"sync"}),"Refresh now"))):import_react12.default.createElement(import_react12.Fragment,null,import_react12.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react12.default.createElement("div",null,import_react12.default.createElement(import_components5.Button,{small:!0,gray:!0,onClick:open},import_react12.default.createElement(import_components5.Icons,{icon:"lock"}),"Sign in")))))},ErrorBlock=({error})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(import_components5.Spaced,null,import_react12.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react12.default.createElement("br",null),import_react12.default.createElement(import_components5.WithTooltip,{tooltip:import_react12.default.createElement(ErrorDisplay,null,import_react12.default.createElement(import_components5.ErrorFormatter,{error}))},import_react12.default.createElement(import_components5.Link,{isButton:!0},"View error ",import_react12.default.createElement(import_components5.Icons,{icon:"arrowdown"})))," ",import_react12.default.createElement(import_components5.Link,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=(0,import_theming9.styled)(import_components5.Spaced)({display:"flex"}),WideSpaced=(0,import_theming9.styled)(import_components5.Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(FlexSpaced,{col:1},import_react12.default.createElement(WideSpaced,null,import_react12.default.createElement(Text,null,isMain?import_react12.default.createElement(import_react12.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react12.default.createElement("ul",null,import_react12.default.createElement("li",null,"The glob specified in ",import_react12.default.createElement("code",null,"main.js")," isn't correct."),import_react12.default.createElement("li",null,"No stories are defined in your story files."))," "):import_react12.default.createElement(import_react12.default.Fragment,null,"Yikes! Something went wrong loading these stories."))))),LoaderBlock=({isMain})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(Loader,{size:isMain?17:5}));var import_react13=__toESM(require_react()),import_components6=__toESM(require_dist11()),import_theming10=__toESM(require_dist10());var import_manager_api2=__toESM(require_dist9()),{document:document2,window:globalWindow2}=scope,IndicatorPlacement=import_theming10.styled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=import_theming10.styled.button(({theme})=>({height:20,width:20,padding:0,margin:0,display:"flex",alignItems:"center",justifyContent:"center",background:"transparent",outline:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"&:hover":{color:theme.barSelectedColor},"&:focus":{color:theme.barSelectedColor,borderColor:theme.color.secondary},svg:{height:10,width:10,transition:"all 150ms ease-out",color:"inherit"}})),MessageTitle=import_theming10.styled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message=import_theming10.styled.a(({theme})=>({textDecoration:"none",lineHeight:"16px",padding:15,display:"flex",flexDirection:"row",alignItems:"flex-start",color:theme.color.defaultText,"&:not(:last-child)":{borderBottom:`1px solid ${theme.appBorderColor}`},"&:hover":{background:theme.background.hoverable,color:theme.color.darker},"&:link":{color:theme.color.darker},"&:active":{color:theme.color.darker},"&:focus":{color:theme.color.darker},"& > *":{flex:1},"& > svg":{marginTop:3,width:16,height:16,marginRight:10,flex:"unset"}})),MessageWrapper=import_theming10.styled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),BlueIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.secondary})),YellowIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.gold})),RedIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.negative})),GreenIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.green})),Version=import_theming10.styled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.regular,color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"& > * + *":{marginLeft:4},svg:{height:10,width:10}})),CurrentVersion=({url,versions})=>{let currentVersionId=(0,import_react13.useMemo)(()=>{let c3=Object.entries(versions).find(([k3,v3])=>v3===url);return c3&&c3[0]?c3[0]:"current"},[url,versions]);return import_react13.default.createElement(Version,null,import_react13.default.createElement("span",null,currentVersionId),import_react13.default.createElement(import_components6.Icons,{icon:"arrowdown"}))},RefIndicator=import_react13.default.memo((0,import_react13.forwardRef)(({state,...ref},forwardedRef)=>{let api=(0,import_manager_api2.useStorybookApi)(),list=(0,import_react13.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react13.useMemo)(()=>list.filter(v3=>v3.type==="component").length,[list]),leafCount=(0,import_react13.useMemo)(()=>list.filter(v3=>v3.type==="docs"||v3.type==="story").length,[list]);return import_react13.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react13.default.createElement(import_components6.WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react13.default.createElement(MessageWrapper,null,import_react13.default.createElement(import_components6.Spaced,{row:0},state==="loading"&&import_react13.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react13.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react13.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react13.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react13.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react13.default.createElement(ReadDocsMessage,null)))},import_react13.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react13.default.createElement(import_components6.Icons,{icon:"globe"}))),ref.versions&&Object.keys(ref.versions).length?import_react13.default.createElement(import_components6.WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react13.default.createElement(import_components6.TooltipLinkList,{links:Object.entries(ref.versions).map(([id,href])=>({icon:href===ref.url?"check":void 0,id,title:id,href,onClick:(event,item)=>{event.preventDefault(),api.changeRefVersion(ref.id,item.href),tooltip.onHide()}}))})},import_react13.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(BlueIcon,{icon:"globe"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"View external Storybook"),import_react13.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab."))),LoginRequiredMessage=({loginUrl,id})=>{let open=(0,import_react13.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow2.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),document2.location.reload()):clearInterval(timer)},1e3)},[]);return import_react13.default.createElement(Message,{onClick:open},import_react13.default.createElement(YellowIcon,{icon:"lock"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Log in required"),import_react13.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>import_react13.default.createElement(Message,{href:"https://storybook.js.org",target:"_blank"},import_react13.default.createElement(GreenIcon,{icon:"document"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Read Composition docs"),import_react13.default.createElement("div",null,"Learn how to combine multiple Storybooks into one."))),ErrorOccurredMessage=({url})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(RedIcon,{icon:"alert"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Something went wrong"),import_react13.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now."))),LoadingMessage=({url})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(BlueIcon,{icon:"time"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Please wait"),import_react13.default.createElement("div",null,"This Storybook is loading."))),PerformanceDegradedMessage=()=>import_react13.default.createElement(Message,{href:"https://storybook.js.org/docs",target:"_blank"},import_react13.default.createElement(YellowIcon,{icon:"lightning"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Reduce lag"),import_react13.default.createElement("div",null,"Learn how to speed up Composition performance.")));var import_manager_api4=__toESM(require_dist9()),import_theming12=__toESM(require_dist10()),import_components8=__toESM(require_dist11());var import_react16=__toESM(require_react()),import_core_events2=__toESM(require_dist4());var import_theming11=__toESM(require_dist10()),import_components7=__toESM(require_dist11());var import_react14=__toESM(require_react()),CollapseIcon=import_theming11.styled.span(({theme,isExpanded})=>({display:"inline-block",width:0,height:0,marginTop:6,marginLeft:8,marginRight:5,color:curriedTransparentize$1(.4,theme.textMutedColor),borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid",transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),iconColors={light:{document:"#ff8300",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"ultraviolet"},dark:{document:"gold",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"primary"}},isColor=(theme,color)=>color in theme.color,TypeIcon=(0,import_theming11.styled)(import_components7.Icons)({width:12,height:12,padding:1,marginTop:3,marginRight:5,flex:"0 0 auto"},({theme,icon,symbol=icon,docsMode})=>{let color=(theme.base==="dark"?iconColors.dark:iconColors.light)[docsMode&&symbol==="document"?"docsModeDocument":symbol];return{color:isColor(theme,color)?theme.color[color]:color}}),BranchNode=import_theming11.styled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",padding:3,paddingLeft:`${(isExpandable?2:18)+depth*16}px`,color:"inherit",fontSize:`${theme.typography.size.s2-1}px`,background:"transparent","&:hover, &:focus":{background:theme.background.hoverable,outline:"none"}})),LeafNode=import_theming11.styled.a(({theme,depth=0})=>({cursor:"pointer",display:"flex",alignItems:"start",padding:3,paddingLeft:`${18+depth*16}px`,fontSize:`${theme.typography.size.s2-1}px`,textDecoration:"none",color:theme.color.defaultText,background:"transparent","&:hover, &:focus":{outline:"none",background:theme.background.hoverable},'&[data-selected="true"]':{color:theme.color.lightest,background:theme.color.secondary,fontWeight:theme.typography.weight.bold,"&:hover, &:focus":{background:theme.color.secondary},svg:{color:theme.color.lightest}}})),Path=import_theming11.styled.span(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{position:"relative",marginLeft:4,paddingLeft:7,"&:before":{content:"'/'",position:"absolute",left:0}}})),RootNode=import_theming11.styled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 20px",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:20,letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor})),GroupNode=import_react14.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react14.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable?import_react14.default.createElement(CollapseIcon,{isExpanded}):null,import_react14.default.createElement(TypeIcon,{icon:"folder",useSymbol:!0,color:"primary"}),children)}),ComponentNode=import_react14.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react14.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable&&import_react14.default.createElement(CollapseIcon,{isExpanded}),import_react14.default.createElement(TypeIcon,{icon:"component",useSymbol:!0,color:"secondary"}),children)}),DocumentNode=import_react14.default.memo(function({theme,children,docsMode,...props}){return import_react14.default.createElement(LeafNode,{tabIndex:-1,...props},import_react14.default.createElement(TypeIcon,{icon:"document",useSymbol:!0,docsMode}),children)}),StoryNode=import_react14.default.memo(function({theme,children,...props}){return import_react14.default.createElement(LeafNode,{tabIndex:-1,...props},import_react14.default.createElement(TypeIcon,{icon:"bookmarkhollow",useSymbol:!0}),children)});var import_manager_api3=__toESM(require_dist9()),import_core_events=__toESM(require_dist4());var import_throttle=__toESM(require_throttle()),import_react15=__toESM(require_react());var codeToKeyMap={Space:" ",Slash:"/",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",ArrowDown:"ArrowDown",Escape:"Escape",Enter:"Enter"},allFalse={alt:!1,ctrl:!1,meta:!1,shift:!1},matchesModifiers=(modifiers,event)=>{let{alt,ctrl,meta,shift}=modifiers===!1?allFalse:modifiers;return!(typeof alt=="boolean"&&alt!==event.altKey||typeof ctrl=="boolean"&&ctrl!==event.ctrlKey||typeof meta=="boolean"&&meta!==event.metaKey||typeof shift=="boolean"&&shift!==event.shiftKey)},matchesKeyCode=(code,event)=>event.code?event.code===code:event.key===codeToKeyMap[code];var import_memoizerific3=__toESM(require_memoizerific());var{document:document3,window:globalWindow3}=scope,createId=(itemId,refId)=>!refId||refId===DEFAULT_REF_ID?itemId:`${refId}_${itemId}`,getLink=(item,refId)=>`${document3.location.pathname}?path=/${item.type}/${createId(item.id,refId)}`;var get3=(0,import_memoizerific3.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific3.default)(1e3)((id,dataset)=>{let item=get3(id,dataset);return item&&item.type!=="root"?get3(item.parent,dataset):void 0}),getParents=(0,import_memoizerific3.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific3.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific3.default)(1e3)((data,id,skipLeafs)=>{let entry=data[id];return(entry.type==="story"||entry.type==="docs"?[]:entry.children).reduce((acc,childId)=>{let child=data[childId];return!child||skipLeafs&&(child.type==="story"||child.type==="docs")||acc.push(childId,...getDescendantIds(data,childId,skipLeafs)),acc},[])});function getPath(item,ref){let parent=item.type!=="root"&&item.parent?ref.index[item.parent]:null;return parent?[...getPath(parent,ref),parent.name]:ref.id===DEFAULT_REF_ID?[]:[ref.title||ref.id]}var searchItem=(item,ref)=>({...item,refId:ref.id,path:getPath(item,ref)});function cycle(array,index,delta){let next=index+delta%array.length;return next<0&&(next=array.length+next),next>=array.length&&(next-=array.length),next}var scrollIntoView=(element,center=!1)=>{if(!element)return;let{top,bottom}=element.getBoundingClientRect();top>=0&&bottom<=(globalWindow3.innerHeight||document3.documentElement.clientHeight)||element.scrollIntoView({block:center?"center":"nearest"})},getStateType=(isLoading,isAuthRequired,isError,isEmpty)=>{switch(!0){case isAuthRequired:return"auth";case isError:return"error";case isLoading:return"loading";case isEmpty:return"empty";default:return"ready"}},isAncestor=(element,maybeAncestor)=>!element||!maybeAncestor?!1:element===maybeAncestor?!0:isAncestor(element.parentElement,maybeAncestor),removeNoiseFromName=storyName=>storyName.replaceAll(/(\s|-|_)/gi,""),isStoryHoistable=(storyName,componentName)=>removeNoiseFromName(storyName)===removeNoiseFromName(componentName);var{document:document4}=scope,initializeExpanded=({refId,data,initialExpanded,highlightedRef,rootIds})=>{var _a,_b;let highlightedAncestors=((_a=highlightedRef.current)==null?void 0:_a.refId)===refId?getAncestorIds(data,(_b=highlightedRef.current)==null?void 0:_b.itemId):[];return[...rootIds,...highlightedAncestors].reduce((acc,id)=>Object.assign(acc,{[id]:id in initialExpanded?initialExpanded[id]:!0}),{})},noop=()=>{},useExpanded=({containerRef,isBrowsing,refId,data,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId})=>{let api=(0,import_manager_api3.useStorybookApi)(),[expanded,setExpanded]=(0,import_react15.useReducer)((state,{ids,value:value2})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value2}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react15.useCallback)(id=>{var _a;return(_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${id}"]`)},[containerRef]),highlightElement=(0,import_react15.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react15.useCallback)(({ids,value:value2})=>{var _a;if(setExpanded({ids,value:value2}),ids.length===1){let element=(_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react15.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react15.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react15.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react15.useEffect)(()=>api?(api.on(import_core_events.STORIES_COLLAPSE_ALL,collapseAll),api.on(import_core_events.STORIES_EXPAND_ALL,expandAll),()=>{api.off(import_core_events.STORIES_COLLAPSE_ALL,collapseAll),api.off(import_core_events.STORIES_EXPAND_ALL,expandAll)}):noop,[api,collapseAll,expandAll]),(0,import_react15.useEffect)(()=>{let menuElement=document4.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{var _a,_b;let highlightedItemId=((_a=highlightedRef.current)==null?void 0:_a.refId)===refId&&((_b=highlightedRef.current)==null?void 0:_b.itemId);if(!isBrowsing||!containerRef.current||!highlightedItemId||event.repeat||!matchesModifiers(!1,event))return;let isEnter=matchesKeyCode("Enter",event),isSpace=matchesKeyCode("Space",event),isArrowLeft=matchesKeyCode("ArrowLeft",event),isArrowRight=matchesKeyCode("ArrowRight",event);if(!(isEnter||isSpace||isArrowLeft||isArrowRight))return;let highlightedElement=getElementByDataItemId(highlightedItemId);if(!highlightedElement||highlightedElement.getAttribute("data-ref-id")!==refId)return;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;if(target.hasAttribute("data-action")){if(isEnter||isSpace)return;target.blur()}let type=highlightedElement.getAttribute("data-nodetype");(isEnter||isSpace)&&["component","story","document"].includes(type)&&onSelectStoryId(highlightedItemId);let isExpanded=highlightedElement.getAttribute("aria-expanded");if(isArrowLeft){if(isExpanded==="true"){setExpanded({ids:[highlightedItemId],value:!1});return}let parentId=highlightedElement.getAttribute("data-parent-id"),parentElement=parentId&&getElementByDataItemId(parentId);if(parentElement&&parentElement.getAttribute("data-highlightable")==="true"){highlightElement(parentElement);return}setExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!1});return}isArrowRight&&(isExpanded==="false"?updateExpanded({ids:[highlightedItemId],value:!0}):isExpanded==="true"&&updateExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!0}))},60);return document4.addEventListener("keydown",navigateTree),()=>document4.removeEventListener("keydown",navigateTree)},[containerRef,isBrowsing,refId,data,highlightedRef,setHighlightedItemId,onSelectStoryId]),[expanded,updateExpanded]};var Action=import_theming12.styled.button(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:20,height:20,margin:0,marginLeft:"auto",padding:0,outline:0,lineHeight:"normal",background:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",transition:"all 150ms ease-out",color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"&:hover":{color:theme.color.secondary},"&:focus":{color:theme.color.secondary,borderColor:theme.color.secondary,"&:not(:focus-visible)":{borderColor:"transparent"}},svg:{width:10,height:10}})),CollapseButton=import_theming12.styled.button(({theme})=>({background:"transparent",border:"none",outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",letterSpacing:"inherit",textTransform:"inherit",display:"flex",flex:"0 1 auto",padding:"3px 10px 1px 1px",margin:0,marginLeft:-19,overflow:"hidden",borderRadius:26,transition:"color 150ms, box-shadow 150ms","span:first-of-type":{marginTop:4,marginRight:7},"&:focus":{boxShadow:`0 0 0 1px ${theme.color.secondary}`,color:theme.color.secondary,"span:first-of-type":{color:theme.color.secondary},"&:not(:focus-visible)":{boxShadow:"none"}}})),LeafNodeStyleWrapper=import_theming12.styled.div(({theme})=>({position:"relative"})),SkipToContentLink=(0,import_theming12.styled)(import_components8.Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",zIndex:-1,position:"absolute",top:1,right:20,height:"20px",fontSize:"10px",padding:"5px 10px","&:focus":{background:"white",zIndex:1}}})),Node2=import_react16.default.memo(function({item,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId}){var _a,_b,_c;let api=(0,import_manager_api4.useStorybookApi)();if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode;return import_react16.default.createElement(LeafNodeStyleWrapper,null,import_react16.default.createElement(LeafNode2,{key:id,id,className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-selected":isSelected,"data-highlightable":isDisplayed,depth:isOrphan?item.depth:item.depth-1,href:getLink(item,refId),onClick:event=>{event.preventDefault(),onSelectStoryId(item.id)},...item.type==="docs"&&{docsMode}},((_a=item.renderLabel)==null?void 0:_a.call(item,item))||item.name),isSelected&&import_react16.default.createElement(SkipToContentLink,{secondary:!0,outline:!0,isLink:!0,href:"#storybook-preview-wrapper"},"Skip to canvas"))}if(item.type==="root")return import_react16.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react16.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react16.default.createElement(CollapseIcon,{isExpanded}),((_b=item.renderLabel)==null?void 0:_b.call(item,item))||item.name),isExpanded&&import_react16.default.createElement(Action,{type:"button",className:"sidebar-subheading-action","aria-label":"expand","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},import_react16.default.createElement(import_components8.Icons,{icon:isFullyExpanded?"collapse":"expandalt"})));let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react16.default.createElement(BranchNode2,{key:id,id,className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="component"?"component":"group","data-highlightable":isDisplayed,"aria-controls":item.children&&item.children[0],"aria-expanded":isExpanded,depth:isOrphan?item.depth:item.depth-1,isComponent:item.type==="component",isExpandable:item.children&&item.children.length>0,isExpanded,onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded}),item.type==="component"&&!isExpanded&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.isComponent&&api.emit(import_core_events2.PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},((_c=item.renderLabel)==null?void 0:_c.call(item,item))||item.name)}),Root2=import_react16.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react16.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react16.default.createElement(Node2,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Container=import_theming12.styled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Tree=import_react16.default.memo(function({isBrowsing,isMain,refId,data,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react16.useRef)(null),[rootIds,orphanIds,initialExpanded]=(0,import_react16.useMemo)(()=>Object.keys(data).reduce((acc,id)=>{let item=data[id];return item.type==="root"?acc[0].push(id):item.parent||acc[1].push(id),item.type==="root"&&item.startCollapsed&&(acc[2][id]=!1),acc},[[],[],{}]),[data]),{expandableDescendants}=(0,import_react16.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d3=>!["story","docs"].includes(data[d3].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react16.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name:name2}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name2):!1}),[data]),collapsedItems=(0,import_react16.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react16.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name:name2}=data[id],[childId]=children;if(parent){let siblings=[...data[parent].children];siblings[siblings.indexOf(id)]=childId,acc[parent]={...data[parent],children:siblings}}return acc[childId]={...data[childId],name:name2,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react16.useMemo)(()=>collapsedItems.reduce((acc,id)=>Object.assign(acc,{[id]:getAncestorIds(collapsedData,id)}),{}),[collapsedItems,collapsedData]),[expanded,setExpanded]=useExpanded({containerRef,isBrowsing,refId,data:collapsedData,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId});return import_react16.default.createElement(Container,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d3=>expanded[d3]);return import_react16.default.createElement(Root2,{key:id,item,refId,isOrphan:!1,isDisplayed:!0,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,isFullyExpanded,expandableDescendants:descendants,onSelectStoryId})}let isDisplayed=!item.parent||ancestry[itemId].every(a3=>expanded[a3]);return import_react16.default.createElement(Node2,{key:id,item,refId,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}))});var Wrapper=import_theming13.styled.div(({isMain})=>({position:"relative",marginLeft:-20,marginRight:-20,marginTop:isMain?void 0:0})),RefHead=import_theming13.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$1(.2,theme.color.defaultText)})),RefTitle=import_theming13.styled.span(({theme})=>({display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2})),CollapseButton2=import_theming13.styled.button(({theme})=>({background:"transparent",border:"1px solid transparent",borderRadius:26,outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",display:"flex",padding:3,paddingLeft:1,paddingRight:12,margin:0,marginLeft:-20,overflow:"hidden","span:first-of-type":{marginTop:5},"&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react17.default.memo(function(props){let{docsOptions}=(0,import_manager_api5.useStorybookState)(),api=(0,import_manager_api5.useStorybookApi)(),{index,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length2=(0,import_react17.useMemo)(()=>index?Object.keys(index).length:0,[index]),indicatorRef=(0,import_react17.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length2===0,!!indexError,!isLoading&&length2===0),[isExpanded,setExpanded]=(0,import_react17.useState)(expanded),handleClick=(0,import_react17.useCallback)(()=>setExpanded(value2=>!value2),[setExpanded]),setHighlightedItemId=(0,import_react17.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react17.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react17.default.createElement(import_react17.default.Fragment,null,isMain||import_react17.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react17.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react17.default.createElement(CollapseIcon,{isExpanded}),import_react17.default.createElement(RefTitle,{title},title)),import_react17.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react17.default.createElement(Wrapper,{"data-title":title,isMain},state==="auth"&&import_react17.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react17.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react17.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react17.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react17.default.createElement(Tree,{isBrowsing,isMain,refId,data:index,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react18=__toESM(require_react()),import_manager_api6=__toESM(require_dist9()),import_core_events3=__toESM(require_dist4());var{document:document5,window:globalWindow4}=scope,fromSelection=selection=>selection?{itemId:selection.storyId,refId:selection.refId}:null,useHighlighted=({containerRef,isLoading,isBrowsing,dataset,selected})=>{let initialHighlight=fromSelection(selected),highlightedRef=(0,import_react18.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react18.useState)(initialHighlight),api=(0,import_manager_api6.useStorybookApi)(),updateHighlighted=(0,import_react18.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react18.useCallback)((element,center=!1)=>{let itemId=element.getAttribute("data-item-id"),refId=element.getAttribute("data-ref-id");!itemId||!refId||(updateHighlighted({itemId,refId}),scrollIntoView(element,center))},[updateHighlighted]);return(0,import_react18.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{var _a;scrollIntoView((_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react18.useEffect)(()=>{let menuElement=document5.getElementById("storybook-explorer-menu"),lastRequestId,navigateTree=event=>{if(isLoading||!isBrowsing||!containerRef.current||!matchesModifiers(!1,event))return;let isArrowUp=matchesKeyCode("ArrowUp",event),isArrowDown=matchesKeyCode("ArrowDown",event);if(!(isArrowUp||isArrowDown))return;let requestId=globalWindow4.requestAnimationFrame(()=>{globalWindow4.cancelAnimationFrame(lastRequestId),lastRequestId=requestId;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;target.hasAttribute("data-action")&&target.blur();let highlightable=Array.from(containerRef.current.querySelectorAll("[data-highlightable=true]")),currentIndex=highlightable.findIndex(el=>{var _a,_b;return el.getAttribute("data-item-id")===((_a=highlightedRef.current)==null?void 0:_a.itemId)&&el.getAttribute("data-ref-id")===((_b=highlightedRef.current)==null?void 0:_b.refId)}),nextIndex=cycle(highlightable,currentIndex,isArrowUp?-1:1),didRunAround=isArrowUp?nextIndex===highlightable.length-1:nextIndex===0;if(highlightElement(highlightable[nextIndex],didRunAround),highlightable[nextIndex].getAttribute("data-nodetype")==="component"){let{itemId,refId}=highlightedRef.current,item=api.getData(itemId,refId==="storybook_internal"?void 0:refId);item.isComponent&&api.emit(import_core_events3.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})}})};return document5.addEventListener("keydown",navigateTree),()=>document5.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react19=__toESM(require_react()),import_theming14=__toESM(require_dist10()),HighlightStyles=({refId,itemId})=>import_react19.default.createElement(import_theming14.Global,{styles:({color})=>{let background=curriedTransparentize$1(.85,color.secondary);return{[`[data-ref-id="${refId}"][data-item-id="${itemId}"]:not([data-selected="true"])`]:{['&[data-nodetype="component"], &[data-nodetype="group"]']:{background,"&:hover, &:focus":{background}},['&[data-nodetype="story"], &[data-nodetype="document"]']:{color:color.defaultText,background,"&:hover, &:focus":{background}}}}}});var Explorer=import_react20.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react20.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react20.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted==null?void 0:highlighted.refId,"data-highlighted-item-id":highlighted==null?void 0:highlighted.itemId},highlighted&&import_react20.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react20.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:(selected==null?void 0:selected.refId)===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_manager_api7=__toESM(require_dist9()),import_theming15=__toESM(require_dist10()),import_components9=__toESM(require_dist11());var import_prop_types2=__toESM(require_prop_types()),import_react21=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t2(t4){return typeof t4=="object"&&t4!=null&&t4.nodeType===1}function e2(t4,e4){return(!e4||t4!=="hidden")&&t4!=="visible"&&t4!=="clip"}function n2(t4,n4){if(t4.clientHeight<t4.scrollHeight||t4.clientWidth<t4.scrollWidth){var r5=getComputedStyle(t4,null);return e2(r5.overflowY,n4)||e2(r5.overflowX,n4)||function(t5){var e4=function(t6){if(!t6.ownerDocument||!t6.ownerDocument.defaultView)return null;try{return t6.ownerDocument.defaultView.frameElement}catch{return null}}(t5);return!!e4&&(e4.clientHeight<t5.scrollHeight||e4.clientWidth<t5.scrollWidth)}(t4)}return!1}function r3(t4,e4,n4,r5,i4,o3,l3,d3){return o3<t4&&l3>e4||o3>t4&&l3<e4?0:o3<=t4&&d3<=n4||l3>=e4&&d3>=n4?o3-t4-r5:l3>e4&&d3<n4||o3<t4&&d3>n4?l3-e4+i4:0}var i2=function(e4,i4){var o3=window,l3=i4.scrollMode,d3=i4.block,f4=i4.inline,h3=i4.boundary,u3=i4.skipOverflowHiddenElements,s3=typeof h3=="function"?h3:function(t4){return t4!==h3};if(!t2(e4))throw new TypeError("Invalid target");for(var a3,c3,g3=document.scrollingElement||document.documentElement,p3=[],m3=e4;t2(m3)&&s3(m3);){if((m3=(c3=(a3=m3).parentElement)==null?a3.getRootNode().host||null:c3)===g3){p3.push(m3);break}m3!=null&&m3===document.body&&n2(m3)&&!n2(document.documentElement)||m3!=null&&n2(m3,u3)&&p3.push(m3)}for(var w3=o3.visualViewport?o3.visualViewport.width:innerWidth,v3=o3.visualViewport?o3.visualViewport.height:innerHeight,W3=window.scrollX||pageXOffset,H3=window.scrollY||pageYOffset,b3=e4.getBoundingClientRect(),y3=b3.height,E3=b3.width,M3=b3.top,V2=b3.right,x3=b3.bottom,I3=b3.left,C3=d3==="start"||d3==="nearest"?M3:d3==="end"?x3:M3+y3/2,R3=f4==="center"?I3+E3/2:f4==="end"?V2:I3,T3=[],k3=0;k3<p3.length;k3++){var B3=p3[k3],D3=B3.getBoundingClientRect(),O3=D3.height,X2=D3.width,Y3=D3.top,L3=D3.right,S3=D3.bottom,j3=D3.left;if(l3==="if-needed"&&M3>=0&&I3>=0&&x3<=v3&&V2<=w3&&M3>=Y3&&x3<=S3&&I3>=j3&&V2<=L3)return T3;var N3=getComputedStyle(B3),q3=parseInt(N3.borderLeftWidth,10),z3=parseInt(N3.borderTopWidth,10),A3=parseInt(N3.borderRightWidth,10),F3=parseInt(N3.borderBottomWidth,10),G3=0,J2=0,K3="offsetWidth"in B3?B3.offsetWidth-B3.clientWidth-q3-A3:0,P3="offsetHeight"in B3?B3.offsetHeight-B3.clientHeight-z3-F3:0,Q2="offsetWidth"in B3?B3.offsetWidth===0?0:X2/B3.offsetWidth:0,U3="offsetHeight"in B3?B3.offsetHeight===0?0:O3/B3.offsetHeight:0;if(g3===B3)G3=d3==="start"?C3:d3==="end"?C3-v3:d3==="nearest"?r3(H3,H3+v3,v3,z3,F3,H3+C3,H3+C3+y3,y3):C3-v3/2,J2=f4==="start"?R3:f4==="center"?R3-w3/2:f4==="end"?R3-w3:r3(W3,W3+w3,w3,q3,A3,W3+R3,W3+R3+E3,E3),G3=Math.max(0,G3+H3),J2=Math.max(0,J2+W3);else{G3=d3==="start"?C3-Y3-z3:d3==="end"?C3-S3+F3+P3:d3==="nearest"?r3(Y3,S3,O3,z3,F3+P3,C3,C3+y3,y3):C3-(Y3+O3/2)+P3/2,J2=f4==="start"?R3-j3-q3:f4==="center"?R3-(j3+X2/2)+K3/2:f4==="end"?R3-L3+A3+K3:r3(j3,L3,X2,q3,A3+K3,R3,R3+E3,E3);var Z2=B3.scrollLeft,$2=B3.scrollTop;C3+=$2-(G3=Math.max(0,Math.min($2+G3/U3,B3.scrollHeight-O3/U3+P3))),R3+=Z2-(J2=Math.max(0,Math.min(Z2+J2/Q2,B3.scrollWidth-X2/Q2+K3)))}T3.push({el:B3,top:G3,left:J2})}return T3};var __assign2=function(){return __assign2=Object.assign||function(t4){for(var s3,i4=1,n4=arguments.length;i4<n4;i4++){s3=arguments[i4];for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&(t4[p3]=s3[p3])}return t4},__assign2.apply(this,arguments)};var idCounter=0;function cbToCb(cb){return typeof cb=="function"?cb:noop2}function noop2(){}function scrollIntoView2(node,menuNode){if(!node)return;i2(node,{boundary:menuNode,block:"nearest",scrollMode:"if-needed"}).forEach(_ref=>{let{el,top,left}=_ref;el.scrollTop=top,el.scrollLeft=left})}function isOrContainsNode(parent,child,environment){return parent===child||child instanceof environment.Node&&parent.contains&&parent.contains(child)}function debounce3(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args2)},time)}return wrapper.cancel=cancel,wrapper}function callAllEventHandlers(){for(var _len2=arguments.length,fns=new Array(_len2),_key2=0;_key2<_len2;_key2++)fns[_key2]=arguments[_key2];return function(event){for(var _len3=arguments.length,args2=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args2[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args2),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs2=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs2[_key4]=arguments[_key4];return node=>{refs2.forEach(ref=>{typeof ref=="function"?ref(node):ref&&(ref.current=node)})}}function generateId(){return String(idCounter++)}function getA11yStatusMessage$1(_ref2){let{isOpen,resultCount,previousResultCount}=_ref2;return isOpen?resultCount?resultCount!==previousResultCount?`${resultCount} result${resultCount===1?" is":"s are"} available, use up and down arrow keys to navigate. Press Enter key to select.`:"":"No results are available.":""}function unwrapArray(arg,defaultValue){return arg=Array.isArray(arg)?arg[0]:arg,!arg&&defaultValue?defaultValue:arg}function isDOMElement2(element){return typeof element.type=="string"}function getElementProps(element){return element.props}function requiredProp(fnName,propName){console.error(`The property "${propName}" is required in "${fnName}"`)}var stateKeys=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function pickState(state){state===void 0&&(state={});let result2={};return stateKeys.forEach(k3=>{state.hasOwnProperty(k3)&&(result2[k3]=state[k3])}),result2}function getState(state,props){return Object.keys(state).reduce((prevState,key2)=>(prevState[key2]=isControlledProp(props,key2)?props[key2]:state[key2],prevState),{})}function isControlledProp(props,key2){return props[key2]!==void 0}function normalizeArrowKey(event){let{key:key2,keyCode}=event;return keyCode>=37&&keyCode<=40&&key2.indexOf("Arrow")!==0?`Arrow${key2}`:key2}function isPlainObject(obj){return Object.prototype.toString.call(obj)==="[object Object]"}function getNextWrappingIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){if(circular===void 0&&(circular=!0),itemCount===0)return-1;let itemsLastIndex=itemCount-1;(typeof baseIndex!="number"||baseIndex<0||baseIndex>=itemCount)&&(baseIndex=moveAmount>0?-1:itemsLastIndex+1);let newIndex=baseIndex+moveAmount;newIndex<0?newIndex=circular?itemsLastIndex:0:newIndex>itemsLastIndex&&(newIndex=circular?0:itemsLastIndex);let nonDisabledNewIndex=getNextNonDisabledIndex(moveAmount,newIndex,itemCount,getItemNodeFromIndex,circular);return nonDisabledNewIndex===-1?baseIndex>=itemCount?-1:baseIndex:nonDisabledNewIndex}function getNextNonDisabledIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){let currentElementNode=getItemNodeFromIndex(baseIndex);if(!currentElementNode||!currentElementNode.hasAttribute("disabled"))return baseIndex;if(moveAmount>0){for(let index=baseIndex+1;index<itemCount;index++)if(!getItemNodeFromIndex(index).hasAttribute("disabled"))return index}else for(let index=baseIndex-1;index>=0;index--)if(!getItemNodeFromIndex(index).hasAttribute("disabled"))return index;return circular?moveAmount>0?getNextNonDisabledIndex(1,0,itemCount,getItemNodeFromIndex,!1):getNextNonDisabledIndex(-1,itemCount-1,itemCount,getItemNodeFromIndex,!1):-1}function targetWithinDownshift(target,downshiftElements,environment,checkActiveElement){return checkActiveElement===void 0&&(checkActiveElement=!0),downshiftElements.some(contextNode=>contextNode&&(isOrContainsNode(contextNode,target,environment)||checkActiveElement&&isOrContainsNode(contextNode,environment.document.activeElement,environment)))}var validateControlledUnchanged=noop2;process.env.NODE_ENV!=="production"&&(validateControlledUnchanged=(state,prevProps,nextProps)=>{let warningDescription="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(state).forEach(propKey=>{prevProps[propKey]!==void 0&&nextProps[propKey]===void 0?console.error(`downshift: A component has changed the controlled prop "${propKey}" to be uncontrolled. ${warningDescription}`):prevProps[propKey]===void 0&&nextProps[propKey]!==void 0&&console.error(`downshift: A component has changed the uncontrolled prop "${propKey}" to be controlled. ${warningDescription}`)})});var cleanupStatus=debounce3(documentProp=>{getStatusDiv(documentProp).textContent=""},500);function setStatus(status,documentProp){let div=getStatusDiv(documentProp);status&&(div.textContent=status,cleanupStatus(documentProp))}function getStatusDiv(documentProp){documentProp===void 0&&(documentProp=document);let statusDiv=documentProp.getElementById("a11y-status-message");return statusDiv||(statusDiv=documentProp.createElement("div"),statusDiv.setAttribute("id","a11y-status-message"),statusDiv.setAttribute("role","status"),statusDiv.setAttribute("aria-live","polite"),statusDiv.setAttribute("aria-relevant","additions text"),Object.assign(statusDiv.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),documentProp.body.appendChild(statusDiv),statusDiv)}var unknown=process.env.NODE_ENV!=="production"?"__autocomplete_unknown__":0,mouseUp=process.env.NODE_ENV!=="production"?"__autocomplete_mouseup__":1,itemMouseEnter=process.env.NODE_ENV!=="production"?"__autocomplete_item_mouseenter__":2,keyDownArrowUp=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_arrow_up__":3,keyDownArrowDown=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_arrow_down__":4,keyDownEscape=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_escape__":5,keyDownEnter=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_enter__":6,keyDownHome=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_home__":7,keyDownEnd=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_end__":8,clickItem=process.env.NODE_ENV!=="production"?"__autocomplete_click_item__":9,blurInput=process.env.NODE_ENV!=="production"?"__autocomplete_blur_input__":10,changeInput=process.env.NODE_ENV!=="production"?"__autocomplete_change_input__":11,keyDownSpaceButton=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_space_button__":12,clickButton=process.env.NODE_ENV!=="production"?"__autocomplete_click_button__":13,blurButton=process.env.NODE_ENV!=="production"?"__autocomplete_blur_button__":14,controlledPropUpdatedSelectedItem=process.env.NODE_ENV!=="production"?"__autocomplete_controlled_prop_updated_selected_item__":15,touchEnd=process.env.NODE_ENV!=="production"?"__autocomplete_touchend__":16,stateChangeTypes$3=Object.freeze({__proto__:null,unknown,mouseUp,itemMouseEnter,keyDownArrowUp,keyDownArrowDown,keyDownEscape,keyDownEnter,keyDownHome,keyDownEnd,clickItem,blurInput,changeInput,keyDownSpaceButton,clickButton,blurButton,controlledPropUpdatedSelectedItem,touchEnd}),Downshift=(()=>{class Downshift2 extends import_react21.Component{constructor(_props){var _this;super(_props),_this=this,this.id=this.props.id||`downshift-${generateId()}`,this.menuId=this.props.menuId||`${this.id}-menu`,this.labelId=this.props.labelId||`${this.id}-label`,this.inputId=this.props.inputId||`${this.id}-input`,this.getItemId=this.props.getItemId||(index=>`${this.id}-item-${index}`),this.input=null,this.items=[],this.itemCount=null,this.previousResultCount=0,this.timeoutIds=[],this.internalSetTimeout=(fn,time)=>{let id=setTimeout(()=>{this.timeoutIds=this.timeoutIds.filter(i4=>i4!==id),fn()},time);this.timeoutIds.push(id)},this.setItemCount=count=>{this.itemCount=count},this.unsetItemCount=()=>{this.itemCount=null},this.setHighlightedIndex=function(highlightedIndex,otherStateToSet){highlightedIndex===void 0&&(highlightedIndex=_this.props.defaultHighlightedIndex),otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState({highlightedIndex,...otherStateToSet})},this.clearSelection=cb=>{this.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:this.props.defaultHighlightedIndex,isOpen:this.props.defaultIsOpen},cb)},this.selectItem=(item,otherStateToSet,cb)=>{otherStateToSet=pickState(otherStateToSet),this.internalSetState({isOpen:this.props.defaultIsOpen,highlightedIndex:this.props.defaultHighlightedIndex,selectedItem:item,inputValue:this.props.itemToString(item),...otherStateToSet},cb)},this.selectItemAtIndex=(itemIndex,otherStateToSet,cb)=>{let item=this.items[itemIndex];item!=null&&this.selectItem(item,otherStateToSet,cb)},this.selectHighlightedItem=(otherStateToSet,cb)=>this.selectItemAtIndex(this.getState().highlightedIndex,otherStateToSet,cb),this.internalSetState=(stateToSet,cb)=>{let isItemSelected,onChangeArg,onStateChangeArg={},isStateToSetFunction=typeof stateToSet=="function";return!isStateToSetFunction&&stateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(stateToSet.inputValue,{...this.getStateAndHelpers(),...stateToSet}),this.setState(state=>{state=this.getState(state);let newStateToSet=isStateToSetFunction?stateToSet(state):stateToSet;newStateToSet=this.props.stateReducer(state,newStateToSet),isItemSelected=newStateToSet.hasOwnProperty("selectedItem");let nextState={};return isItemSelected&&newStateToSet.selectedItem!==state.selectedItem&&(onChangeArg=newStateToSet.selectedItem),newStateToSet.type=newStateToSet.type||unknown,Object.keys(newStateToSet).forEach(key2=>{state[key2]!==newStateToSet[key2]&&(onStateChangeArg[key2]=newStateToSet[key2]),key2!=="type"&&(newStateToSet[key2],isControlledProp(this.props,key2)||(nextState[key2]=newStateToSet[key2]))}),isStateToSetFunction&&newStateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(newStateToSet.inputValue,{...this.getStateAndHelpers(),...newStateToSet}),nextState},()=>{cbToCb(cb)(),Object.keys(onStateChangeArg).length>1&&this.props.onStateChange(onStateChangeArg,this.getStateAndHelpers()),isItemSelected&&this.props.onSelect(stateToSet.selectedItem,this.getStateAndHelpers()),onChangeArg!==void 0&&this.props.onChange(onChangeArg,this.getStateAndHelpers()),this.props.onUserAction(onStateChangeArg,this.getStateAndHelpers())})},this.rootRef=node=>this._rootNode=node,this.getRootProps=function(_temp,_temp2){let{refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;_this.getRootProps.called=!0,_this.getRootProps.refKey=refKey,_this.getRootProps.suppressRefError=suppressRefError;let{isOpen}=_this.getState();return{[refKey]:handleRefs(ref,_this.rootRef),role:"combobox","aria-expanded":isOpen,"aria-haspopup":"listbox","aria-owns":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,...rest}},this.keyDownHandlers={ArrowDown(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?5:1;this.moveHighlightedIndex(amount,{type:keyDownArrowDown})}else this.internalSetState({isOpen:!0,type:keyDownArrowDown},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(1,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowDown})}})},ArrowUp(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?-5:-1;this.moveHighlightedIndex(amount,{type:keyDownArrowUp})}else this.internalSetState({isOpen:!0,type:keyDownArrowUp},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(-1,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowUp})}})},Enter(event){if(event.which===229)return;let{isOpen,highlightedIndex}=this.getState();if(isOpen&&highlightedIndex!=null){event.preventDefault();let item=this.items[highlightedIndex],itemNode=this.getItemNodeFromIndex(highlightedIndex);if(item==null||itemNode&&itemNode.hasAttribute("disabled"))return;this.selectHighlightedItem({type:keyDownEnter})}},Escape(event){event.preventDefault(),this.reset({type:keyDownEscape,...!this.state.isOpen&&{selectedItem:null,inputValue:""}})}},this.buttonKeyDownHandlers={...this.keyDownHandlers," "(event){event.preventDefault(),this.toggleMenu({type:keyDownSpaceButton})}},this.inputKeyDownHandlers={...this.keyDownHandlers,Home(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(1,0,itemCount,index=>this.getItemNodeFromIndex(index),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownHome})},End(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(-1,itemCount-1,itemCount,index=>this.getItemNodeFromIndex(index),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownEnd})}},this.getToggleButtonProps=function(_temp3){let{onClick,onPress,onKeyDown,onKeyUp,onBlur,...rest}=_temp3===void 0?{}:_temp3,{isOpen}=_this.getState(),enabledEventHandlers={onClick:callAllEventHandlers(onClick,_this.buttonHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,_this.buttonHandleKeyDown),onKeyUp:callAllEventHandlers(onKeyUp,_this.buttonHandleKeyUp),onBlur:callAllEventHandlers(onBlur,_this.buttonHandleBlur)},eventHandlers=rest.disabled?{}:enabledEventHandlers;return{type:"button",role:"button","aria-label":isOpen?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0,...eventHandlers,...rest}},this.buttonHandleKeyUp=event=>{event.preventDefault()},this.buttonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);this.buttonKeyDownHandlers[key2]&&this.buttonKeyDownHandlers[key2].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),process.env.NODE_ENV==="test"?this.toggleMenu({type:clickButton}):this.internalSetTimeout(()=>this.toggleMenu({type:clickButton}))},this.buttonHandleBlur=event=>{let blurTarget=event.target;this.internalSetTimeout(()=>{!this.isMouseDown&&(this.props.environment.document.activeElement==null||this.props.environment.document.activeElement.id!==this.inputId)&&this.props.environment.document.activeElement!==blurTarget&&this.reset({type:blurButton})})},this.getLabelProps=props=>({htmlFor:this.inputId,id:this.labelId,...props}),this.getInputProps=function(_temp4){let{onKeyDown,onBlur,onChange,onInput,onChangeText,...rest}=_temp4===void 0?{}:_temp4,onChangeKey,eventHandlers={};onChangeKey="onChange";let{inputValue,isOpen,highlightedIndex}=_this.getState();return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,_this.inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,_this.inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,_this.inputHandleBlur)}),{"aria-autocomplete":"list","aria-activedescendant":isOpen&&typeof highlightedIndex=="number"&&highlightedIndex>=0?_this.getItemId(highlightedIndex):null,"aria-controls":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,autoComplete:"off",value:inputValue,id:_this.inputId,...eventHandlers,...rest}},this.inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&this.inputKeyDownHandlers[key2]&&this.inputKeyDownHandlers[key2].call(this,event)},this.inputHandleChange=event=>{this.internalSetState({type:changeInput,isOpen:!0,inputValue:event.target.value,highlightedIndex:this.props.defaultHighlightedIndex})},this.inputHandleBlur=()=>{this.internalSetTimeout(()=>{let downshiftButtonIsActive=this.props.environment.document&&!!this.props.environment.document.activeElement&&!!this.props.environment.document.activeElement.dataset&&this.props.environment.document.activeElement.dataset.toggle&&this._rootNode&&this._rootNode.contains(this.props.environment.document.activeElement);!this.isMouseDown&&!downshiftButtonIsActive&&this.reset({type:blurInput})})},this.menuRef=node=>{this._menuNode=node},this.getMenuProps=function(_temp5,_temp6){let{refKey="ref",ref,...props}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;return _this.getMenuProps.called=!0,_this.getMenuProps.refKey=refKey,_this.getMenuProps.suppressRefError=suppressRefError,{[refKey]:handleRefs(ref,_this.menuRef),role:"listbox","aria-labelledby":props&&props["aria-label"]?null:_this.labelId,id:_this.menuId,...props}},this.getItemProps=function(_temp7){let{onMouseMove,onMouseDown,onClick,onPress,index,item=process.env.NODE_ENV==="production"?void 0:requiredProp("getItemProps","item"),...rest}=_temp7===void 0?{}:_temp7;index===void 0?(_this.items.push(item),index=_this.items.indexOf(item)):_this.items[index]=item;let onSelectKey="onClick",customClickHandler=onClick,enabledEventHandlers={onMouseMove:callAllEventHandlers(onMouseMove,()=>{index!==_this.getState().highlightedIndex&&(_this.setHighlightedIndex(index,{type:itemMouseEnter}),_this.avoidScrolling=!0,_this.internalSetTimeout(()=>_this.avoidScrolling=!1,250))}),onMouseDown:callAllEventHandlers(onMouseDown,event=>{event.preventDefault()}),[onSelectKey]:callAllEventHandlers(customClickHandler,()=>{_this.selectItemAtIndex(index,{type:clickItem})})},eventHandlers=rest.disabled?{onMouseDown:enabledEventHandlers.onMouseDown}:enabledEventHandlers;return{id:_this.getItemId(index),role:"option","aria-selected":_this.getState().highlightedIndex===index,...eventHandlers,...rest}},this.clearItems=()=>{this.items=[]},this.reset=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref=>{let{selectedItem}=_ref;return{isOpen:_this.props.defaultIsOpen,highlightedIndex:_this.props.defaultHighlightedIndex,inputValue:_this.props.itemToString(selectedItem),...otherStateToSet}},cb)},this.toggleMenu=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref2=>{let{isOpen}=_ref2;return{isOpen:!isOpen,...isOpen&&{highlightedIndex:_this.props.defaultHighlightedIndex},...otherStateToSet}},()=>{let{isOpen,highlightedIndex}=_this.getState();isOpen&&_this.getItemCount()>0&&typeof highlightedIndex=="number"&&_this.setHighlightedIndex(highlightedIndex,otherStateToSet),cbToCb(cb)()})},this.openMenu=cb=>{this.internalSetState({isOpen:!0},cb)},this.closeMenu=cb=>{this.internalSetState({isOpen:!1},cb)},this.updateStatus=debounce3(()=>{let state=this.getState(),item=this.items[state.highlightedIndex],resultCount=this.getItemCount(),status=this.props.getA11yStatusMessage({itemToString:this.props.itemToString,previousResultCount:this.previousResultCount,resultCount,highlightedItem:item,...state});this.previousResultCount=resultCount,setStatus(status,this.props.environment.document)},200);let{defaultHighlightedIndex,initialHighlightedIndex:_highlightedIndex=defaultHighlightedIndex,defaultIsOpen,initialIsOpen:_isOpen=defaultIsOpen,initialInputValue:_inputValue="",initialSelectedItem:_selectedItem=null}=this.props,_state=this.getState({highlightedIndex:_highlightedIndex,isOpen:_isOpen,inputValue:_inputValue,selectedItem:_selectedItem});_state.selectedItem!=null&&this.props.initialInputValue===void 0&&(_state.inputValue=this.props.itemToString(_state.selectedItem)),this.state=_state}internalClearTimeouts(){this.timeoutIds.forEach(id=>{clearTimeout(id)}),this.timeoutIds=[]}getState(stateToMerge){return stateToMerge===void 0&&(stateToMerge=this.state),getState(stateToMerge,this.props)}getItemCount(){let itemCount=this.items.length;return this.itemCount!=null?itemCount=this.itemCount:this.props.itemCount!==void 0&&(itemCount=this.props.itemCount),itemCount}getItemNodeFromIndex(index){return this.props.environment.document.getElementById(this.getItemId(index))}scrollHighlightedItemIntoView(){{let node=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(node,this._menuNode)}}moveHighlightedIndex(amount,otherStateToSet){let itemCount=this.getItemCount(),{highlightedIndex}=this.getState();if(itemCount>0){let nextHighlightedIndex=getNextWrappingIndex(amount,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,otherStateToSet)}}getStateAndHelpers(){let{highlightedIndex,inputValue,selectedItem,isOpen}=this.getState(),{itemToString:itemToString2}=this.props,{id}=this,{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,reset,setItemCount,unsetItemCount,internalSetState:setState}=this;return{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps,reset,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,setItemCount,unsetItemCount,setState,itemToString:itemToString2,id,highlightedIndex,inputValue,isOpen,selectedItem}}componentDidMount(){process.env.NODE_ENV!=="production"&&this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps);{let onMouseDown=()=>{this.isMouseDown=!0},onMouseUp=event=>{this.isMouseDown=!1,!targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment)&&this.getState().isOpen&&this.reset({type:mouseUp},()=>this.props.onOuterClick(this.getStateAndHelpers()))},onTouchStart=()=>{this.isTouchMove=!1},onTouchMove=()=>{this.isTouchMove=!0},onTouchEnd=event=>{let contextWithinDownshift=targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment,!1);!this.isTouchMove&&!contextWithinDownshift&&this.getState().isOpen&&this.reset({type:touchEnd},()=>this.props.onOuterClick(this.getStateAndHelpers()))},{environment}=this.props;environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),this.cleanup=()=>{this.internalClearTimeouts(),this.updateStatus.cancel(),environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}}}shouldScroll(prevState,prevProps){let{highlightedIndex:currentHighlightedIndex}=this.props.highlightedIndex===void 0?this.getState():this.props,{highlightedIndex:prevHighlightedIndex}=prevProps.highlightedIndex===void 0?prevState:prevProps;return currentHighlightedIndex&&this.getState().isOpen&&!prevState.isOpen||currentHighlightedIndex!==prevHighlightedIndex}componentDidUpdate(prevProps,prevState){process.env.NODE_ENV!=="production"&&(validateControlledUnchanged(this.state,prevProps,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps)),isControlledProp(this.props,"selectedItem")&&this.props.selectedItemChanged(prevProps.selectedItem,this.props.selectedItem)&&this.internalSetState({type:controlledPropUpdatedSelectedItem,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(prevState,prevProps)&&this.scrollHighlightedItemIntoView(),this.updateStatus()}componentWillUnmount(){this.cleanup()}render(){let children=unwrapArray(this.props.children,noop2);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;let element=unwrapArray(children(this.getStateAndHelpers()));if(!element)return null;if(this.getRootProps.called||this.props.suppressRefError)return process.env.NODE_ENV!=="production"&&!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement2(element))return(0,import_react21.cloneElement)(element,this.getRootProps(getElementProps(element)));if(process.env.NODE_ENV!=="production")throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")}}return Downshift2.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:getA11yStatusMessage$1,itemToString:i4=>i4==null?"":(process.env.NODE_ENV!=="production"&&isPlainObject(i4)&&!i4.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",i4),String(i4)),onStateChange:noop2,onInputValueChange:noop2,onUserAction:noop2,onChange:noop2,onSelect:noop2,onOuterClick:noop2,selectedItemChanged:(prevItem,item)=>prevItem!==item,environment:typeof window>"u"?{}:window,stateReducer:(state,stateToSet)=>stateToSet,suppressRefError:!1,scrollIntoView:scrollIntoView2},Downshift2.stateChangeTypes=stateChangeTypes$3,Downshift2})();process.env.NODE_ENV!=="production"&&(Downshift.propTypes={children:import_prop_types2.default.func,defaultHighlightedIndex:import_prop_types2.default.number,defaultIsOpen:import_prop_types2.default.bool,initialHighlightedIndex:import_prop_types2.default.number,initialSelectedItem:import_prop_types2.default.any,initialInputValue:import_prop_types2.default.string,initialIsOpen:import_prop_types2.default.bool,getA11yStatusMessage:import_prop_types2.default.func,itemToString:import_prop_types2.default.func,onChange:import_prop_types2.default.func,onSelect:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,onUserAction:import_prop_types2.default.func,onOuterClick:import_prop_types2.default.func,selectedItemChanged:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,itemCount:import_prop_types2.default.number,id:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})}),suppressRefError:import_prop_types2.default.bool,scrollIntoView:import_prop_types2.default.func,selectedItem:import_prop_types2.default.any,isOpen:import_prop_types2.default.bool,inputValue:import_prop_types2.default.string,highlightedIndex:import_prop_types2.default.number,labelId:import_prop_types2.default.string,inputId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func});var Downshift$1=Downshift;function validateGetMenuPropsCalledCorrectly(node,_ref3){let{refKey}=_ref3;node||console.error(`downshift: The ref prop "${refKey}" from getMenuProps was not applied correctly on your menu element.`)}function validateGetRootPropsCalledCorrectly(element,_ref4){let{refKey}=_ref4,refKeySpecified=refKey!=="ref",isComposite=!isDOMElement2(element);isComposite&&!refKeySpecified&&!(0,import_react_is.isForwardRef)(element)?console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"):!isComposite&&refKeySpecified&&console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${refKey}"`),!(0,import_react_is.isForwardRef)(element)&&!getElementProps(element)[refKey]&&console.error(`downshift: You must apply the ref prop "${refKey}" from getRootProps onto your root element.`)}var dropdownDefaultStateValues={highlightedIndex:-1,isOpen:!1,selectedItem:null,inputValue:""};function callOnChangeProps(action,state,newState){let{props,type}=action,changes={};Object.keys(state).forEach(key2=>{invokeOnChangeHandler(key2,action,state,newState),newState[key2]!==state[key2]&&(changes[key2]=newState[key2])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key2,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key2)}Change`;props[handler]&&newState[key2]!==void 0&&newState[key2]!==state[key2]&&props[handler]({type,...newState})}function stateReducer(s3,a3){return a3.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce3((getA11yMessage,document10)=>{setStatus(getA11yMessage(),document10)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react21.useLayoutEffect:import_react21.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react21.useRef)({labelId:labelId||`${id}-label`,menuId:menuId||`${id}-menu`,getItemId:getItemId||(index=>`${id}-item-${index}`),toggleButtonId:toggleButtonId||`${id}-toggle-button`,inputId:inputId||`${id}-input`}).current}function getItemIndex(index,item,items){return index!==void 0?index:items.length===0?-1:items.indexOf(item)}function itemToString(item){return item?String(item):""}function isAcceptedCharacterKey(key2){return/^\S{1}$/.test(key2)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef(val){let ref=(0,import_react21.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react21.useRef)(),actionRef=(0,import_react21.useRef)(),enhancedReducer=(0,import_react21.useCallback)((state2,action2)=>{actionRef.current=action2,state2=getState(state2,action2.props);let changes=reducer(state2,action2);return action2.props.stateReducer(state2,{...action2,changes})},[reducer]),[state,dispatch]=(0,import_react21.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef(props),dispatchWithProps=(0,import_react21.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react21.useEffect)(()=>{action&&prevStateRef.current&&prevStateRef.current!==state&&callOnChangeProps(action,getState(prevStateRef.current,action.props),state),prevStateRef.current=state},[state,props,action]),[state,dispatchWithProps]}function useControlledReducer$1(reducer,initialState,props){let[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return[getState(state,props),dispatch]}var defaultProps$3={itemToString,stateReducer,getA11ySelectionMessage,scrollIntoView:scrollIntoView2,circularNavigation:!1,environment:typeof window>"u"?{}:window};function getDefaultValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let defaultValue=props[`default${capitalizeString(propKey)}`];return defaultValue!==void 0?defaultValue:defaultStateValues2[propKey]}function getInitialValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let value2=props[propKey];if(value2!==void 0)return value2;let initialValue=props[`initial${capitalizeString(propKey)}`];return initialValue!==void 0?initialValue:getDefaultValue$1(props,propKey,defaultStateValues2)}function getInitialState$2(props){let selectedItem=getInitialValue$1(props,"selectedItem"),isOpen=getInitialValue$1(props,"isOpen"),highlightedIndex=getInitialValue$1(props,"highlightedIndex"),inputValue=getInitialValue$1(props,"inputValue");return{highlightedIndex:highlightedIndex<0&&selectedItem&&isOpen?props.items.indexOf(selectedItem):highlightedIndex,isOpen,selectedItem,inputValue}}function getHighlightedIndexOnOpen(props,state,offset,getItemNodeFromIndex){let{items,initialHighlightedIndex,defaultHighlightedIndex}=props,{selectedItem,highlightedIndex}=state;return items.length===0?-1:initialHighlightedIndex!==void 0&&highlightedIndex===initialHighlightedIndex?initialHighlightedIndex:defaultHighlightedIndex!==void 0?defaultHighlightedIndex:selectedItem?offset===0?items.indexOf(selectedItem):getNextWrappingIndex(offset,items.indexOf(selectedItem),items.length,getItemNodeFromIndex,!1):offset===0?-1:offset<0?items.length-1:0}function useMouseAndTouchTracker(isOpen,downshiftElementRefs,environment,handleBlur){let mouseAndTouchTrackersRef=(0,import_react21.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react21.useEffect)(()=>{let onMouseDown=()=>{mouseAndTouchTrackersRef.current.isMouseDown=!0},onMouseUp=event=>{mouseAndTouchTrackersRef.current.isMouseDown=!1,isOpen&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment)&&handleBlur()},onTouchStart=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!1},onTouchMove=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!0},onTouchEnd=event=>{isOpen&&!mouseAndTouchTrackersRef.current.isTouchMove&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment,!1)&&handleBlur()};return environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),function(){environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}},[isOpen,environment]),mouseAndTouchTrackersRef}var useGetterPropsCalledChecker=()=>noop2;process.env.NODE_ENV!=="production"&&(useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react21.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react21.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react21.useEffect)(()=>{Object.keys(getterPropsCalledRef.current).forEach(propKey=>{let propCallInfo=getterPropsCalledRef.current[propKey];if(isInitialMountRef.current&&!Object.keys(propCallInfo).length){console.error(`downshift: You forgot to call the ${propKey} getter function on your component / element.`);return}let{suppressRefError,refKey,elementRef}=propCallInfo;(!elementRef||!elementRef.current)&&!suppressRefError&&console.error(`downshift: The ref prop "${refKey}" from ${propKey} was not applied correctly on your element.`)}),isInitialMountRef.current=!1}),(0,import_react21.useCallback)((propKey,suppressRefError,refKey,elementRef)=>{getterPropsCalledRef.current[propKey]={suppressRefError,refKey,elementRef}},[])});function useA11yMessageSetter(getA11yMessage,dependencyArray,_ref2){let{isInitialMount,highlightedIndex,items,environment,...rest}=_ref2;(0,import_react21.useEffect)(()=>{isInitialMount||updateA11yStatus(()=>getA11yMessage({highlightedIndex,highlightedItem:items[highlightedIndex],resultCount:items.length,...rest}),environment.document)},dependencyArray)}function useScrollIntoView(_ref3){let{highlightedIndex,isOpen,itemRefs,getItemNodeFromIndex,menuElement,scrollIntoView:scrollIntoViewProp}=_ref3,shouldScrollRef=(0,import_react21.useRef)(!0);return useIsomorphicLayoutEffect(()=>{highlightedIndex<0||!isOpen||!Object.keys(itemRefs.current).length||(shouldScrollRef.current===!1?shouldScrollRef.current=!0:scrollIntoViewProp(getItemNodeFromIndex(highlightedIndex),menuElement))},[highlightedIndex]),shouldScrollRef}var useControlPropsValidator=noop2;process.env.NODE_ENV!=="production"&&(useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react21.useRef)(props);(0,import_react21.useEffect)(()=>{isInitialMount||(validateControlledUnchanged(state,prevPropsRef.current,props),prevPropsRef.current=props)},[state,props,isInitialMount])});function downshiftCommonReducer(state,action,stateChangeTypes2){let{type,props}=action,changes;switch(type){case stateChangeTypes2.ItemMouseMove:changes={highlightedIndex:action.disabled?-1:action.index};break;case stateChangeTypes2.MenuMouseLeave:changes={highlightedIndex:-1};break;case stateChangeTypes2.ToggleButtonClick:case stateChangeTypes2.FunctionToggleMenu:changes={isOpen:!state.isOpen,highlightedIndex:state.isOpen?-1:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionOpenMenu:changes={isOpen:!0,highlightedIndex:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionCloseMenu:changes={isOpen:!1};break;case stateChangeTypes2.FunctionSetHighlightedIndex:changes={highlightedIndex:action.highlightedIndex};break;case stateChangeTypes2.FunctionSetInputValue:changes={inputValue:action.inputValue};break;case stateChangeTypes2.FunctionReset:changes={highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),isOpen:getDefaultValue$1(props,"isOpen"),selectedItem:getDefaultValue$1(props,"selectedItem"),inputValue:getDefaultValue$1(props,"inputValue")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}function getItemIndexByCharacterKey(_a){for(var keysSoFar=_a.keysSoFar,highlightedIndex=_a.highlightedIndex,items=_a.items,itemToString2=_a.itemToString,getItemNodeFromIndex=_a.getItemNodeFromIndex,lowerCasedKeysSoFar=keysSoFar.toLowerCase(),index=0;index<items.length;index++){var offsetIndex=(index+highlightedIndex+1)%items.length,item=items[offsetIndex];if(item!==void 0&&itemToString2(item).toLowerCase().startsWith(lowerCasedKeysSoFar)){var element=getItemNodeFromIndex(offsetIndex);if(!(element!=null&&element.hasAttribute("disabled")))return offsetIndex}}return highlightedIndex}var propTypes$2={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function getA11yStatusMessage(_a){var isOpen=_a.isOpen,resultCount=_a.resultCount,previousResultCount=_a.previousResultCount;return isOpen?resultCount?resultCount!==previousResultCount?"".concat(resultCount," result").concat(resultCount===1?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}var defaultProps$2=__assign2(__assign2({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes$2=function(options3,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options3,"prop",caller.name)});var MenuKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__menu_keydown_arrow_down__":0,MenuKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__menu_keydown_arrow_up__":1,MenuKeyDownEscape=process.env.NODE_ENV!=="production"?"__menu_keydown_escape__":2,MenuKeyDownHome=process.env.NODE_ENV!=="production"?"__menu_keydown_home__":3,MenuKeyDownEnd=process.env.NODE_ENV!=="production"?"__menu_keydown_end__":4,MenuKeyDownEnter=process.env.NODE_ENV!=="production"?"__menu_keydown_enter__":5,MenuKeyDownSpaceButton=process.env.NODE_ENV!=="production"?"__menu_keydown_space_button__":6,MenuKeyDownCharacter=process.env.NODE_ENV!=="production"?"__menu_keydown_character__":7,MenuBlur=process.env.NODE_ENV!=="production"?"__menu_blur__":8,MenuMouseLeave$1=process.env.NODE_ENV!=="production"?"__menu_mouse_leave__":9,ItemMouseMove$1=process.env.NODE_ENV!=="production"?"__item_mouse_move__":10,ItemClick$1=process.env.NODE_ENV!=="production"?"__item_click__":11,ToggleButtonClick$1=process.env.NODE_ENV!=="production"?"__togglebutton_click__":12,ToggleButtonKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_arrow_down__":13,ToggleButtonKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_arrow_up__":14,ToggleButtonKeyDownCharacter=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_character__":15,FunctionToggleMenu$1=process.env.NODE_ENV!=="production"?"__function_toggle_menu__":16,FunctionOpenMenu$1=process.env.NODE_ENV!=="production"?"__function_open_menu__":17,FunctionCloseMenu$1=process.env.NODE_ENV!=="production"?"__function_close_menu__":18,FunctionSetHighlightedIndex$1=process.env.NODE_ENV!=="production"?"__function_set_highlighted_index__":19,FunctionSelectItem$1=process.env.NODE_ENV!=="production"?"__function_select_item__":20,FunctionSetInputValue$1=process.env.NODE_ENV!=="production"?"__function_set_input_value__":21,FunctionReset$2=process.env.NODE_ENV!=="production"?"__function_reset__":22,stateChangeTypes$2=Object.freeze({__proto__:null,MenuKeyDownArrowDown,MenuKeyDownArrowUp,MenuKeyDownEscape,MenuKeyDownHome,MenuKeyDownEnd,MenuKeyDownEnter,MenuKeyDownSpaceButton,MenuKeyDownCharacter,MenuBlur,MenuMouseLeave:MenuMouseLeave$1,ItemMouseMove:ItemMouseMove$1,ItemClick:ItemClick$1,ToggleButtonClick:ToggleButtonClick$1,ToggleButtonKeyDownArrowDown,ToggleButtonKeyDownArrowUp,ToggleButtonKeyDownCharacter,FunctionToggleMenu:FunctionToggleMenu$1,FunctionOpenMenu:FunctionOpenMenu$1,FunctionCloseMenu:FunctionCloseMenu$1,FunctionSetHighlightedIndex:FunctionSetHighlightedIndex$1,FunctionSelectItem:FunctionSelectItem$1,FunctionSetInputValue:FunctionSetInputValue$1,FunctionReset:FunctionReset$2});function downshiftSelectReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick$1:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index]};break;case ToggleButtonKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,itemIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.selectedItem?props.items.indexOf(state.selectedItem):-1,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...itemIndex>=0&&{selectedItem:props.items[itemIndex]}}}break;case ToggleButtonKeyDownArrowDown:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:!0};break;case ToggleButtonKeyDownArrowUp:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:!0};break;case MenuKeyDownEnter:case MenuKeyDownSpaceButton:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),...state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex]}};break;case MenuKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1};break;case MenuBlur:changes={isOpen:!1,highlightedIndex:-1};break;case MenuKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,highlightedIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.highlightedIndex,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...highlightedIndex>=0&&{highlightedIndex}}}break;case MenuKeyDownArrowDown:changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case MenuKeyDownArrowUp:changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case FunctionSelectItem$1:changes={selectedItem:action.selectedItem};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$2)}return{...state,...changes}}useSelect.stateChangeTypes=stateChangeTypes$2;function useSelect(userProps){userProps===void 0&&(userProps={}),validatePropTypes$2(userProps,useSelect);let props={...defaultProps$2,...userProps},{items,scrollIntoView:scrollIntoView3,environment,initialIsOpen,defaultIsOpen,itemToString:itemToString2,getA11ySelectionMessage:getA11ySelectionMessage2,getA11yStatusMessage:getA11yStatusMessage2}=props,initialState=getInitialState$2(props),[state,dispatch]=useControlledReducer$1(downshiftSelectReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,toggleButtonRef=(0,import_react21.useRef)(null),menuRef=(0,import_react21.useRef)(null),itemRefs=(0,import_react21.useRef)({}),shouldBlurRef=(0,import_react21.useRef)(!0),clearTimeoutRef=(0,import_react21.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react21.useRef)(),isInitialMountRef=(0,import_react21.useRef)(!0),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react21.useCallback)(index=>itemRefs.current[elementIds.getItemId(index)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});(0,import_react21.useEffect)(()=>(clearTimeoutRef.current=debounce3(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react21.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react21.useEffect)(()=>{if(isInitialMountRef.current){(initialIsOpen||defaultIsOpen||isOpen)&&menuRef.current&&menuRef.current.focus();return}if(isOpen){menuRef.current&&menuRef.current.focus();return}environment.document.activeElement===menuRef.current&&toggleButtonRef.current&&(shouldBlurRef.current=!1,toggleButtonRef.current.focus())},[isOpen]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react21.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})}}),[dispatch,getItemNodeFromIndex]),menuKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})},Home(event){event.preventDefault(),dispatch({type:MenuKeyDownHome,getItemNodeFromIndex})},End(event){event.preventDefault(),dispatch({type:MenuKeyDownEnd,getItemNodeFromIndex})},Escape(){dispatch({type:MenuKeyDownEscape})},Enter(event){event.preventDefault(),dispatch({type:MenuKeyDownEnter})}," "(event){event.preventDefault(),dispatch({type:MenuKeyDownSpaceButton})}}),[dispatch,getItemNodeFromIndex]),toggleMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react21.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react21.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react21.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react21.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react21.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",onKeyDown,onBlur,ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2,latestState=latest.current.state,menuHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&menuKeyDownHandlers[key2]?menuKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:MenuKeyDownCharacter,key:key2,getItemNodeFromIndex})},menuHandleBlur=()=>{if(shouldBlurRef.current===!1){shouldBlurRef.current=!0;return}!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:MenuBlur})},menuHandleMouseLeave=()=>{dispatch({type:MenuMouseLeave$1})};return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,tabIndex:-1,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},onMouseLeave:callAllEventHandlers(onMouseLeave,menuHandleMouseLeave),onKeyDown:callAllEventHandlers(onKeyDown,menuHandleKeyDown),onBlur:callAllEventHandlers(onBlur,menuHandleBlur),...rest}},[dispatch,latest,menuKeyDownHandlers,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getToggleButtonProps=(0,import_react21.useCallback)(function(_temp3,_temp4){let{onClick,onKeyDown,refKey="ref",ref,...rest}=_temp3===void 0?{}:_temp3,{suppressRefError=!1}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick$1})},toggleButtonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&toggleButtonKeyDownHandlers[key2]?toggleButtonKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:ToggleButtonKeyDownCharacter,key:key2,getItemNodeFromIndex})},toggleProps={[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,"aria-haspopup":"listbox","aria-expanded":latest.current.state.isOpen,"aria-labelledby":`${elementIds.labelId} ${elementIds.toggleButtonId}`,...rest};return rest.disabled||(toggleProps.onClick=callAllEventHandlers(onClick,toggleButtonHandleClick),toggleProps.onKeyDown=callAllEventHandlers(onKeyDown,toggleButtonHandleKeyDown)),setGetterPropCallInfo("getToggleButtonProps",suppressRefError,refKey,toggleButtonRef),toggleProps},[dispatch,latest,toggleButtonKeyDownHandlers,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getItemProps=(0,import_react21.useCallback)(function(_temp5){let{item,index,onMouseMove,onClick,refKey="ref",ref,disabled,...rest}=_temp5===void 0?{}:_temp5,{state:latestState,props:latestProps}=latest.current,itemHandleMouseMove=()=>{index!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove$1,index,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick$1,index})},itemIndex=getItemIndex(index,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let itemProps={disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),...rest};return disabled||(itemProps.onClick=callAllEventHandlers(onClick,itemHandleClick)),itemProps.onMouseMove=callAllEventHandlers(onMouseMove,itemHandleMouseMove),itemProps},[dispatch,latest,shouldScrollRef,elementIds]);return{getToggleButtonProps,getLabelProps,getMenuProps,getItemProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,selectItem,reset,setInputValue,highlightedIndex,isOpen,selectedItem,inputValue}}var InputKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__input_keydown_arrow_down__":0,InputKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__input_keydown_arrow_up__":1,InputKeyDownEscape=process.env.NODE_ENV!=="production"?"__input_keydown_escape__":2,InputKeyDownHome=process.env.NODE_ENV!=="production"?"__input_keydown_home__":3,InputKeyDownEnd=process.env.NODE_ENV!=="production"?"__input_keydown_end__":4,InputKeyDownEnter=process.env.NODE_ENV!=="production"?"__input_keydown_enter__":5,InputChange=process.env.NODE_ENV!=="production"?"__input_change__":6,InputBlur=process.env.NODE_ENV!=="production"?"__input_blur__":7,MenuMouseLeave=process.env.NODE_ENV!=="production"?"__menu_mouse_leave__":8,ItemMouseMove=process.env.NODE_ENV!=="production"?"__item_mouse_move__":9,ItemClick=process.env.NODE_ENV!=="production"?"__item_click__":10,ToggleButtonClick=process.env.NODE_ENV!=="production"?"__togglebutton_click__":11,FunctionToggleMenu=process.env.NODE_ENV!=="production"?"__function_toggle_menu__":12,FunctionOpenMenu=process.env.NODE_ENV!=="production"?"__function_open_menu__":13,FunctionCloseMenu=process.env.NODE_ENV!=="production"?"__function_close_menu__":14,FunctionSetHighlightedIndex=process.env.NODE_ENV!=="production"?"__function_set_highlighted_index__":15,FunctionSelectItem=process.env.NODE_ENV!=="production"?"__function_select_item__":16,FunctionSetInputValue=process.env.NODE_ENV!=="production"?"__function_set_input_value__":17,FunctionReset$1=process.env.NODE_ENV!=="production"?"__function_reset__":18,ControlledPropUpdatedSelectedItem=process.env.NODE_ENV!=="production"?"__controlled_prop_updated_selected_item__":19,stateChangeTypes$1=Object.freeze({__proto__:null,InputKeyDownArrowDown,InputKeyDownArrowUp,InputKeyDownEscape,InputKeyDownHome,InputKeyDownEnd,InputKeyDownEnter,InputChange,InputBlur,MenuMouseLeave,ItemMouseMove,ItemClick,ToggleButtonClick,FunctionToggleMenu,FunctionOpenMenu,FunctionCloseMenu,FunctionSetHighlightedIndex,FunctionSelectItem,FunctionSetInputValue,FunctionReset:FunctionReset$1,ControlledPropUpdatedSelectedItem});function getInitialState$1(props){let initialState=getInitialState$2(props),{selectedItem}=initialState,{inputValue}=initialState;return inputValue===""&&selectedItem&&props.defaultInputValue===void 0&&props.initialInputValue===void 0&&props.inputValue===void 0&&(inputValue=props.itemToString(selectedItem)),{...initialState,inputValue}}var propTypes$1={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,inputValue:import_prop_types2.default.string,defaultInputValue:import_prop_types2.default.string,initialInputValue:import_prop_types2.default.string,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,inputId:import_prop_types2.default.string,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function useControlledReducer(reducer,initialState,props){let previousSelectedItemRef=(0,import_react21.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react21.useEffect)(()=>{isControlledProp(props,"selectedItem")&&(previousSelectedItemRef.current!==props.selectedItem&&dispatch({type:ControlledPropUpdatedSelectedItem,inputValue:props.itemToString(props.selectedItem)}),previousSelectedItemRef.current=state.selectedItem===previousSelectedItemRef.current?props.selectedItem:state.selectedItem)}),[getState(state,props),dispatch]}var validatePropTypes$1=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes$1=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options3,"prop",caller.name)});var defaultProps$1={...defaultProps$3,getA11yStatusMessage:getA11yStatusMessage$1,circularNavigation:!0};function downshiftUseComboboxReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index],inputValue:props.itemToString(props.items[action.index])};break;case InputKeyDownArrowDown:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownArrowUp:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownEnter:changes={...state.isOpen&&state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex],isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1,...!state.isOpen&&{selectedItem:null,inputValue:""}};break;case InputKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputBlur:changes={isOpen:!1,highlightedIndex:-1,...state.highlightedIndex>=0&&action.selectItem&&{selectedItem:props.items[state.highlightedIndex],inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputChange:changes={isOpen:!0,highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:action.inputValue};break;case FunctionSelectItem:changes={selectedItem:action.selectedItem,inputValue:props.itemToString(action.selectedItem)};break;case ControlledPropUpdatedSelectedItem:changes={inputValue:action.inputValue};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$1)}return{...state,...changes}}useCombobox.stateChangeTypes=stateChangeTypes$1;function useCombobox(userProps){userProps===void 0&&(userProps={}),validatePropTypes$1(userProps,useCombobox);let props={...defaultProps$1,...userProps},{initialIsOpen,defaultIsOpen,items,scrollIntoView:scrollIntoView3,environment,getA11yStatusMessage:getA11yStatusMessage2,getA11ySelectionMessage:getA11ySelectionMessage2,itemToString:itemToString2}=props,initialState=getInitialState$1(props),[state,dispatch]=useControlledReducer(downshiftUseComboboxReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,menuRef=(0,import_react21.useRef)(null),itemRefs=(0,import_react21.useRef)({}),inputRef=(0,import_react21.useRef)(null),toggleButtonRef=(0,import_react21.useRef)(null),comboboxRef=(0,import_react21.useRef)(null),isInitialMountRef=(0,import_react21.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react21.useRef)(),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react21.useCallback)(index=>itemRefs.current[elementIds.getItemId(index)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react21.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[comboboxRef,menuRef,toggleButtonRef],environment,()=>{dispatch({type:InputBlur,selectItem:!1})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getInputProps","getComboboxProps","getMenuProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react21.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:InputKeyDownArrowDown,shiftKey:event.shiftKey,getItemNodeFromIndex})},ArrowUp(event){event.preventDefault(),dispatch({type:InputKeyDownArrowUp,shiftKey:event.shiftKey,getItemNodeFromIndex})},Home(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownHome,getItemNodeFromIndex}))},End(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownEnd,getItemNodeFromIndex}))},Escape(event){let latestState=latest.current.state;(latestState.isOpen||latestState.inputValue||latestState.selectedItem||latestState.highlightedIndex>-1)&&(event.preventDefault(),dispatch({type:InputKeyDownEscape}))},Enter(event){let latestState=latest.current.state;!latestState.isOpen||latestState.highlightedIndex<0||event.which===229||(event.preventDefault(),dispatch({type:InputKeyDownEnter,getItemNodeFromIndex}))}}),[dispatch,latest,getItemNodeFromIndex]),getLabelProps=(0,import_react21.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react21.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,onMouseLeave:callAllEventHandlers(onMouseLeave,()=>{dispatch({type:MenuMouseLeave})}),...rest}},[dispatch,setGetterPropCallInfo,elementIds]),getItemProps=(0,import_react21.useCallback)(function(_temp3){let{item,index,refKey="ref",ref,onMouseMove,onMouseDown,onClick,onPress,disabled,...rest}=_temp3===void 0?{}:_temp3,{props:latestProps,state:latestState}=latest.current,itemIndex=getItemIndex(index,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let onSelectKey="onClick",customClickHandler=onClick,itemHandleMouseMove=()=>{index!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove,index,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick,index})},itemHandleMouseDown=e4=>e4.preventDefault();return{[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),...!disabled&&{[onSelectKey]:callAllEventHandlers(customClickHandler,itemHandleClick)},onMouseMove:callAllEventHandlers(onMouseMove,itemHandleMouseMove),onMouseDown:callAllEventHandlers(onMouseDown,itemHandleMouseDown),...rest}},[dispatch,latest,shouldScrollRef,elementIds]),getToggleButtonProps=(0,import_react21.useCallback)(function(_temp4){let{onClick,onPress,refKey="ref",ref,...rest}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick}),!latest.current.state.isOpen&&inputRef.current&&inputRef.current.focus()};return{[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,tabIndex:-1,...!rest.disabled&&{onClick:callAllEventHandlers(onClick,toggleButtonHandleClick)},...rest}},[dispatch,latest,elementIds]),getInputProps=(0,import_react21.useCallback)(function(_temp5,_temp6){let{onKeyDown,onChange,onInput,onBlur,onChangeText,refKey="ref",ref,...rest}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;setGetterPropCallInfo("getInputProps",suppressRefError,refKey,inputRef);let latestState=latest.current.state,inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&inputKeyDownHandlers[key2]&&inputKeyDownHandlers[key2](event)},inputHandleChange=event=>{dispatch({type:InputChange,inputValue:event.target.value})},inputHandleBlur=()=>{latestState.isOpen&&!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:InputBlur,selectItem:!0})},onChangeKey="onChange",eventHandlers={};return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,inputHandleBlur)}),{[refKey]:handleRefs(ref,inputNode=>{inputRef.current=inputNode}),id:elementIds.inputId,"aria-autocomplete":"list","aria-controls":elementIds.menuId,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},"aria-labelledby":elementIds.labelId,autoComplete:"off",value:latestState.inputValue,...eventHandlers,...rest}},[dispatch,inputKeyDownHandlers,latest,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds]),getComboboxProps=(0,import_react21.useCallback)(function(_temp7,_temp8){let{refKey="ref",ref,...rest}=_temp7===void 0?{}:_temp7,{suppressRefError=!1}=_temp8===void 0?{}:_temp8;return setGetterPropCallInfo("getComboboxProps",suppressRefError,refKey,comboboxRef),{[refKey]:handleRefs(ref,comboboxNode=>{comboboxRef.current=comboboxNode}),role:"combobox","aria-haspopup":"listbox","aria-owns":elementIds.menuId,"aria-expanded":latest.current.state.isOpen,...rest}},[latest,setGetterPropCallInfo,elementIds]),toggleMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react21.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react21.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react21.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset$1})},[dispatch]);return{getItemProps,getLabelProps,getMenuProps,getInputProps,getComboboxProps,getToggleButtonProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,setInputValue,selectItem,reset,highlightedIndex,isOpen,selectedItem,inputValue}}var defaultStateValues={activeIndex:-1,selectedItems:[]};function getInitialValue(props,propKey){return getInitialValue$1(props,propKey,defaultStateValues)}function getDefaultValue(props,propKey){return getDefaultValue$1(props,propKey,defaultStateValues)}function getInitialState(props){let activeIndex=getInitialValue(props,"activeIndex"),selectedItems=getInitialValue(props,"selectedItems");return{activeIndex,selectedItems}}function isKeyDownOperationPermitted(event){if(event.shiftKey||event.metaKey||event.ctrlKey||event.altKey)return!1;let element=event.target;return!(element instanceof HTMLInputElement&&element.value!==""&&(element.selectionStart!==0||element.selectionEnd!==0))}function getA11yRemovalMessage(selectionParameters){let{removedSelectedItem,itemToString:itemToStringLocal}=selectionParameters;return`${itemToStringLocal(removedSelectedItem)} has been removed.`}var propTypes={selectedItems:import_prop_types2.default.array,initialSelectedItems:import_prop_types2.default.array,defaultSelectedItems:import_prop_types2.default.array,itemToString:import_prop_types2.default.func,getA11yRemovalMessage:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,activeIndex:import_prop_types2.default.number,initialActiveIndex:import_prop_types2.default.number,defaultActiveIndex:import_prop_types2.default.number,onActiveIndexChange:import_prop_types2.default.func,onSelectedItemsChange:import_prop_types2.default.func,keyNavigationNext:import_prop_types2.default.string,keyNavigationPrevious:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})},defaultProps={itemToString:defaultProps$3.itemToString,stateReducer:defaultProps$3.stateReducer,environment:defaultProps$3.environment,getA11yRemovalMessage,keyNavigationNext:"ArrowRight",keyNavigationPrevious:"ArrowLeft"},validatePropTypes=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options3,"prop",caller.name)});var SelectedItemClick=process.env.NODE_ENV!=="production"?"__selected_item_click__":0,SelectedItemKeyDownDelete=process.env.NODE_ENV!=="production"?"__selected_item_keydown_delete__":1,SelectedItemKeyDownBackspace=process.env.NODE_ENV!=="production"?"__selected_item_keydown_backspace__":2,SelectedItemKeyDownNavigationNext=process.env.NODE_ENV!=="production"?"__selected_item_keydown_navigation_next__":3,SelectedItemKeyDownNavigationPrevious=process.env.NODE_ENV!=="production"?"__selected_item_keydown_navigation_previous__":4,DropdownKeyDownNavigationPrevious=process.env.NODE_ENV!=="production"?"__dropdown_keydown_navigation_previous__":5,DropdownKeyDownBackspace=process.env.NODE_ENV!=="production"?"__dropdown_keydown_backspace__":6,DropdownClick=process.env.NODE_ENV!=="production"?"__dropdown_click__":7,FunctionAddSelectedItem=process.env.NODE_ENV!=="production"?"__function_add_selected_item__":8,FunctionRemoveSelectedItem=process.env.NODE_ENV!=="production"?"__function_remove_selected_item__":9,FunctionSetSelectedItems=process.env.NODE_ENV!=="production"?"__function_set_selected_items__":10,FunctionSetActiveIndex=process.env.NODE_ENV!=="production"?"__function_set_active_index__":11,FunctionReset=process.env.NODE_ENV!=="production"?"__function_reset__":12,stateChangeTypes=Object.freeze({__proto__:null,SelectedItemClick,SelectedItemKeyDownDelete,SelectedItemKeyDownBackspace,SelectedItemKeyDownNavigationNext,SelectedItemKeyDownNavigationPrevious,DropdownKeyDownNavigationPrevious,DropdownKeyDownBackspace,DropdownClick,FunctionAddSelectedItem,FunctionRemoveSelectedItem,FunctionSetSelectedItems,FunctionSetActiveIndex,FunctionReset});function downshiftMultipleSelectionReducer(state,action){let{type,index,props,selectedItem}=action,{activeIndex,selectedItems}=state,changes;switch(type){case SelectedItemClick:changes={activeIndex:index};break;case SelectedItemKeyDownNavigationPrevious:changes={activeIndex:activeIndex-1<0?0:activeIndex-1};break;case SelectedItemKeyDownNavigationNext:changes={activeIndex:activeIndex+1>=selectedItems.length?-1:activeIndex+1};break;case SelectedItemKeyDownBackspace:case SelectedItemKeyDownDelete:{let newActiveIndex=activeIndex;selectedItems.length===1?newActiveIndex=-1:activeIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,activeIndex),...selectedItems.slice(activeIndex+1)],activeIndex:newActiveIndex};break}case DropdownKeyDownNavigationPrevious:changes={activeIndex:selectedItems.length-1};break;case DropdownKeyDownBackspace:changes={selectedItems:selectedItems.slice(0,selectedItems.length-1)};break;case FunctionAddSelectedItem:changes={selectedItems:[...selectedItems,selectedItem]};break;case DropdownClick:changes={activeIndex:-1};break;case FunctionRemoveSelectedItem:{let newActiveIndex=activeIndex,selectedItemIndex=selectedItems.indexOf(selectedItem);selectedItemIndex>=0&&(selectedItems.length===1?newActiveIndex=-1:selectedItemIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,selectedItemIndex),...selectedItems.slice(selectedItemIndex+1)],activeIndex:newActiveIndex});break}case FunctionSetSelectedItems:{let{selectedItems:newSelectedItems}=action;changes={selectedItems:newSelectedItems};break}case FunctionSetActiveIndex:{let{activeIndex:newActiveIndex}=action;changes={activeIndex:newActiveIndex};break}case FunctionReset:changes={activeIndex:getDefaultValue(props,"activeIndex"),selectedItems:getDefaultValue(props,"selectedItems")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}useMultipleSelection.stateChangeTypes=stateChangeTypes;function useMultipleSelection(userProps){userProps===void 0&&(userProps={}),validatePropTypes(userProps,useMultipleSelection);let props={...defaultProps,...userProps},{getA11yRemovalMessage:getA11yRemovalMessage2,itemToString:itemToString2,environment,keyNavigationNext,keyNavigationPrevious}=props,[state,dispatch]=useControlledReducer$1(downshiftMultipleSelectionReducer,getInitialState(props),props),{activeIndex,selectedItems}=state,isInitialMountRef=(0,import_react21.useRef)(!0),dropdownRef=(0,import_react21.useRef)(null),previousSelectedItemsRef=(0,import_react21.useRef)(selectedItems),selectedItemRefs=(0,import_react21.useRef)();selectedItemRefs.current=[];let latest=useLatestRef({state,props});(0,import_react21.useEffect)(()=>{if(!isInitialMountRef.current){if(selectedItems.length<previousSelectedItemsRef.current.length){let removedSelectedItem=previousSelectedItemsRef.current.find(item=>selectedItems.indexOf(item)<0);setStatus(getA11yRemovalMessage2({itemToString:itemToString2,resultCount:selectedItems.length,removedSelectedItem,activeIndex,activeSelectedItem:selectedItems[activeIndex]}),environment.document)}previousSelectedItemsRef.current=selectedItems}},[selectedItems.length]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(activeIndex===-1&&dropdownRef.current?dropdownRef.current.focus():selectedItemRefs.current[activeIndex]&&selectedItemRefs.current[activeIndex].focus())},[activeIndex]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state});let setGetterPropCallInfo=useGetterPropsCalledChecker("getDropdownProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react21.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react21.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react21.useCallback)(function(_temp){let{refKey="ref",ref,onClick,onKeyDown,selectedItem,index,...rest}=_temp===void 0?{}:_temp,{state:latestState}=latest.current;if(getItemIndex(index,selectedItem,latestState.selectedItems)<0)throw new Error("Pass either selectedItem or index in getSelectedItemProps!");let selectedItemHandleClick=()=>{dispatch({type:SelectedItemClick,index})},selectedItemHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&selectedItemKeyDownHandlers[key2]&&selectedItemKeyDownHandlers[key2](event)};return{[refKey]:handleRefs(ref,selectedItemNode=>{selectedItemNode&&selectedItemRefs.current.push(selectedItemNode)}),tabIndex:index===latestState.activeIndex?0:-1,onClick:callAllEventHandlers(onClick,selectedItemHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,selectedItemHandleKeyDown),...rest}},[dispatch,latest,selectedItemKeyDownHandlers]),getDropdownProps=(0,import_react21.useCallback)(function(_temp2,_temp3){let{refKey="ref",ref,onKeyDown,onClick,preventKeyAction=!1,...rest}=_temp2===void 0?{}:_temp2,{suppressRefError=!1}=_temp3===void 0?{}:_temp3;setGetterPropCallInfo("getDropdownProps",suppressRefError,refKey,dropdownRef);let dropdownHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&dropdownKeyDownHandlers[key2]&&dropdownKeyDownHandlers[key2](event)},dropdownHandleClick=()=>{dispatch({type:DropdownClick})};return{[refKey]:handleRefs(ref,dropdownNode=>{dropdownNode&&(dropdownRef.current=dropdownNode)}),...!preventKeyAction&&{onKeyDown:callAllEventHandlers(onKeyDown,dropdownHandleKeyDown),onClick:callAllEventHandlers(onClick,dropdownHandleClick)},...rest}},[dispatch,dropdownKeyDownHandlers,setGetterPropCallInfo]),addSelectedItem=(0,import_react21.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react21.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react21.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react21.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react22=__toESM(require_react());function isCloseType(x3){return!!(x3&&x3.closeMenu)}function isClearType(x3){return!!(x3&&x3.clearLastViewed)}function isExpandType(x3){return!!(x3&&x3.showAll)}function isSearchResult(x3){return!!(x3&&x3.item)}var{document:document6}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options2={shouldSort:!0,tokenize:!0,findAllMatches:!0,includeScore:!0,includeMatches:!0,threshold:.2,location:0,distance:100,maxPatternLength:32,minMatchCharLength:1,keys:[{name:"name",weight:.7},{name:"path",weight:.3}]},ScreenReaderLabel=import_theming15.styled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIcon=(0,import_theming15.styled)(import_components9.Icons)(({theme})=>({width:12,height:12,position:"absolute",top:10,left:12,zIndex:1,pointerEvents:"none",color:theme.textMutedColor})),SearchField=import_theming15.styled.div(({theme})=>({display:"flex",flexDirection:"column",position:"relative","&:focus-within svg":{color:theme.color.defaultText}})),Input=import_theming15.styled.input(({theme})=>({appearance:"none",height:32,paddingLeft:30,paddingRight:32,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:32,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,"&:focus, &:active":{outline:0,borderColor:theme.color.secondary,background:theme.background.app},"&::placeholder":{color:theme.textMutedColor,opacity:1},"&:valid ~ code, &:focus ~ code":{display:"none"},"&:invalid ~ svg":{display:"none"},"&:valid ~ svg":{display:"block"},"&::-ms-clear":{display:"none"},"&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}})),FocusKey=import_theming15.styled.code(({theme})=>({position:"absolute",top:8,right:16,width:16,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:3,userSelect:"none",pointerEvents:"none"})),ClearIcon=(0,import_theming15.styled)(import_components9.Icons)(({theme})=>({width:16,height:16,padding:4,position:"absolute",top:8,right:16,zIndex:1,background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.1)",borderRadius:16,color:theme.base==="light"?theme.color.dark:theme.textMutedColor,cursor:"pointer"})),FocusContainer=import_theming15.styled.div({outline:0}),Search=import_react22.default.memo(function({children,dataset,isLoading=!1,enableShortcuts=!0,getLastViewed,clearLastViewed,initialQuery=""}){let api=(0,import_manager_api7.useStorybookApi)(),inputRef=(0,import_react22.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react22.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react22.useState)(!1),selectStory=(0,import_react22.useCallback)((id,refId)=>{api&&api.selectStory(id,void 0,{ref:refId!==DEFAULT_REF_ID&&refId}),inputRef.current.blur(),showAllComponents(!1)},[api,inputRef,showAllComponents,DEFAULT_REF_ID]),list=(0,import_react22.useMemo)(()=>dataset.entries.reduce((acc,[refId,{index}])=>(index&&acc.push(...Object.values(index).map(item=>searchItem(item,dataset.hash[refId]))),acc),[]),[dataset]),fuse=(0,import_react22.useMemo)(()=>new import_fuse.default(list,options2),[list]),getResults=(0,import_react22.useCallback)(input=>{if(!input)return[];let results=[],resultIds=new Set,distinctResults=fuse.search(input).filter(({item})=>!(item.type==="component"||item.type==="docs"||item.type==="story")||resultIds.has(item.parent)?!1:(resultIds.add(item.id),!0));return distinctResults.length&&(results=distinctResults.slice(0,allComponents?1e3:DEFAULT_MAX_SEARCH_RESULTS),distinctResults.length>DEFAULT_MAX_SEARCH_RESULTS&&!allComponents&&results.push({showAll:()=>showAllComponents(!0),totalCount:distinctResults.length,moreCount:distinctResults.length-DEFAULT_MAX_SEARCH_RESULTS})),results},[allComponents,fuse]),stateReducer2=(0,import_react22.useCallback)((state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.blurInput:return{...changes,inputValue:state.inputValue,isOpen:state.inputValue&&!state.selectedItem,selectedItem:null};case Downshift$1.stateChangeTypes.mouseUp:return{};case Downshift$1.stateChangeTypes.keyDownEscape:return state.inputValue?{...changes,inputValue:"",isOpen:!0,selectedItem:null}:(inputRef.current.blur(),{...changes,isOpen:!1,selectedItem:null});case Downshift$1.stateChangeTypes.clickItem:case Downshift$1.stateChangeTypes.keyDownEnter:{if(isSearchResult(changes.selectedItem)){let{id,refId}=changes.selectedItem.item;return selectStory(id,refId),{...changes,inputValue:state.inputValue,isOpen:!1}}return isExpandType(changes.selectedItem)?(changes.selectedItem.showAll(),{}):isClearType(changes.selectedItem)?(changes.selectedItem.clearLastViewed(),inputRef.current.blur(),{isOpen:!1}):isCloseType(changes.selectedItem)?(inputRef.current.blur(),{isOpen:!1}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]);return import_react22.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result2=>{var _a;return((_a=result2==null?void 0:result2.item)==null?void 0:_a.name)||""},scrollIntoView:e4=>scrollIntoView(e4)},({isOpen,openMenu,closeMenu,inputValue,clearSelection,getInputProps,getItemProps,getLabelProps,getMenuProps,getRootProps,highlightedIndex})=>{let input=inputValue?inputValue.trim():"",results=input?getResults(input):[],lastViewed=!input&&getLastViewed();lastViewed&&lastViewed.length&&(results=lastViewed.reduce((acc,{storyId,refId})=>{let data=dataset.hash[refId];if(data&&data.index&&data.index[storyId]){let story=data.index[storyId],item=story.type==="story"?data.index[story.parent]:story;acc.some(res=>res.item.refId===refId&&res.item.id===item.id)||acc.push({item:searchItem(item,dataset.hash[refId]),matches:[],score:0})}return acc},[]),results.push({closeMenu}),results.length>0&&results.push({clearLastViewed}));let inputProps=getInputProps({id:"storybook-explorer-searchfield",ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")});return import_react22.default.createElement(import_react22.default.Fragment,null,import_react22.default.createElement(ScreenReaderLabel,{...getLabelProps()},"Search for components"),import_react22.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react22.default.createElement(SearchIcon,{icon:"search"}),import_react22.default.createElement(Input,{...inputProps}),enableShortcuts&&import_react22.default.createElement(FocusKey,null,"/"),import_react22.default.createElement(ClearIcon,{icon:"cross",onClick:()=>clearSelection()})),import_react22.default.createElement(FocusContainer,{tabIndex:0,id:"storybook-explorer-menu"},children({query:input,results,isBrowsing:!isOpen&&document6.activeElement!==inputRef.current,closeMenu,getMenuProps,getItemProps,highlightedIndex})))})});var import_theming16=__toESM(require_dist10()),import_components10=__toESM(require_dist11());var import_react23=__toESM(require_react()),import_manager_api8=__toESM(require_dist9()),import_core_events4=__toESM(require_dist4());var{document:document7}=scope,ResultsList=import_theming16.styled.ol({listStyle:"none",margin:0,marginLeft:-20,marginRight:-20,padding:0}),ResultRow=import_theming16.styled.li(({theme,isHighlighted})=>({display:"block",margin:0,padding:0,background:isHighlighted?theme.background.hoverable:"transparent",cursor:"pointer","a:hover, button:hover":{background:"transparent"}})),NoResults=import_theming16.styled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=import_theming16.styled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),ActionRow=(0,import_theming16.styled)(ResultRow)({display:"flex",padding:"6px 19px",alignItems:"center"}),BackActionRow=(0,import_theming16.styled)(ActionRow)({marginTop:8}),ActionLabel=import_theming16.styled.span(({theme})=>({flexGrow:1,color:theme.textMutedColor,fontSize:`${theme.typography.size.s1}px`})),ActionIcon=(0,import_theming16.styled)(import_components10.Icons)(({theme})=>({display:"inline-block",width:10,height:10,marginRight:6,color:theme.textMutedColor})),ActionKey=import_theming16.styled.code(({theme})=>({minWidth:16,height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none"})),Highlight=import_react23.default.memo(function({children,match}){if(!match)return import_react23.default.createElement(import_react23.default.Fragment,null,children);let{value:value2,indices}=match,{nodes:result2}=indices.reduce(({cursor,nodes},[start,end],index,{length:length2})=>(nodes.push(import_react23.default.createElement("span",{key:`${index}-0`},value2.slice(cursor,start))),nodes.push(import_react23.default.createElement(Mark,{key:`${index}-1`},value2.slice(start,end+1))),index===length2-1&&nodes.push(import_react23.default.createElement("span",{key:`${index}-2`},value2.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react23.default.createElement(import_react23.default.Fragment,null,result2)}),Result=import_react23.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react23.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=(0,import_manager_api8.useStorybookApi)();(0,import_react23.useEffect)(()=>{api&&props.isHighlighted&&item.isComponent&&api.emit(import_core_events4.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]]},{options:{target:item.refId}})},[props.isHighlighted,item]);let nameMatch=matches.find(match=>match.key==="name"),pathMatches=matches.filter(match=>match.key==="path"),label=import_react23.default.createElement("div",{className:"search-result-item--label"},import_react23.default.createElement("strong",null,import_react23.default.createElement(Highlight,{match:nameMatch},item.name)),import_react23.default.createElement(Path,null,item.path.map((group,index)=>import_react23.default.createElement("span",{key:index},import_react23.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index)},group))))),title=`${item.path.join(" / ")} / ${item.name}`,nodeProps={depth:0,onClick:click,title,children:label},node;return item.type==="component"?node=import_react23.default.createElement(ComponentNode,{isExpanded:!1,...nodeProps}):item.type==="story"?node=import_react23.default.createElement(StoryNode,{href:getLink(item,item.refId),...nodeProps}):node=import_react23.default.createElement(DocumentNode,{href:getLink(item,item.refId),...nodeProps}),import_react23.default.createElement(ResultRow,{...props},node)}),SearchResults=import_react23.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,isLoading=!1,enableShortcuts=!0}){let api=(0,import_manager_api8.useStorybookApi)();(0,import_react23.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){let target=event.target;if((target==null?void 0:target.id)==="storybook-explorer-searchfield")return;event.preventDefault(),closeMenu()}};return document7.addEventListener("keydown",handleEscape),()=>document7.removeEventListener("keydown",handleEscape)},[closeMenu,enableShortcuts,isLoading]);let mouseOverHandler=(0,import_react23.useCallback)(event=>{let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.getData(storyId,refId==="storybook_internal"?void 0:refId);item!=null&&item.isComponent&&api.emit(import_core_events4.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]);return import_react23.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react23.default.createElement("li",null,import_react23.default.createElement(RootNode,{className:"search-result-recentlyOpened"},"Recently opened")),results.length===0&&query&&import_react23.default.createElement("li",null,import_react23.default.createElement(NoResults,null,import_react23.default.createElement("strong",null,"No components found"),import_react23.default.createElement("br",null),import_react23.default.createElement("small",null,"Find components by name or path."))),results.map((result2,index)=>{if(isCloseType(result2))return import_react23.default.createElement(BackActionRow,{key:"search-result-back",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-back"},import_react23.default.createElement(ActionIcon,{icon:"arrowleft"}),import_react23.default.createElement(ActionLabel,null,"Back to components"),import_react23.default.createElement(ActionKey,null,"ESC"));if(isClearType(result2))return import_react23.default.createElement(ActionRow,{key:"search-result-clearHistory",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-clearHistory"},import_react23.default.createElement(ActionIcon,{icon:"trash"}),import_react23.default.createElement(ActionLabel,null,"Clear history"));if(isExpandType(result2))return import_react23.default.createElement(ActionRow,{key:"search-result-more",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-more"},import_react23.default.createElement(ActionIcon,{icon:"plus"}),import_react23.default.createElement(ActionLabel,null,"Show ",result2.moreCount," more results"));let{item}=result2,key2=`${item.refId}::${item.id}`;return import_react23.default.createElement(Result,{key:item.id,...result2,...getItemProps({key:key2,index,item:result2}),isHighlighted:highlightedIndex===index,"data-id":result2.item.id,"data-refid":result2.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce2=__toESM(require_debounce()),import_react24=__toESM(require_react()),import_store22=__toESM(require_store2()),save=(0,import_debounce2.default)(value2=>import_store22.default.set("lastViewedStoryIds",value2),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react24.useMemo)(()=>{let items=import_store22.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store22.default]),lastViewedRef=(0,import_react24.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react24.useCallback)(story=>{let items=lastViewedRef.current,index=items.findIndex(({storyId,refId})=>storyId===story.storyId&&refId===story.refId);index!==0&&(index===-1?lastViewedRef.current=[story,...items]:lastViewedRef.current=[story,...items.slice(0,index),...items.slice(index+1)],save(lastViewedRef.current))},[lastViewedRef]);return(0,import_react24.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react24.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react24.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container2=import_theming17.styled.nav({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%"}),StyledSpaced=(0,import_theming17.styled)(import_components11.Spaced)({paddingBottom:"2.5rem"}),CustomScrollArea=(0,import_theming17.styled)(import_components11.ScrollArea)({"&&&&& .os-scrollbar-handle:before":{left:-12},"&&&&& .os-scrollbar-vertical":{right:5},padding:20}),Swap=import_react25.default.memo(function({children,condition}){let[a3,b3]=import_react25.default.Children.toArray(children);return import_react25.default.createElement(import_react25.default.Fragment,null,import_react25.default.createElement("div",{style:{display:condition?"block":"none"}},a3),import_react25.default.createElement("div",{style:{display:condition?"none":"block"}},b3))}),useCombination=(defaultRefData,refs2)=>{let hash=(0,import_react25.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs2}),[refs2,defaultRefData]);return(0,import_react25.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar2=import_react25.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index,indexError,previewInitialized,menu,menuHighlighted=!1,enableShortcuts=!0,refs:refs2={}}){let selected=(0,import_react25.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index,indexError,previewInitialized},refs2),isLoading=!index&&!indexError,lastViewedProps=useLastViewed(selected);return import_react25.default.createElement(Container2,{className:"container sidebar-container"},import_react25.default.createElement(CustomScrollArea,{vertical:!0},import_react25.default.createElement(StyledSpaced,{row:1.6},import_react25.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,skipLinkHref:"#storybook-preview-wrapper"}),import_react25.default.createElement(Search,{dataset,isLoading,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps,highlightedIndex})=>import_react25.default.createElement(Swap,{condition:isBrowsing},import_react25.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react25.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,enableShortcuts,isLoading}))))))});var import_react26=__toESM(require_react()),import_components12=__toESM(require_dist11()),import_theming18=__toESM(require_dist10()),import_manager_api9=__toESM(require_dist9()),focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key=import_theming18.styled.span(({theme})=>({display:"inline-block",height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none",padding:"0 6px"})),KeyChild=import_theming18.styled.code(({theme})=>`
+`};function format(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];var a3=args2[0],b3=[],c3;for(c3=1;c3<args2.length;c3+=1)b3.push(args2[c3]);return b3.forEach(function(d3){a3=a3.replace(/%[a-z]/,d3)}),a3}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){var _this;if(process.env.NODE_ENV==="production")_this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this;else{for(var _len2=arguments.length,args2=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args2[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args2)))||this}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color){return Math.round(color*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color){if(typeof color!="string")return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if(typeof color!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}var reduceHexValue=function(value2){return value2.length===7&&value2[1]===value2[2]&&value2[3]===value2[4]&&value2[5]===value2[6]?"#"+value2[1]+value2[3]+value2[5]:value2},reduceHexValue$1=reduceHexValue;function numberToHex(value2){var hex=value2.toString(16);return hex.length===1?"0"+hex:hex}function rgb(value2,green,blue){if(typeof value2=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value2)+numberToHex(green)+numberToHex(blue));if(typeof value2=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value2.red)+numberToHex(value2.green)+numberToHex(value2.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else{if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}function curried(f4,length2,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length2?f4.apply(this,combined):curried(f4,length2,combined)}}function curry(f4){return curried(f4,f4.length,[])}function guard(lowerBoundary,upperBoundary,value2){return Math.max(lowerBoundary,Math.min(upperBoundary,value2))}function transparentize(amount,color){if(color==="transparent")return color;var parsedColor=parseToRgb(color),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var import_components3=__toESM(require_dist11()),sharedStyles={height:10,width:10,marginLeft:-5,marginRight:-5,display:"block"},Icon=(0,import_theming6.styled)(import_components3.Icons)(sharedStyles,({theme})=>({color:theme.color.secondary})),SidebarIconButton=(0,import_theming6.styled)(import_components3.IconButton)(({highlighted,active,theme})=>({position:"relative",overflow:"visible",color:theme.textMutedColor,marginTop:0,zIndex:1,...highlighted&&{"&:before, &:after":{content:'""',position:"absolute",top:6,right:6,width:5,height:5,zIndex:2,borderRadius:"50%",background:theme.background.app,border:`1px solid ${theme.background.app}`,boxShadow:`0 0 0 2px ${theme.background.app}`},"&:after":{background:theme.color.positive,border:"1px solid rgba(0, 0, 0, 0.1)",boxShadow:`0 0 0 2px ${theme.background.app}`},"&:hover:after, &:focus-visible:after":{boxShadow:`0 0 0 2px ${curriedTransparentize$1(.88,theme.color.secondary)}`}},...active&&{color:theme.color.secondary}})),Img2=import_theming6.styled.img(sharedStyles),Placeholder=import_theming6.styled.div(sharedStyles);var SidebarMenuList=({menu,onHide})=>{let links=(0,import_react9.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu]);return import_react9.default.createElement(import_components3.TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react9.useState)(!1);return import_react9.default.createElement(import_components3.WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react9.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react9.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react9.default.createElement(import_components3.Icons,{icon:"cog"})))};var BrandArea=import_theming7.styled.div(({theme})=>({fontSize:theme.typography.size.s2,fontWeight:theme.typography.weight.bold,color:theme.color.defaultText,marginRight:20,display:"flex",width:"100%",alignItems:"center",minHeight:22,"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=import_theming7.styled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:28}),SkipToCanvasLink=(0,import_theming7.styled)(import_components4.Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",position:"absolute",fontSize:theme.typography.size.s1,zIndex:3,border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",opacity:0,transition:"opacity 150ms ease-out","&:focus":{width:"100%",height:"inherit",padding:"10px 15px",margin:0,clip:"unset",overflow:"unset",opacity:1}}})),Heading=({menuHighlighted=!1,menu,skipLinkHref,...props})=>import_react10.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react10.default.createElement(SkipToCanvasLink,{secondary:!0,isLink:!0,tabIndex:0,href:skipLinkHref},"Skip to canvas"),import_react10.default.createElement(BrandArea,null,import_react10.default.createElement(Brand,null)),import_react10.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted}));var import_react20=__toESM(require_react());var import_react17=__toESM(require_react()),import_manager_api5=__toESM(require_dist9()),import_theming13=__toESM(require_dist10());var import_react12=__toESM(require_react()),import_components5=__toESM(require_dist11()),import_client_logger=__toESM(require_dist2()),import_theming9=__toESM(require_dist10());var import_react11=__toESM(require_react()),import_theming8=__toESM(require_dist10()),LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=import_theming8.styled.div({cursor:"progress",fontSize:13,height:"16px",marginTop:4,marginBottom:4,alignItems:"center",overflow:"hidden"},({depth=0})=>({marginLeft:depth*15,maxWidth:85-depth*5}),({theme})=>theme.animation.inlineGlow,({theme})=>({background:theme.appBorderColor})),Contained=import_theming8.styled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react11.default.createElement(import_react11.Fragment,null,sequence.map((depth,index)=>import_react11.default.createElement(Loadingitem,{depth,key:index})))};var{window:globalWindow}=scope,TextStyle=import_theming9.styled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0})),Text=import_theming9.styled.div(({theme})=>({fontSize:theme.typography.size.s2-1,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=import_theming9.styled.pre({width:420,boxSizing:"border-box",borderRadius:8,overflow:"auto",whiteSpace:"pre"},({theme})=>({color:theme.color.dark})),AuthBlock=({loginUrl,id})=>{let[isAuthAttempted,setAuthAttempted]=(0,import_react12.useState)(!1),refresh=(0,import_react12.useCallback)(()=>{globalWindow.document.location.reload()},[]),open=(0,import_react12.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(import_client_logger.logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react12.default.createElement(Contained,null,import_react12.default.createElement(import_components5.Spaced,null,isAuthAttempted?import_react12.default.createElement(import_react12.Fragment,null,import_react12.default.createElement(Text,null,"Authentication on ",import_react12.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react12.default.createElement("div",null,import_react12.default.createElement(import_components5.Button,{small:!0,gray:!0,onClick:refresh},import_react12.default.createElement(import_components5.Icons,{icon:"sync"}),"Refresh now"))):import_react12.default.createElement(import_react12.Fragment,null,import_react12.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react12.default.createElement("div",null,import_react12.default.createElement(import_components5.Button,{small:!0,gray:!0,onClick:open},import_react12.default.createElement(import_components5.Icons,{icon:"lock"}),"Sign in")))))},ErrorBlock=({error})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(import_components5.Spaced,null,import_react12.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react12.default.createElement("br",null),import_react12.default.createElement(import_components5.WithTooltip,{tooltip:import_react12.default.createElement(ErrorDisplay,null,import_react12.default.createElement(import_components5.ErrorFormatter,{error}))},import_react12.default.createElement(import_components5.Link,{isButton:!0},"View error ",import_react12.default.createElement(import_components5.Icons,{icon:"arrowdown"})))," ",import_react12.default.createElement(import_components5.Link,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=(0,import_theming9.styled)(import_components5.Spaced)({display:"flex"}),WideSpaced=(0,import_theming9.styled)(import_components5.Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(FlexSpaced,{col:1},import_react12.default.createElement(WideSpaced,null,import_react12.default.createElement(Text,null,isMain?import_react12.default.createElement(import_react12.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react12.default.createElement("ul",null,import_react12.default.createElement("li",null,"The glob specified in ",import_react12.default.createElement("code",null,"main.js")," isn't correct."),import_react12.default.createElement("li",null,"No stories are defined in your story files."))," "):import_react12.default.createElement(import_react12.default.Fragment,null,"Yikes! Something went wrong loading these stories."))))),LoaderBlock=({isMain})=>import_react12.default.createElement(Contained,null,import_react12.default.createElement(Loader,{size:isMain?17:5}));var import_react13=__toESM(require_react()),import_components6=__toESM(require_dist11()),import_theming10=__toESM(require_dist10());var import_manager_api2=__toESM(require_dist9()),{document:document2,window:globalWindow2}=scope,IndicatorPlacement=import_theming10.styled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=import_theming10.styled.button(({theme})=>({height:20,width:20,padding:0,margin:0,display:"flex",alignItems:"center",justifyContent:"center",background:"transparent",outline:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"&:hover":{color:theme.barSelectedColor},"&:focus":{color:theme.barSelectedColor,borderColor:theme.color.secondary},svg:{height:10,width:10,transition:"all 150ms ease-out",color:"inherit"}})),MessageTitle=import_theming10.styled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message=import_theming10.styled.a(({theme})=>({textDecoration:"none",lineHeight:"16px",padding:15,display:"flex",flexDirection:"row",alignItems:"flex-start",color:theme.color.defaultText,"&:not(:last-child)":{borderBottom:`1px solid ${theme.appBorderColor}`},"&:hover":{background:theme.background.hoverable,color:theme.color.darker},"&:link":{color:theme.color.darker},"&:active":{color:theme.color.darker},"&:focus":{color:theme.color.darker},"& > *":{flex:1},"& > svg":{marginTop:3,width:16,height:16,marginRight:10,flex:"unset"}})),MessageWrapper=import_theming10.styled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),BlueIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.secondary})),YellowIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.gold})),RedIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.negative})),GreenIcon=(0,import_theming10.styled)(import_components6.Icons)(({theme})=>({color:theme.color.green})),Version=import_theming10.styled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.regular,color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"& > * + *":{marginLeft:4},svg:{height:10,width:10}})),CurrentVersion=({url,versions})=>{let currentVersionId=(0,import_react13.useMemo)(()=>{let c3=Object.entries(versions).find(([k3,v3])=>v3===url);return c3&&c3[0]?c3[0]:"current"},[url,versions]);return import_react13.default.createElement(Version,null,import_react13.default.createElement("span",null,currentVersionId),import_react13.default.createElement(import_components6.Icons,{icon:"arrowdown"}))},RefIndicator=import_react13.default.memo((0,import_react13.forwardRef)(({state,...ref},forwardedRef)=>{let api=(0,import_manager_api2.useStorybookApi)(),list=(0,import_react13.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react13.useMemo)(()=>list.filter(v3=>v3.type==="component").length,[list]),leafCount=(0,import_react13.useMemo)(()=>list.filter(v3=>v3.type==="docs"||v3.type==="story").length,[list]);return import_react13.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react13.default.createElement(import_components6.WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react13.default.createElement(MessageWrapper,null,import_react13.default.createElement(import_components6.Spaced,{row:0},state==="loading"&&import_react13.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react13.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react13.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react13.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react13.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react13.default.createElement(ReadDocsMessage,null)))},import_react13.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react13.default.createElement(import_components6.Icons,{icon:"globe"}))),ref.versions&&Object.keys(ref.versions).length?import_react13.default.createElement(import_components6.WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react13.default.createElement(import_components6.TooltipLinkList,{links:Object.entries(ref.versions).map(([id,href])=>({icon:href===ref.url?"check":void 0,id,title:id,href,onClick:(event,item)=>{event.preventDefault(),api.changeRefVersion(ref.id,item.href),tooltip.onHide()}}))})},import_react13.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(BlueIcon,{icon:"globe"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"View external Storybook"),import_react13.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab."))),LoginRequiredMessage=({loginUrl,id})=>{let open=(0,import_react13.useCallback)(e4=>{e4.preventDefault();let childWindow=globalWindow2.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),document2.location.reload()):clearInterval(timer)},1e3)},[]);return import_react13.default.createElement(Message,{onClick:open},import_react13.default.createElement(YellowIcon,{icon:"lock"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Log in required"),import_react13.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>import_react13.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition",target:"_blank"},import_react13.default.createElement(GreenIcon,{icon:"document"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Read Composition docs"),import_react13.default.createElement("div",null,"Learn how to combine multiple Storybooks into one."))),ErrorOccurredMessage=({url})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(RedIcon,{icon:"alert"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Something went wrong"),import_react13.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now."))),LoadingMessage=({url})=>import_react13.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react13.default.createElement(BlueIcon,{icon:"time"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Please wait"),import_react13.default.createElement("div",null,"This Storybook is loading."))),PerformanceDegradedMessage=()=>import_react13.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition#improve-your-storybook-composition",target:"_blank"},import_react13.default.createElement(YellowIcon,{icon:"lightning"}),import_react13.default.createElement("div",null,import_react13.default.createElement(MessageTitle,null,"Reduce lag"),import_react13.default.createElement("div",null,"Learn how to speed up Composition performance.")));var import_manager_api4=__toESM(require_dist9()),import_theming12=__toESM(require_dist10()),import_components8=__toESM(require_dist11());var import_react16=__toESM(require_react()),import_core_events2=__toESM(require_dist4());var import_theming11=__toESM(require_dist10()),import_components7=__toESM(require_dist11());var import_react14=__toESM(require_react()),CollapseIcon=import_theming11.styled.span(({theme,isExpanded})=>({display:"inline-block",width:0,height:0,marginTop:6,marginLeft:8,marginRight:5,color:curriedTransparentize$1(.4,theme.textMutedColor),borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid",transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),iconColors={light:{document:"#ff8300",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"ultraviolet"},dark:{document:"gold",docsModeDocument:"secondary",bookmarkhollow:"seafoam",component:"secondary",folder:"primary"}},isColor=(theme,color)=>color in theme.color,TypeIcon=(0,import_theming11.styled)(import_components7.Icons)({width:12,height:12,padding:1,marginTop:3,marginRight:5,flex:"0 0 auto"},({theme,icon,symbol=icon,docsMode})=>{let color=(theme.base==="dark"?iconColors.dark:iconColors.light)[docsMode&&symbol==="document"?"docsModeDocument":symbol];return{color:isColor(theme,color)?theme.color[color]:color}}),BranchNode=import_theming11.styled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",padding:3,paddingLeft:`${(isExpandable?2:18)+depth*16}px`,color:"inherit",fontSize:`${theme.typography.size.s2-1}px`,background:"transparent","&:hover, &:focus":{background:theme.background.hoverable,outline:"none"}})),LeafNode=import_theming11.styled.a(({theme,depth=0})=>({cursor:"pointer",display:"flex",alignItems:"start",padding:3,paddingLeft:`${18+depth*16}px`,fontSize:`${theme.typography.size.s2-1}px`,textDecoration:"none",color:theme.color.defaultText,background:"transparent","&:hover, &:focus":{outline:"none",background:theme.background.hoverable},'&[data-selected="true"]':{color:theme.color.lightest,background:theme.color.secondary,fontWeight:theme.typography.weight.bold,"&:hover, &:focus":{background:theme.color.secondary},svg:{color:theme.color.lightest}}})),Path=import_theming11.styled.span(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{position:"relative",marginLeft:4,paddingLeft:7,"&:before":{content:"'/'",position:"absolute",left:0}}})),RootNode=import_theming11.styled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 20px",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:20,letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor})),GroupNode=import_react14.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react14.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable?import_react14.default.createElement(CollapseIcon,{isExpanded}):null,import_react14.default.createElement(TypeIcon,{icon:"folder",useSymbol:!0,color:"primary"}),children)}),ComponentNode=import_react14.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react14.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},isExpandable&&import_react14.default.createElement(CollapseIcon,{isExpanded}),import_react14.default.createElement(TypeIcon,{icon:"component",useSymbol:!0,color:"secondary"}),children)}),DocumentNode=import_react14.default.memo(function({theme,children,docsMode,...props}){return import_react14.default.createElement(LeafNode,{tabIndex:-1,...props},import_react14.default.createElement(TypeIcon,{icon:"document",useSymbol:!0,docsMode}),children)}),StoryNode=import_react14.default.memo(function({theme,children,...props}){return import_react14.default.createElement(LeafNode,{tabIndex:-1,...props},import_react14.default.createElement(TypeIcon,{icon:"bookmarkhollow",useSymbol:!0}),children)});var import_manager_api3=__toESM(require_dist9()),import_core_events=__toESM(require_dist4());var import_throttle=__toESM(require_throttle()),import_react15=__toESM(require_react());var codeToKeyMap={Space:" ",Slash:"/",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",ArrowDown:"ArrowDown",Escape:"Escape",Enter:"Enter"},allFalse={alt:!1,ctrl:!1,meta:!1,shift:!1},matchesModifiers=(modifiers,event)=>{let{alt,ctrl,meta,shift}=modifiers===!1?allFalse:modifiers;return!(typeof alt=="boolean"&&alt!==event.altKey||typeof ctrl=="boolean"&&ctrl!==event.ctrlKey||typeof meta=="boolean"&&meta!==event.metaKey||typeof shift=="boolean"&&shift!==event.shiftKey)},matchesKeyCode=(code,event)=>event.code?event.code===code:event.key===codeToKeyMap[code];var import_memoizerific3=__toESM(require_memoizerific());var{document:document3,window:globalWindow3}=scope,createId=(itemId,refId)=>!refId||refId===DEFAULT_REF_ID?itemId:`${refId}_${itemId}`,getLink=(item,refId)=>`${document3.location.pathname}?path=/${item.type}/${createId(item.id,refId)}`;var get3=(0,import_memoizerific3.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific3.default)(1e3)((id,dataset)=>{let item=get3(id,dataset);return item&&item.type!=="root"?get3(item.parent,dataset):void 0}),getParents=(0,import_memoizerific3.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific3.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific3.default)(1e3)((data,id,skipLeafs)=>{let entry=data[id];return(entry.type==="story"||entry.type==="docs"?[]:entry.children).reduce((acc,childId)=>{let child=data[childId];return!child||skipLeafs&&(child.type==="story"||child.type==="docs")||acc.push(childId,...getDescendantIds(data,childId,skipLeafs)),acc},[])});function getPath(item,ref){let parent=item.type!=="root"&&item.parent?ref.index[item.parent]:null;return parent?[...getPath(parent,ref),parent.name]:ref.id===DEFAULT_REF_ID?[]:[ref.title||ref.id]}var searchItem=(item,ref)=>({...item,refId:ref.id,path:getPath(item,ref)});function cycle(array,index,delta){let next=index+delta%array.length;return next<0&&(next=array.length+next),next>=array.length&&(next-=array.length),next}var scrollIntoView=(element,center=!1)=>{if(!element)return;let{top,bottom}=element.getBoundingClientRect();top>=0&&bottom<=(globalWindow3.innerHeight||document3.documentElement.clientHeight)||element.scrollIntoView({block:center?"center":"nearest"})},getStateType=(isLoading,isAuthRequired,isError,isEmpty)=>{switch(!0){case isAuthRequired:return"auth";case isError:return"error";case isLoading:return"loading";case isEmpty:return"empty";default:return"ready"}},isAncestor=(element,maybeAncestor)=>!element||!maybeAncestor?!1:element===maybeAncestor?!0:isAncestor(element.parentElement,maybeAncestor),removeNoiseFromName=storyName=>storyName.replaceAll(/(\s|-|_)/gi,""),isStoryHoistable=(storyName,componentName)=>removeNoiseFromName(storyName)===removeNoiseFromName(componentName);var{document:document4}=scope,initializeExpanded=({refId,data,initialExpanded,highlightedRef,rootIds})=>{var _a,_b;let highlightedAncestors=((_a=highlightedRef.current)==null?void 0:_a.refId)===refId?getAncestorIds(data,(_b=highlightedRef.current)==null?void 0:_b.itemId):[];return[...rootIds,...highlightedAncestors].reduce((acc,id)=>Object.assign(acc,{[id]:id in initialExpanded?initialExpanded[id]:!0}),{})},noop=()=>{},useExpanded=({containerRef,isBrowsing,refId,data,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId})=>{let api=(0,import_manager_api3.useStorybookApi)(),[expanded,setExpanded]=(0,import_react15.useReducer)((state,{ids,value:value2})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value2}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react15.useCallback)(id=>{var _a;return(_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${id}"]`)},[containerRef]),highlightElement=(0,import_react15.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react15.useCallback)(({ids,value:value2})=>{var _a;if(setExpanded({ids,value:value2}),ids.length===1){let element=(_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react15.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react15.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react15.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react15.useEffect)(()=>api?(api.on(import_core_events.STORIES_COLLAPSE_ALL,collapseAll),api.on(import_core_events.STORIES_EXPAND_ALL,expandAll),()=>{api.off(import_core_events.STORIES_COLLAPSE_ALL,collapseAll),api.off(import_core_events.STORIES_EXPAND_ALL,expandAll)}):noop,[api,collapseAll,expandAll]),(0,import_react15.useEffect)(()=>{let menuElement=document4.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{var _a,_b;let highlightedItemId=((_a=highlightedRef.current)==null?void 0:_a.refId)===refId&&((_b=highlightedRef.current)==null?void 0:_b.itemId);if(!isBrowsing||!containerRef.current||!highlightedItemId||event.repeat||!matchesModifiers(!1,event))return;let isEnter=matchesKeyCode("Enter",event),isSpace=matchesKeyCode("Space",event),isArrowLeft=matchesKeyCode("ArrowLeft",event),isArrowRight=matchesKeyCode("ArrowRight",event);if(!(isEnter||isSpace||isArrowLeft||isArrowRight))return;let highlightedElement=getElementByDataItemId(highlightedItemId);if(!highlightedElement||highlightedElement.getAttribute("data-ref-id")!==refId)return;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;if(target.hasAttribute("data-action")){if(isEnter||isSpace)return;target.blur()}let type=highlightedElement.getAttribute("data-nodetype");(isEnter||isSpace)&&["component","story","document"].includes(type)&&onSelectStoryId(highlightedItemId);let isExpanded=highlightedElement.getAttribute("aria-expanded");if(isArrowLeft){if(isExpanded==="true"){setExpanded({ids:[highlightedItemId],value:!1});return}let parentId=highlightedElement.getAttribute("data-parent-id"),parentElement=parentId&&getElementByDataItemId(parentId);if(parentElement&&parentElement.getAttribute("data-highlightable")==="true"){highlightElement(parentElement);return}setExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!1});return}isArrowRight&&(isExpanded==="false"?updateExpanded({ids:[highlightedItemId],value:!0}):isExpanded==="true"&&updateExpanded({ids:getDescendantIds(data,highlightedItemId,!0),value:!0}))},60);return document4.addEventListener("keydown",navigateTree),()=>document4.removeEventListener("keydown",navigateTree)},[containerRef,isBrowsing,refId,data,highlightedRef,setHighlightedItemId,onSelectStoryId]),[expanded,updateExpanded]};var Action=import_theming12.styled.button(({theme})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:20,height:20,margin:0,marginLeft:"auto",padding:0,outline:0,lineHeight:"normal",background:"none",border:"1px solid transparent",borderRadius:"100%",cursor:"pointer",transition:"all 150ms ease-out",color:theme.base==="light"?curriedTransparentize$1(.3,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"&:hover":{color:theme.color.secondary},"&:focus":{color:theme.color.secondary,borderColor:theme.color.secondary,"&:not(:focus-visible)":{borderColor:"transparent"}},svg:{width:10,height:10}})),CollapseButton=import_theming12.styled.button(({theme})=>({background:"transparent",border:"none",outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",letterSpacing:"inherit",textTransform:"inherit",display:"flex",flex:"0 1 auto",padding:"3px 10px 1px 1px",margin:0,marginLeft:-19,overflow:"hidden",borderRadius:26,transition:"color 150ms, box-shadow 150ms","span:first-of-type":{marginTop:4,marginRight:7},"&:focus":{boxShadow:`0 0 0 1px ${theme.color.secondary}`,color:theme.color.secondary,"span:first-of-type":{color:theme.color.secondary},"&:not(:focus-visible)":{boxShadow:"none"}}})),LeafNodeStyleWrapper=import_theming12.styled.div(({theme})=>({position:"relative"})),SkipToContentLink=(0,import_theming12.styled)(import_components8.Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",zIndex:-1,position:"absolute",top:1,right:20,height:"20px",fontSize:"10px",padding:"5px 10px","&:focus":{background:"white",zIndex:1}}})),Node2=import_react16.default.memo(function({item,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId}){var _a,_b,_c;let api=(0,import_manager_api4.useStorybookApi)();if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode;return import_react16.default.createElement(LeafNodeStyleWrapper,null,import_react16.default.createElement(LeafNode2,{key:id,id,className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-selected":isSelected,"data-highlightable":isDisplayed,depth:isOrphan?item.depth:item.depth-1,href:getLink(item,refId),onClick:event=>{event.preventDefault(),onSelectStoryId(item.id)},...item.type==="docs"&&{docsMode}},((_a=item.renderLabel)==null?void 0:_a.call(item,item))||item.name),isSelected&&import_react16.default.createElement(SkipToContentLink,{secondary:!0,outline:!0,isLink:!0,href:"#storybook-preview-wrapper"},"Skip to canvas"))}if(item.type==="root")return import_react16.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react16.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react16.default.createElement(CollapseIcon,{isExpanded}),((_b=item.renderLabel)==null?void 0:_b.call(item,item))||item.name),isExpanded&&import_react16.default.createElement(Action,{type:"button",className:"sidebar-subheading-action","aria-label":"expand","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},import_react16.default.createElement(import_components8.Icons,{icon:isFullyExpanded?"collapse":"expandalt"})));let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react16.default.createElement(BranchNode2,{key:id,id,className:"sidebar-item","data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="component"?"component":"group","data-highlightable":isDisplayed,"aria-controls":item.children&&item.children[0],"aria-expanded":isExpanded,depth:isOrphan?item.depth:item.depth-1,isComponent:item.type==="component",isExpandable:item.children&&item.children.length>0,isExpanded,onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded}),item.type==="component"&&!isExpanded&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.isComponent&&api.emit(import_core_events2.PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},((_c=item.renderLabel)==null?void 0:_c.call(item,item))||item.name)}),Root2=import_react16.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react16.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react16.default.createElement(Node2,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Container=import_theming12.styled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Tree=import_react16.default.memo(function({isBrowsing,isMain,refId,data,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react16.useRef)(null),[rootIds,orphanIds,initialExpanded]=(0,import_react16.useMemo)(()=>Object.keys(data).reduce((acc,id)=>{let item=data[id];return item.type==="root"?acc[0].push(id):item.parent||acc[1].push(id),item.type==="root"&&item.startCollapsed&&(acc[2][id]=!1),acc},[[],[],{}]),[data]),{expandableDescendants}=(0,import_react16.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d3=>!["story","docs"].includes(data[d3].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react16.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name:name2}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name2):!1}),[data]),collapsedItems=(0,import_react16.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react16.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name:name2}=data[id],[childId]=children;if(parent){let siblings=[...data[parent].children];siblings[siblings.indexOf(id)]=childId,acc[parent]={...data[parent],children:siblings}}return acc[childId]={...data[childId],name:name2,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react16.useMemo)(()=>collapsedItems.reduce((acc,id)=>Object.assign(acc,{[id]:getAncestorIds(collapsedData,id)}),{}),[collapsedItems,collapsedData]),[expanded,setExpanded]=useExpanded({containerRef,isBrowsing,refId,data:collapsedData,initialExpanded,rootIds,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId});return import_react16.default.createElement(Container,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d3=>expanded[d3]);return import_react16.default.createElement(Root2,{key:id,item,refId,isOrphan:!1,isDisplayed:!0,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,isFullyExpanded,expandableDescendants:descendants,onSelectStoryId})}let isDisplayed=!item.parent||ancestry[itemId].every(a3=>expanded[a3]);return import_react16.default.createElement(Node2,{key:id,item,refId,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}))});var Wrapper=import_theming13.styled.div(({isMain})=>({position:"relative",marginLeft:-20,marginRight:-20,marginTop:isMain?void 0:0})),RefHead=import_theming13.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$1(.2,theme.color.defaultText)})),RefTitle=import_theming13.styled.span(({theme})=>({display:"block",textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2})),CollapseButton2=import_theming13.styled.button(({theme})=>({background:"transparent",border:"1px solid transparent",borderRadius:26,outline:"none",boxSizing:"content-box",cursor:"pointer",position:"relative",textAlign:"left",lineHeight:"normal",font:"inherit",color:"inherit",display:"flex",padding:3,paddingLeft:1,paddingRight:12,margin:0,marginLeft:-20,overflow:"hidden","span:first-of-type":{marginTop:5},"&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react17.default.memo(function(props){let{docsOptions}=(0,import_manager_api5.useStorybookState)(),api=(0,import_manager_api5.useStorybookApi)(),{index,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length2=(0,import_react17.useMemo)(()=>index?Object.keys(index).length:0,[index]),indicatorRef=(0,import_react17.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length2===0,!!indexError,!isLoading&&length2===0),[isExpanded,setExpanded]=(0,import_react17.useState)(expanded),handleClick=(0,import_react17.useCallback)(()=>setExpanded(value2=>!value2),[setExpanded]),setHighlightedItemId=(0,import_react17.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react17.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react17.default.createElement(import_react17.default.Fragment,null,isMain||import_react17.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react17.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react17.default.createElement(CollapseIcon,{isExpanded}),import_react17.default.createElement(RefTitle,{title},title)),import_react17.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react17.default.createElement(Wrapper,{"data-title":title,isMain},state==="auth"&&import_react17.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react17.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react17.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react17.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react17.default.createElement(Tree,{isBrowsing,isMain,refId,data:index,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react18=__toESM(require_react()),import_manager_api6=__toESM(require_dist9()),import_core_events3=__toESM(require_dist4());var{document:document5,window:globalWindow4}=scope,fromSelection=selection=>selection?{itemId:selection.storyId,refId:selection.refId}:null,useHighlighted=({containerRef,isLoading,isBrowsing,dataset,selected})=>{let initialHighlight=fromSelection(selected),highlightedRef=(0,import_react18.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react18.useState)(initialHighlight),api=(0,import_manager_api6.useStorybookApi)(),updateHighlighted=(0,import_react18.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react18.useCallback)((element,center=!1)=>{let itemId=element.getAttribute("data-item-id"),refId=element.getAttribute("data-ref-id");!itemId||!refId||(updateHighlighted({itemId,refId}),scrollIntoView(element,center))},[updateHighlighted]);return(0,import_react18.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{var _a;scrollIntoView((_a=containerRef.current)==null?void 0:_a.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react18.useEffect)(()=>{let menuElement=document5.getElementById("storybook-explorer-menu"),lastRequestId,navigateTree=event=>{if(isLoading||!isBrowsing||!containerRef.current||!matchesModifiers(!1,event))return;let isArrowUp=matchesKeyCode("ArrowUp",event),isArrowDown=matchesKeyCode("ArrowDown",event);if(!(isArrowUp||isArrowDown))return;let requestId=globalWindow4.requestAnimationFrame(()=>{globalWindow4.cancelAnimationFrame(lastRequestId),lastRequestId=requestId;let target=event.target;if(!isAncestor(menuElement,target)&&!isAncestor(target,menuElement))return;target.hasAttribute("data-action")&&target.blur();let highlightable=Array.from(containerRef.current.querySelectorAll("[data-highlightable=true]")),currentIndex=highlightable.findIndex(el=>{var _a,_b;return el.getAttribute("data-item-id")===((_a=highlightedRef.current)==null?void 0:_a.itemId)&&el.getAttribute("data-ref-id")===((_b=highlightedRef.current)==null?void 0:_b.refId)}),nextIndex=cycle(highlightable,currentIndex,isArrowUp?-1:1),didRunAround=isArrowUp?nextIndex===highlightable.length-1:nextIndex===0;if(highlightElement(highlightable[nextIndex],didRunAround),highlightable[nextIndex].getAttribute("data-nodetype")==="component"){let{itemId,refId}=highlightedRef.current,item=api.getData(itemId,refId==="storybook_internal"?void 0:refId);item.isComponent&&api.emit(import_core_events3.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})}})};return document5.addEventListener("keydown",navigateTree),()=>document5.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react19=__toESM(require_react()),import_theming14=__toESM(require_dist10()),HighlightStyles=({refId,itemId})=>import_react19.default.createElement(import_theming14.Global,{styles:({color})=>{let background=curriedTransparentize$1(.85,color.secondary);return{[`[data-ref-id="${refId}"][data-item-id="${itemId}"]:not([data-selected="true"])`]:{['&[data-nodetype="component"], &[data-nodetype="group"]']:{background,"&:hover, &:focus":{background}},['&[data-nodetype="story"], &[data-nodetype="document"]']:{color:color.defaultText,background,"&:hover, &:focus":{background}}}}}});var Explorer=import_react20.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react20.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react20.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted==null?void 0:highlighted.refId,"data-highlighted-item-id":highlighted==null?void 0:highlighted.itemId},highlighted&&import_react20.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react20.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:(selected==null?void 0:selected.refId)===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_manager_api7=__toESM(require_dist9()),import_theming15=__toESM(require_dist10()),import_components9=__toESM(require_dist11());var import_prop_types2=__toESM(require_prop_types()),import_react21=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t2(t4){return typeof t4=="object"&&t4!=null&&t4.nodeType===1}function e2(t4,e4){return(!e4||t4!=="hidden")&&t4!=="visible"&&t4!=="clip"}function n2(t4,n4){if(t4.clientHeight<t4.scrollHeight||t4.clientWidth<t4.scrollWidth){var r5=getComputedStyle(t4,null);return e2(r5.overflowY,n4)||e2(r5.overflowX,n4)||function(t5){var e4=function(t6){if(!t6.ownerDocument||!t6.ownerDocument.defaultView)return null;try{return t6.ownerDocument.defaultView.frameElement}catch{return null}}(t5);return!!e4&&(e4.clientHeight<t5.scrollHeight||e4.clientWidth<t5.scrollWidth)}(t4)}return!1}function r3(t4,e4,n4,r5,i4,o3,l3,d3){return o3<t4&&l3>e4||o3>t4&&l3<e4?0:o3<=t4&&d3<=n4||l3>=e4&&d3>=n4?o3-t4-r5:l3>e4&&d3<n4||o3<t4&&d3>n4?l3-e4+i4:0}var i2=function(e4,i4){var o3=window,l3=i4.scrollMode,d3=i4.block,f4=i4.inline,h3=i4.boundary,u3=i4.skipOverflowHiddenElements,s3=typeof h3=="function"?h3:function(t4){return t4!==h3};if(!t2(e4))throw new TypeError("Invalid target");for(var a3,c3,g3=document.scrollingElement||document.documentElement,p3=[],m3=e4;t2(m3)&&s3(m3);){if((m3=(c3=(a3=m3).parentElement)==null?a3.getRootNode().host||null:c3)===g3){p3.push(m3);break}m3!=null&&m3===document.body&&n2(m3)&&!n2(document.documentElement)||m3!=null&&n2(m3,u3)&&p3.push(m3)}for(var w3=o3.visualViewport?o3.visualViewport.width:innerWidth,v3=o3.visualViewport?o3.visualViewport.height:innerHeight,W3=window.scrollX||pageXOffset,H3=window.scrollY||pageYOffset,b3=e4.getBoundingClientRect(),y3=b3.height,E3=b3.width,M3=b3.top,V2=b3.right,x3=b3.bottom,I3=b3.left,C3=d3==="start"||d3==="nearest"?M3:d3==="end"?x3:M3+y3/2,R3=f4==="center"?I3+E3/2:f4==="end"?V2:I3,T3=[],k3=0;k3<p3.length;k3++){var B3=p3[k3],D3=B3.getBoundingClientRect(),O3=D3.height,X2=D3.width,Y3=D3.top,L3=D3.right,S3=D3.bottom,j3=D3.left;if(l3==="if-needed"&&M3>=0&&I3>=0&&x3<=v3&&V2<=w3&&M3>=Y3&&x3<=S3&&I3>=j3&&V2<=L3)return T3;var N3=getComputedStyle(B3),q3=parseInt(N3.borderLeftWidth,10),z3=parseInt(N3.borderTopWidth,10),A3=parseInt(N3.borderRightWidth,10),F3=parseInt(N3.borderBottomWidth,10),G3=0,J2=0,K3="offsetWidth"in B3?B3.offsetWidth-B3.clientWidth-q3-A3:0,P3="offsetHeight"in B3?B3.offsetHeight-B3.clientHeight-z3-F3:0,Q2="offsetWidth"in B3?B3.offsetWidth===0?0:X2/B3.offsetWidth:0,U3="offsetHeight"in B3?B3.offsetHeight===0?0:O3/B3.offsetHeight:0;if(g3===B3)G3=d3==="start"?C3:d3==="end"?C3-v3:d3==="nearest"?r3(H3,H3+v3,v3,z3,F3,H3+C3,H3+C3+y3,y3):C3-v3/2,J2=f4==="start"?R3:f4==="center"?R3-w3/2:f4==="end"?R3-w3:r3(W3,W3+w3,w3,q3,A3,W3+R3,W3+R3+E3,E3),G3=Math.max(0,G3+H3),J2=Math.max(0,J2+W3);else{G3=d3==="start"?C3-Y3-z3:d3==="end"?C3-S3+F3+P3:d3==="nearest"?r3(Y3,S3,O3,z3,F3+P3,C3,C3+y3,y3):C3-(Y3+O3/2)+P3/2,J2=f4==="start"?R3-j3-q3:f4==="center"?R3-(j3+X2/2)+K3/2:f4==="end"?R3-L3+A3+K3:r3(j3,L3,X2,q3,A3+K3,R3,R3+E3,E3);var Z2=B3.scrollLeft,$2=B3.scrollTop;C3+=$2-(G3=Math.max(0,Math.min($2+G3/U3,B3.scrollHeight-O3/U3+P3))),R3+=Z2-(J2=Math.max(0,Math.min(Z2+J2/Q2,B3.scrollWidth-X2/Q2+K3)))}T3.push({el:B3,top:G3,left:J2})}return T3};var __assign2=function(){return __assign2=Object.assign||function(t4){for(var s3,i4=1,n4=arguments.length;i4<n4;i4++){s3=arguments[i4];for(var p3 in s3)Object.prototype.hasOwnProperty.call(s3,p3)&&(t4[p3]=s3[p3])}return t4},__assign2.apply(this,arguments)};var idCounter=0;function cbToCb(cb){return typeof cb=="function"?cb:noop2}function noop2(){}function scrollIntoView2(node,menuNode){if(!node)return;i2(node,{boundary:menuNode,block:"nearest",scrollMode:"if-needed"}).forEach(_ref=>{let{el,top,left}=_ref;el.scrollTop=top,el.scrollLeft=left})}function isOrContainsNode(parent,child,environment){return parent===child||child instanceof environment.Node&&parent.contains&&parent.contains(child)}function debounce3(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args2=new Array(_len),_key=0;_key<_len;_key++)args2[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args2)},time)}return wrapper.cancel=cancel,wrapper}function callAllEventHandlers(){for(var _len2=arguments.length,fns=new Array(_len2),_key2=0;_key2<_len2;_key2++)fns[_key2]=arguments[_key2];return function(event){for(var _len3=arguments.length,args2=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args2[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args2),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs2=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs2[_key4]=arguments[_key4];return node=>{refs2.forEach(ref=>{typeof ref=="function"?ref(node):ref&&(ref.current=node)})}}function generateId(){return String(idCounter++)}function getA11yStatusMessage$1(_ref2){let{isOpen,resultCount,previousResultCount}=_ref2;return isOpen?resultCount?resultCount!==previousResultCount?`${resultCount} result${resultCount===1?" is":"s are"} available, use up and down arrow keys to navigate. Press Enter key to select.`:"":"No results are available.":""}function unwrapArray(arg,defaultValue){return arg=Array.isArray(arg)?arg[0]:arg,!arg&&defaultValue?defaultValue:arg}function isDOMElement2(element){return typeof element.type=="string"}function getElementProps(element){return element.props}function requiredProp(fnName,propName){console.error(`The property "${propName}" is required in "${fnName}"`)}var stateKeys=["highlightedIndex","inputValue","isOpen","selectedItem","type"];function pickState(state){state===void 0&&(state={});let result2={};return stateKeys.forEach(k3=>{state.hasOwnProperty(k3)&&(result2[k3]=state[k3])}),result2}function getState(state,props){return Object.keys(state).reduce((prevState,key2)=>(prevState[key2]=isControlledProp(props,key2)?props[key2]:state[key2],prevState),{})}function isControlledProp(props,key2){return props[key2]!==void 0}function normalizeArrowKey(event){let{key:key2,keyCode}=event;return keyCode>=37&&keyCode<=40&&key2.indexOf("Arrow")!==0?`Arrow${key2}`:key2}function isPlainObject(obj){return Object.prototype.toString.call(obj)==="[object Object]"}function getNextWrappingIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){if(circular===void 0&&(circular=!0),itemCount===0)return-1;let itemsLastIndex=itemCount-1;(typeof baseIndex!="number"||baseIndex<0||baseIndex>=itemCount)&&(baseIndex=moveAmount>0?-1:itemsLastIndex+1);let newIndex=baseIndex+moveAmount;newIndex<0?newIndex=circular?itemsLastIndex:0:newIndex>itemsLastIndex&&(newIndex=circular?0:itemsLastIndex);let nonDisabledNewIndex=getNextNonDisabledIndex(moveAmount,newIndex,itemCount,getItemNodeFromIndex,circular);return nonDisabledNewIndex===-1?baseIndex>=itemCount?-1:baseIndex:nonDisabledNewIndex}function getNextNonDisabledIndex(moveAmount,baseIndex,itemCount,getItemNodeFromIndex,circular){let currentElementNode=getItemNodeFromIndex(baseIndex);if(!currentElementNode||!currentElementNode.hasAttribute("disabled"))return baseIndex;if(moveAmount>0){for(let index=baseIndex+1;index<itemCount;index++)if(!getItemNodeFromIndex(index).hasAttribute("disabled"))return index}else for(let index=baseIndex-1;index>=0;index--)if(!getItemNodeFromIndex(index).hasAttribute("disabled"))return index;return circular?moveAmount>0?getNextNonDisabledIndex(1,0,itemCount,getItemNodeFromIndex,!1):getNextNonDisabledIndex(-1,itemCount-1,itemCount,getItemNodeFromIndex,!1):-1}function targetWithinDownshift(target,downshiftElements,environment,checkActiveElement){return checkActiveElement===void 0&&(checkActiveElement=!0),downshiftElements.some(contextNode=>contextNode&&(isOrContainsNode(contextNode,target,environment)||checkActiveElement&&isOrContainsNode(contextNode,environment.document.activeElement,environment)))}var validateControlledUnchanged=noop2;process.env.NODE_ENV!=="production"&&(validateControlledUnchanged=(state,prevProps,nextProps)=>{let warningDescription="This prop should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled Downshift element for the lifetime of the component. More info: https://github.com/downshift-js/downshift#control-props";Object.keys(state).forEach(propKey=>{prevProps[propKey]!==void 0&&nextProps[propKey]===void 0?console.error(`downshift: A component has changed the controlled prop "${propKey}" to be uncontrolled. ${warningDescription}`):prevProps[propKey]===void 0&&nextProps[propKey]!==void 0&&console.error(`downshift: A component has changed the uncontrolled prop "${propKey}" to be controlled. ${warningDescription}`)})});var cleanupStatus=debounce3(documentProp=>{getStatusDiv(documentProp).textContent=""},500);function setStatus(status,documentProp){let div=getStatusDiv(documentProp);status&&(div.textContent=status,cleanupStatus(documentProp))}function getStatusDiv(documentProp){documentProp===void 0&&(documentProp=document);let statusDiv=documentProp.getElementById("a11y-status-message");return statusDiv||(statusDiv=documentProp.createElement("div"),statusDiv.setAttribute("id","a11y-status-message"),statusDiv.setAttribute("role","status"),statusDiv.setAttribute("aria-live","polite"),statusDiv.setAttribute("aria-relevant","additions text"),Object.assign(statusDiv.style,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px"}),documentProp.body.appendChild(statusDiv),statusDiv)}var unknown=process.env.NODE_ENV!=="production"?"__autocomplete_unknown__":0,mouseUp=process.env.NODE_ENV!=="production"?"__autocomplete_mouseup__":1,itemMouseEnter=process.env.NODE_ENV!=="production"?"__autocomplete_item_mouseenter__":2,keyDownArrowUp=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_arrow_up__":3,keyDownArrowDown=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_arrow_down__":4,keyDownEscape=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_escape__":5,keyDownEnter=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_enter__":6,keyDownHome=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_home__":7,keyDownEnd=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_end__":8,clickItem=process.env.NODE_ENV!=="production"?"__autocomplete_click_item__":9,blurInput=process.env.NODE_ENV!=="production"?"__autocomplete_blur_input__":10,changeInput=process.env.NODE_ENV!=="production"?"__autocomplete_change_input__":11,keyDownSpaceButton=process.env.NODE_ENV!=="production"?"__autocomplete_keydown_space_button__":12,clickButton=process.env.NODE_ENV!=="production"?"__autocomplete_click_button__":13,blurButton=process.env.NODE_ENV!=="production"?"__autocomplete_blur_button__":14,controlledPropUpdatedSelectedItem=process.env.NODE_ENV!=="production"?"__autocomplete_controlled_prop_updated_selected_item__":15,touchEnd=process.env.NODE_ENV!=="production"?"__autocomplete_touchend__":16,stateChangeTypes$3=Object.freeze({__proto__:null,unknown,mouseUp,itemMouseEnter,keyDownArrowUp,keyDownArrowDown,keyDownEscape,keyDownEnter,keyDownHome,keyDownEnd,clickItem,blurInput,changeInput,keyDownSpaceButton,clickButton,blurButton,controlledPropUpdatedSelectedItem,touchEnd}),Downshift=(()=>{class Downshift2 extends import_react21.Component{constructor(_props){var _this;super(_props),_this=this,this.id=this.props.id||`downshift-${generateId()}`,this.menuId=this.props.menuId||`${this.id}-menu`,this.labelId=this.props.labelId||`${this.id}-label`,this.inputId=this.props.inputId||`${this.id}-input`,this.getItemId=this.props.getItemId||(index=>`${this.id}-item-${index}`),this.input=null,this.items=[],this.itemCount=null,this.previousResultCount=0,this.timeoutIds=[],this.internalSetTimeout=(fn,time)=>{let id=setTimeout(()=>{this.timeoutIds=this.timeoutIds.filter(i4=>i4!==id),fn()},time);this.timeoutIds.push(id)},this.setItemCount=count=>{this.itemCount=count},this.unsetItemCount=()=>{this.itemCount=null},this.setHighlightedIndex=function(highlightedIndex,otherStateToSet){highlightedIndex===void 0&&(highlightedIndex=_this.props.defaultHighlightedIndex),otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState({highlightedIndex,...otherStateToSet})},this.clearSelection=cb=>{this.internalSetState({selectedItem:null,inputValue:"",highlightedIndex:this.props.defaultHighlightedIndex,isOpen:this.props.defaultIsOpen},cb)},this.selectItem=(item,otherStateToSet,cb)=>{otherStateToSet=pickState(otherStateToSet),this.internalSetState({isOpen:this.props.defaultIsOpen,highlightedIndex:this.props.defaultHighlightedIndex,selectedItem:item,inputValue:this.props.itemToString(item),...otherStateToSet},cb)},this.selectItemAtIndex=(itemIndex,otherStateToSet,cb)=>{let item=this.items[itemIndex];item!=null&&this.selectItem(item,otherStateToSet,cb)},this.selectHighlightedItem=(otherStateToSet,cb)=>this.selectItemAtIndex(this.getState().highlightedIndex,otherStateToSet,cb),this.internalSetState=(stateToSet,cb)=>{let isItemSelected,onChangeArg,onStateChangeArg={},isStateToSetFunction=typeof stateToSet=="function";return!isStateToSetFunction&&stateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(stateToSet.inputValue,{...this.getStateAndHelpers(),...stateToSet}),this.setState(state=>{state=this.getState(state);let newStateToSet=isStateToSetFunction?stateToSet(state):stateToSet;newStateToSet=this.props.stateReducer(state,newStateToSet),isItemSelected=newStateToSet.hasOwnProperty("selectedItem");let nextState={};return isItemSelected&&newStateToSet.selectedItem!==state.selectedItem&&(onChangeArg=newStateToSet.selectedItem),newStateToSet.type=newStateToSet.type||unknown,Object.keys(newStateToSet).forEach(key2=>{state[key2]!==newStateToSet[key2]&&(onStateChangeArg[key2]=newStateToSet[key2]),key2!=="type"&&(newStateToSet[key2],isControlledProp(this.props,key2)||(nextState[key2]=newStateToSet[key2]))}),isStateToSetFunction&&newStateToSet.hasOwnProperty("inputValue")&&this.props.onInputValueChange(newStateToSet.inputValue,{...this.getStateAndHelpers(),...newStateToSet}),nextState},()=>{cbToCb(cb)(),Object.keys(onStateChangeArg).length>1&&this.props.onStateChange(onStateChangeArg,this.getStateAndHelpers()),isItemSelected&&this.props.onSelect(stateToSet.selectedItem,this.getStateAndHelpers()),onChangeArg!==void 0&&this.props.onChange(onChangeArg,this.getStateAndHelpers()),this.props.onUserAction(onStateChangeArg,this.getStateAndHelpers())})},this.rootRef=node=>this._rootNode=node,this.getRootProps=function(_temp,_temp2){let{refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;_this.getRootProps.called=!0,_this.getRootProps.refKey=refKey,_this.getRootProps.suppressRefError=suppressRefError;let{isOpen}=_this.getState();return{[refKey]:handleRefs(ref,_this.rootRef),role:"combobox","aria-expanded":isOpen,"aria-haspopup":"listbox","aria-owns":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,...rest}},this.keyDownHandlers={ArrowDown(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?5:1;this.moveHighlightedIndex(amount,{type:keyDownArrowDown})}else this.internalSetState({isOpen:!0,type:keyDownArrowDown},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(1,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowDown})}})},ArrowUp(event){if(event.preventDefault(),this.getState().isOpen){let amount=event.shiftKey?-5:-1;this.moveHighlightedIndex(amount,{type:keyDownArrowUp})}else this.internalSetState({isOpen:!0,type:keyDownArrowUp},()=>{let itemCount=this.getItemCount();if(itemCount>0){let{highlightedIndex}=this.getState(),nextHighlightedIndex=getNextWrappingIndex(-1,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,{type:keyDownArrowUp})}})},Enter(event){if(event.which===229)return;let{isOpen,highlightedIndex}=this.getState();if(isOpen&&highlightedIndex!=null){event.preventDefault();let item=this.items[highlightedIndex],itemNode=this.getItemNodeFromIndex(highlightedIndex);if(item==null||itemNode&&itemNode.hasAttribute("disabled"))return;this.selectHighlightedItem({type:keyDownEnter})}},Escape(event){event.preventDefault(),this.reset({type:keyDownEscape,...!this.state.isOpen&&{selectedItem:null,inputValue:""}})}},this.buttonKeyDownHandlers={...this.keyDownHandlers," "(event){event.preventDefault(),this.toggleMenu({type:keyDownSpaceButton})}},this.inputKeyDownHandlers={...this.keyDownHandlers,Home(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(1,0,itemCount,index=>this.getItemNodeFromIndex(index),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownHome})},End(event){let{isOpen}=this.getState();if(!isOpen)return;event.preventDefault();let itemCount=this.getItemCount();if(itemCount<=0||!isOpen)return;let newHighlightedIndex=getNextNonDisabledIndex(-1,itemCount-1,itemCount,index=>this.getItemNodeFromIndex(index),!1);this.setHighlightedIndex(newHighlightedIndex,{type:keyDownEnd})}},this.getToggleButtonProps=function(_temp3){let{onClick,onPress,onKeyDown,onKeyUp,onBlur,...rest}=_temp3===void 0?{}:_temp3,{isOpen}=_this.getState(),enabledEventHandlers={onClick:callAllEventHandlers(onClick,_this.buttonHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,_this.buttonHandleKeyDown),onKeyUp:callAllEventHandlers(onKeyUp,_this.buttonHandleKeyUp),onBlur:callAllEventHandlers(onBlur,_this.buttonHandleBlur)},eventHandlers=rest.disabled?{}:enabledEventHandlers;return{type:"button",role:"button","aria-label":isOpen?"close menu":"open menu","aria-haspopup":!0,"data-toggle":!0,...eventHandlers,...rest}},this.buttonHandleKeyUp=event=>{event.preventDefault()},this.buttonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);this.buttonKeyDownHandlers[key2]&&this.buttonKeyDownHandlers[key2].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),process.env.NODE_ENV==="test"?this.toggleMenu({type:clickButton}):this.internalSetTimeout(()=>this.toggleMenu({type:clickButton}))},this.buttonHandleBlur=event=>{let blurTarget=event.target;this.internalSetTimeout(()=>{!this.isMouseDown&&(this.props.environment.document.activeElement==null||this.props.environment.document.activeElement.id!==this.inputId)&&this.props.environment.document.activeElement!==blurTarget&&this.reset({type:blurButton})})},this.getLabelProps=props=>({htmlFor:this.inputId,id:this.labelId,...props}),this.getInputProps=function(_temp4){let{onKeyDown,onBlur,onChange,onInput,onChangeText,...rest}=_temp4===void 0?{}:_temp4,onChangeKey,eventHandlers={};onChangeKey="onChange";let{inputValue,isOpen,highlightedIndex}=_this.getState();return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,_this.inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,_this.inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,_this.inputHandleBlur)}),{"aria-autocomplete":"list","aria-activedescendant":isOpen&&typeof highlightedIndex=="number"&&highlightedIndex>=0?_this.getItemId(highlightedIndex):null,"aria-controls":isOpen?_this.menuId:null,"aria-labelledby":_this.labelId,autoComplete:"off",value:inputValue,id:_this.inputId,...eventHandlers,...rest}},this.inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&this.inputKeyDownHandlers[key2]&&this.inputKeyDownHandlers[key2].call(this,event)},this.inputHandleChange=event=>{this.internalSetState({type:changeInput,isOpen:!0,inputValue:event.target.value,highlightedIndex:this.props.defaultHighlightedIndex})},this.inputHandleBlur=()=>{this.internalSetTimeout(()=>{let downshiftButtonIsActive=this.props.environment.document&&!!this.props.environment.document.activeElement&&!!this.props.environment.document.activeElement.dataset&&this.props.environment.document.activeElement.dataset.toggle&&this._rootNode&&this._rootNode.contains(this.props.environment.document.activeElement);!this.isMouseDown&&!downshiftButtonIsActive&&this.reset({type:blurInput})})},this.menuRef=node=>{this._menuNode=node},this.getMenuProps=function(_temp5,_temp6){let{refKey="ref",ref,...props}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;return _this.getMenuProps.called=!0,_this.getMenuProps.refKey=refKey,_this.getMenuProps.suppressRefError=suppressRefError,{[refKey]:handleRefs(ref,_this.menuRef),role:"listbox","aria-labelledby":props&&props["aria-label"]?null:_this.labelId,id:_this.menuId,...props}},this.getItemProps=function(_temp7){let{onMouseMove,onMouseDown,onClick,onPress,index,item=process.env.NODE_ENV==="production"?void 0:requiredProp("getItemProps","item"),...rest}=_temp7===void 0?{}:_temp7;index===void 0?(_this.items.push(item),index=_this.items.indexOf(item)):_this.items[index]=item;let onSelectKey="onClick",customClickHandler=onClick,enabledEventHandlers={onMouseMove:callAllEventHandlers(onMouseMove,()=>{index!==_this.getState().highlightedIndex&&(_this.setHighlightedIndex(index,{type:itemMouseEnter}),_this.avoidScrolling=!0,_this.internalSetTimeout(()=>_this.avoidScrolling=!1,250))}),onMouseDown:callAllEventHandlers(onMouseDown,event=>{event.preventDefault()}),[onSelectKey]:callAllEventHandlers(customClickHandler,()=>{_this.selectItemAtIndex(index,{type:clickItem})})},eventHandlers=rest.disabled?{onMouseDown:enabledEventHandlers.onMouseDown}:enabledEventHandlers;return{id:_this.getItemId(index),role:"option","aria-selected":_this.getState().highlightedIndex===index,...eventHandlers,...rest}},this.clearItems=()=>{this.items=[]},this.reset=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref=>{let{selectedItem}=_ref;return{isOpen:_this.props.defaultIsOpen,highlightedIndex:_this.props.defaultHighlightedIndex,inputValue:_this.props.itemToString(selectedItem),...otherStateToSet}},cb)},this.toggleMenu=function(otherStateToSet,cb){otherStateToSet===void 0&&(otherStateToSet={}),otherStateToSet=pickState(otherStateToSet),_this.internalSetState(_ref2=>{let{isOpen}=_ref2;return{isOpen:!isOpen,...isOpen&&{highlightedIndex:_this.props.defaultHighlightedIndex},...otherStateToSet}},()=>{let{isOpen,highlightedIndex}=_this.getState();isOpen&&_this.getItemCount()>0&&typeof highlightedIndex=="number"&&_this.setHighlightedIndex(highlightedIndex,otherStateToSet),cbToCb(cb)()})},this.openMenu=cb=>{this.internalSetState({isOpen:!0},cb)},this.closeMenu=cb=>{this.internalSetState({isOpen:!1},cb)},this.updateStatus=debounce3(()=>{let state=this.getState(),item=this.items[state.highlightedIndex],resultCount=this.getItemCount(),status=this.props.getA11yStatusMessage({itemToString:this.props.itemToString,previousResultCount:this.previousResultCount,resultCount,highlightedItem:item,...state});this.previousResultCount=resultCount,setStatus(status,this.props.environment.document)},200);let{defaultHighlightedIndex,initialHighlightedIndex:_highlightedIndex=defaultHighlightedIndex,defaultIsOpen,initialIsOpen:_isOpen=defaultIsOpen,initialInputValue:_inputValue="",initialSelectedItem:_selectedItem=null}=this.props,_state=this.getState({highlightedIndex:_highlightedIndex,isOpen:_isOpen,inputValue:_inputValue,selectedItem:_selectedItem});_state.selectedItem!=null&&this.props.initialInputValue===void 0&&(_state.inputValue=this.props.itemToString(_state.selectedItem)),this.state=_state}internalClearTimeouts(){this.timeoutIds.forEach(id=>{clearTimeout(id)}),this.timeoutIds=[]}getState(stateToMerge){return stateToMerge===void 0&&(stateToMerge=this.state),getState(stateToMerge,this.props)}getItemCount(){let itemCount=this.items.length;return this.itemCount!=null?itemCount=this.itemCount:this.props.itemCount!==void 0&&(itemCount=this.props.itemCount),itemCount}getItemNodeFromIndex(index){return this.props.environment.document.getElementById(this.getItemId(index))}scrollHighlightedItemIntoView(){{let node=this.getItemNodeFromIndex(this.getState().highlightedIndex);this.props.scrollIntoView(node,this._menuNode)}}moveHighlightedIndex(amount,otherStateToSet){let itemCount=this.getItemCount(),{highlightedIndex}=this.getState();if(itemCount>0){let nextHighlightedIndex=getNextWrappingIndex(amount,highlightedIndex,itemCount,index=>this.getItemNodeFromIndex(index));this.setHighlightedIndex(nextHighlightedIndex,otherStateToSet)}}getStateAndHelpers(){let{highlightedIndex,inputValue,selectedItem,isOpen}=this.getState(),{itemToString:itemToString2}=this.props,{id}=this,{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,reset,setItemCount,unsetItemCount,internalSetState:setState}=this;return{getRootProps,getToggleButtonProps,getLabelProps,getMenuProps,getInputProps,getItemProps,reset,openMenu,closeMenu,toggleMenu,selectItem,selectItemAtIndex,selectHighlightedItem,setHighlightedIndex,clearSelection,clearItems,setItemCount,unsetItemCount,setState,itemToString:itemToString2,id,highlightedIndex,inputValue,isOpen,selectedItem}}componentDidMount(){process.env.NODE_ENV!=="production"&&this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps);{let onMouseDown=()=>{this.isMouseDown=!0},onMouseUp=event=>{this.isMouseDown=!1,!targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment)&&this.getState().isOpen&&this.reset({type:mouseUp},()=>this.props.onOuterClick(this.getStateAndHelpers()))},onTouchStart=()=>{this.isTouchMove=!1},onTouchMove=()=>{this.isTouchMove=!0},onTouchEnd=event=>{let contextWithinDownshift=targetWithinDownshift(event.target,[this._rootNode,this._menuNode],this.props.environment,!1);!this.isTouchMove&&!contextWithinDownshift&&this.getState().isOpen&&this.reset({type:touchEnd},()=>this.props.onOuterClick(this.getStateAndHelpers()))},{environment}=this.props;environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),this.cleanup=()=>{this.internalClearTimeouts(),this.updateStatus.cancel(),environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}}}shouldScroll(prevState,prevProps){let{highlightedIndex:currentHighlightedIndex}=this.props.highlightedIndex===void 0?this.getState():this.props,{highlightedIndex:prevHighlightedIndex}=prevProps.highlightedIndex===void 0?prevState:prevProps;return currentHighlightedIndex&&this.getState().isOpen&&!prevState.isOpen||currentHighlightedIndex!==prevHighlightedIndex}componentDidUpdate(prevProps,prevState){process.env.NODE_ENV!=="production"&&(validateControlledUnchanged(this.state,prevProps,this.props),this.getMenuProps.called&&!this.getMenuProps.suppressRefError&&validateGetMenuPropsCalledCorrectly(this._menuNode,this.getMenuProps)),isControlledProp(this.props,"selectedItem")&&this.props.selectedItemChanged(prevProps.selectedItem,this.props.selectedItem)&&this.internalSetState({type:controlledPropUpdatedSelectedItem,inputValue:this.props.itemToString(this.props.selectedItem)}),!this.avoidScrolling&&this.shouldScroll(prevState,prevProps)&&this.scrollHighlightedItemIntoView(),this.updateStatus()}componentWillUnmount(){this.cleanup()}render(){let children=unwrapArray(this.props.children,noop2);this.clearItems(),this.getRootProps.called=!1,this.getRootProps.refKey=void 0,this.getRootProps.suppressRefError=void 0,this.getMenuProps.called=!1,this.getMenuProps.refKey=void 0,this.getMenuProps.suppressRefError=void 0,this.getLabelProps.called=!1,this.getInputProps.called=!1;let element=unwrapArray(children(this.getStateAndHelpers()));if(!element)return null;if(this.getRootProps.called||this.props.suppressRefError)return process.env.NODE_ENV!=="production"&&!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement2(element))return(0,import_react21.cloneElement)(element,this.getRootProps(getElementProps(element)));if(process.env.NODE_ENV!=="production")throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function")}}return Downshift2.defaultProps={defaultHighlightedIndex:null,defaultIsOpen:!1,getA11yStatusMessage:getA11yStatusMessage$1,itemToString:i4=>i4==null?"":(process.env.NODE_ENV!=="production"&&isPlainObject(i4)&&!i4.hasOwnProperty("toString")&&console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.","The object that was passed:",i4),String(i4)),onStateChange:noop2,onInputValueChange:noop2,onUserAction:noop2,onChange:noop2,onSelect:noop2,onOuterClick:noop2,selectedItemChanged:(prevItem,item)=>prevItem!==item,environment:typeof window>"u"?{}:window,stateReducer:(state,stateToSet)=>stateToSet,suppressRefError:!1,scrollIntoView:scrollIntoView2},Downshift2.stateChangeTypes=stateChangeTypes$3,Downshift2})();process.env.NODE_ENV!=="production"&&(Downshift.propTypes={children:import_prop_types2.default.func,defaultHighlightedIndex:import_prop_types2.default.number,defaultIsOpen:import_prop_types2.default.bool,initialHighlightedIndex:import_prop_types2.default.number,initialSelectedItem:import_prop_types2.default.any,initialInputValue:import_prop_types2.default.string,initialIsOpen:import_prop_types2.default.bool,getA11yStatusMessage:import_prop_types2.default.func,itemToString:import_prop_types2.default.func,onChange:import_prop_types2.default.func,onSelect:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,onUserAction:import_prop_types2.default.func,onOuterClick:import_prop_types2.default.func,selectedItemChanged:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,itemCount:import_prop_types2.default.number,id:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})}),suppressRefError:import_prop_types2.default.bool,scrollIntoView:import_prop_types2.default.func,selectedItem:import_prop_types2.default.any,isOpen:import_prop_types2.default.bool,inputValue:import_prop_types2.default.string,highlightedIndex:import_prop_types2.default.number,labelId:import_prop_types2.default.string,inputId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func});var Downshift$1=Downshift;function validateGetMenuPropsCalledCorrectly(node,_ref3){let{refKey}=_ref3;node||console.error(`downshift: The ref prop "${refKey}" from getMenuProps was not applied correctly on your menu element.`)}function validateGetRootPropsCalledCorrectly(element,_ref4){let{refKey}=_ref4,refKeySpecified=refKey!=="ref",isComposite=!isDOMElement2(element);isComposite&&!refKeySpecified&&!(0,import_react_is.isForwardRef)(element)?console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps"):!isComposite&&refKeySpecified&&console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${refKey}"`),!(0,import_react_is.isForwardRef)(element)&&!getElementProps(element)[refKey]&&console.error(`downshift: You must apply the ref prop "${refKey}" from getRootProps onto your root element.`)}var dropdownDefaultStateValues={highlightedIndex:-1,isOpen:!1,selectedItem:null,inputValue:""};function callOnChangeProps(action,state,newState){let{props,type}=action,changes={};Object.keys(state).forEach(key2=>{invokeOnChangeHandler(key2,action,state,newState),newState[key2]!==state[key2]&&(changes[key2]=newState[key2])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key2,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key2)}Change`;props[handler]&&newState[key2]!==void 0&&newState[key2]!==state[key2]&&props[handler]({type,...newState})}function stateReducer(s3,a3){return a3.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce3((getA11yMessage,document10)=>{setStatus(getA11yMessage(),document10)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react21.useLayoutEffect:import_react21.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react21.useRef)({labelId:labelId||`${id}-label`,menuId:menuId||`${id}-menu`,getItemId:getItemId||(index=>`${id}-item-${index}`),toggleButtonId:toggleButtonId||`${id}-toggle-button`,inputId:inputId||`${id}-input`}).current}function getItemIndex(index,item,items){return index!==void 0?index:items.length===0?-1:items.indexOf(item)}function itemToString(item){return item?String(item):""}function isAcceptedCharacterKey(key2){return/^\S{1}$/.test(key2)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef(val){let ref=(0,import_react21.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react21.useRef)(),actionRef=(0,import_react21.useRef)(),enhancedReducer=(0,import_react21.useCallback)((state2,action2)=>{actionRef.current=action2,state2=getState(state2,action2.props);let changes=reducer(state2,action2);return action2.props.stateReducer(state2,{...action2,changes})},[reducer]),[state,dispatch]=(0,import_react21.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef(props),dispatchWithProps=(0,import_react21.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react21.useEffect)(()=>{action&&prevStateRef.current&&prevStateRef.current!==state&&callOnChangeProps(action,getState(prevStateRef.current,action.props),state),prevStateRef.current=state},[state,props,action]),[state,dispatchWithProps]}function useControlledReducer$1(reducer,initialState,props){let[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return[getState(state,props),dispatch]}var defaultProps$3={itemToString,stateReducer,getA11ySelectionMessage,scrollIntoView:scrollIntoView2,circularNavigation:!1,environment:typeof window>"u"?{}:window};function getDefaultValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let defaultValue=props[`default${capitalizeString(propKey)}`];return defaultValue!==void 0?defaultValue:defaultStateValues2[propKey]}function getInitialValue$1(props,propKey,defaultStateValues2){defaultStateValues2===void 0&&(defaultStateValues2=dropdownDefaultStateValues);let value2=props[propKey];if(value2!==void 0)return value2;let initialValue=props[`initial${capitalizeString(propKey)}`];return initialValue!==void 0?initialValue:getDefaultValue$1(props,propKey,defaultStateValues2)}function getInitialState$2(props){let selectedItem=getInitialValue$1(props,"selectedItem"),isOpen=getInitialValue$1(props,"isOpen"),highlightedIndex=getInitialValue$1(props,"highlightedIndex"),inputValue=getInitialValue$1(props,"inputValue");return{highlightedIndex:highlightedIndex<0&&selectedItem&&isOpen?props.items.indexOf(selectedItem):highlightedIndex,isOpen,selectedItem,inputValue}}function getHighlightedIndexOnOpen(props,state,offset,getItemNodeFromIndex){let{items,initialHighlightedIndex,defaultHighlightedIndex}=props,{selectedItem,highlightedIndex}=state;return items.length===0?-1:initialHighlightedIndex!==void 0&&highlightedIndex===initialHighlightedIndex?initialHighlightedIndex:defaultHighlightedIndex!==void 0?defaultHighlightedIndex:selectedItem?offset===0?items.indexOf(selectedItem):getNextWrappingIndex(offset,items.indexOf(selectedItem),items.length,getItemNodeFromIndex,!1):offset===0?-1:offset<0?items.length-1:0}function useMouseAndTouchTracker(isOpen,downshiftElementRefs,environment,handleBlur){let mouseAndTouchTrackersRef=(0,import_react21.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react21.useEffect)(()=>{let onMouseDown=()=>{mouseAndTouchTrackersRef.current.isMouseDown=!0},onMouseUp=event=>{mouseAndTouchTrackersRef.current.isMouseDown=!1,isOpen&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment)&&handleBlur()},onTouchStart=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!1},onTouchMove=()=>{mouseAndTouchTrackersRef.current.isTouchMove=!0},onTouchEnd=event=>{isOpen&&!mouseAndTouchTrackersRef.current.isTouchMove&&!targetWithinDownshift(event.target,downshiftElementRefs.map(ref=>ref.current),environment,!1)&&handleBlur()};return environment.addEventListener("mousedown",onMouseDown),environment.addEventListener("mouseup",onMouseUp),environment.addEventListener("touchstart",onTouchStart),environment.addEventListener("touchmove",onTouchMove),environment.addEventListener("touchend",onTouchEnd),function(){environment.removeEventListener("mousedown",onMouseDown),environment.removeEventListener("mouseup",onMouseUp),environment.removeEventListener("touchstart",onTouchStart),environment.removeEventListener("touchmove",onTouchMove),environment.removeEventListener("touchend",onTouchEnd)}},[isOpen,environment]),mouseAndTouchTrackersRef}var useGetterPropsCalledChecker=()=>noop2;process.env.NODE_ENV!=="production"&&(useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react21.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react21.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react21.useEffect)(()=>{Object.keys(getterPropsCalledRef.current).forEach(propKey=>{let propCallInfo=getterPropsCalledRef.current[propKey];if(isInitialMountRef.current&&!Object.keys(propCallInfo).length){console.error(`downshift: You forgot to call the ${propKey} getter function on your component / element.`);return}let{suppressRefError,refKey,elementRef}=propCallInfo;(!elementRef||!elementRef.current)&&!suppressRefError&&console.error(`downshift: The ref prop "${refKey}" from ${propKey} was not applied correctly on your element.`)}),isInitialMountRef.current=!1}),(0,import_react21.useCallback)((propKey,suppressRefError,refKey,elementRef)=>{getterPropsCalledRef.current[propKey]={suppressRefError,refKey,elementRef}},[])});function useA11yMessageSetter(getA11yMessage,dependencyArray,_ref2){let{isInitialMount,highlightedIndex,items,environment,...rest}=_ref2;(0,import_react21.useEffect)(()=>{isInitialMount||updateA11yStatus(()=>getA11yMessage({highlightedIndex,highlightedItem:items[highlightedIndex],resultCount:items.length,...rest}),environment.document)},dependencyArray)}function useScrollIntoView(_ref3){let{highlightedIndex,isOpen,itemRefs,getItemNodeFromIndex,menuElement,scrollIntoView:scrollIntoViewProp}=_ref3,shouldScrollRef=(0,import_react21.useRef)(!0);return useIsomorphicLayoutEffect(()=>{highlightedIndex<0||!isOpen||!Object.keys(itemRefs.current).length||(shouldScrollRef.current===!1?shouldScrollRef.current=!0:scrollIntoViewProp(getItemNodeFromIndex(highlightedIndex),menuElement))},[highlightedIndex]),shouldScrollRef}var useControlPropsValidator=noop2;process.env.NODE_ENV!=="production"&&(useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react21.useRef)(props);(0,import_react21.useEffect)(()=>{isInitialMount||(validateControlledUnchanged(state,prevPropsRef.current,props),prevPropsRef.current=props)},[state,props,isInitialMount])});function downshiftCommonReducer(state,action,stateChangeTypes2){let{type,props}=action,changes;switch(type){case stateChangeTypes2.ItemMouseMove:changes={highlightedIndex:action.disabled?-1:action.index};break;case stateChangeTypes2.MenuMouseLeave:changes={highlightedIndex:-1};break;case stateChangeTypes2.ToggleButtonClick:case stateChangeTypes2.FunctionToggleMenu:changes={isOpen:!state.isOpen,highlightedIndex:state.isOpen?-1:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionOpenMenu:changes={isOpen:!0,highlightedIndex:getHighlightedIndexOnOpen(props,state,0)};break;case stateChangeTypes2.FunctionCloseMenu:changes={isOpen:!1};break;case stateChangeTypes2.FunctionSetHighlightedIndex:changes={highlightedIndex:action.highlightedIndex};break;case stateChangeTypes2.FunctionSetInputValue:changes={inputValue:action.inputValue};break;case stateChangeTypes2.FunctionReset:changes={highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),isOpen:getDefaultValue$1(props,"isOpen"),selectedItem:getDefaultValue$1(props,"selectedItem"),inputValue:getDefaultValue$1(props,"inputValue")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}function getItemIndexByCharacterKey(_a){for(var keysSoFar=_a.keysSoFar,highlightedIndex=_a.highlightedIndex,items=_a.items,itemToString2=_a.itemToString,getItemNodeFromIndex=_a.getItemNodeFromIndex,lowerCasedKeysSoFar=keysSoFar.toLowerCase(),index=0;index<items.length;index++){var offsetIndex=(index+highlightedIndex+1)%items.length,item=items[offsetIndex];if(item!==void 0&&itemToString2(item).toLowerCase().startsWith(lowerCasedKeysSoFar)){var element=getItemNodeFromIndex(offsetIndex);if(!(element!=null&&element.hasAttribute("disabled")))return offsetIndex}}return highlightedIndex}var propTypes$2={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function getA11yStatusMessage(_a){var isOpen=_a.isOpen,resultCount=_a.resultCount,previousResultCount=_a.previousResultCount;return isOpen?resultCount?resultCount!==previousResultCount?"".concat(resultCount," result").concat(resultCount===1?" is":"s are"," available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select."):"":"No results are available.":""}var defaultProps$2=__assign2(__assign2({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes$2=function(options3,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options3,"prop",caller.name)});var MenuKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__menu_keydown_arrow_down__":0,MenuKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__menu_keydown_arrow_up__":1,MenuKeyDownEscape=process.env.NODE_ENV!=="production"?"__menu_keydown_escape__":2,MenuKeyDownHome=process.env.NODE_ENV!=="production"?"__menu_keydown_home__":3,MenuKeyDownEnd=process.env.NODE_ENV!=="production"?"__menu_keydown_end__":4,MenuKeyDownEnter=process.env.NODE_ENV!=="production"?"__menu_keydown_enter__":5,MenuKeyDownSpaceButton=process.env.NODE_ENV!=="production"?"__menu_keydown_space_button__":6,MenuKeyDownCharacter=process.env.NODE_ENV!=="production"?"__menu_keydown_character__":7,MenuBlur=process.env.NODE_ENV!=="production"?"__menu_blur__":8,MenuMouseLeave$1=process.env.NODE_ENV!=="production"?"__menu_mouse_leave__":9,ItemMouseMove$1=process.env.NODE_ENV!=="production"?"__item_mouse_move__":10,ItemClick$1=process.env.NODE_ENV!=="production"?"__item_click__":11,ToggleButtonClick$1=process.env.NODE_ENV!=="production"?"__togglebutton_click__":12,ToggleButtonKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_arrow_down__":13,ToggleButtonKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_arrow_up__":14,ToggleButtonKeyDownCharacter=process.env.NODE_ENV!=="production"?"__togglebutton_keydown_character__":15,FunctionToggleMenu$1=process.env.NODE_ENV!=="production"?"__function_toggle_menu__":16,FunctionOpenMenu$1=process.env.NODE_ENV!=="production"?"__function_open_menu__":17,FunctionCloseMenu$1=process.env.NODE_ENV!=="production"?"__function_close_menu__":18,FunctionSetHighlightedIndex$1=process.env.NODE_ENV!=="production"?"__function_set_highlighted_index__":19,FunctionSelectItem$1=process.env.NODE_ENV!=="production"?"__function_select_item__":20,FunctionSetInputValue$1=process.env.NODE_ENV!=="production"?"__function_set_input_value__":21,FunctionReset$2=process.env.NODE_ENV!=="production"?"__function_reset__":22,stateChangeTypes$2=Object.freeze({__proto__:null,MenuKeyDownArrowDown,MenuKeyDownArrowUp,MenuKeyDownEscape,MenuKeyDownHome,MenuKeyDownEnd,MenuKeyDownEnter,MenuKeyDownSpaceButton,MenuKeyDownCharacter,MenuBlur,MenuMouseLeave:MenuMouseLeave$1,ItemMouseMove:ItemMouseMove$1,ItemClick:ItemClick$1,ToggleButtonClick:ToggleButtonClick$1,ToggleButtonKeyDownArrowDown,ToggleButtonKeyDownArrowUp,ToggleButtonKeyDownCharacter,FunctionToggleMenu:FunctionToggleMenu$1,FunctionOpenMenu:FunctionOpenMenu$1,FunctionCloseMenu:FunctionCloseMenu$1,FunctionSetHighlightedIndex:FunctionSetHighlightedIndex$1,FunctionSelectItem:FunctionSelectItem$1,FunctionSetInputValue:FunctionSetInputValue$1,FunctionReset:FunctionReset$2});function downshiftSelectReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick$1:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index]};break;case ToggleButtonKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,itemIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.selectedItem?props.items.indexOf(state.selectedItem):-1,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...itemIndex>=0&&{selectedItem:props.items[itemIndex]}}}break;case ToggleButtonKeyDownArrowDown:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:!0};break;case ToggleButtonKeyDownArrowUp:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:!0};break;case MenuKeyDownEnter:case MenuKeyDownSpaceButton:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),...state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex]}};break;case MenuKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case MenuKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1};break;case MenuBlur:changes={isOpen:!1,highlightedIndex:-1};break;case MenuKeyDownCharacter:{let lowercasedKey=action.key,inputValue=`${state.inputValue}${lowercasedKey}`,highlightedIndex=getItemIndexByCharacterKey({keysSoFar:inputValue,highlightedIndex:state.highlightedIndex,items:props.items,itemToString:props.itemToString,getItemNodeFromIndex:action.getItemNodeFromIndex});changes={inputValue,...highlightedIndex>=0&&{highlightedIndex}}}break;case MenuKeyDownArrowDown:changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case MenuKeyDownArrowUp:changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)};break;case FunctionSelectItem$1:changes={selectedItem:action.selectedItem};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$2)}return{...state,...changes}}useSelect.stateChangeTypes=stateChangeTypes$2;function useSelect(userProps){userProps===void 0&&(userProps={}),validatePropTypes$2(userProps,useSelect);let props={...defaultProps$2,...userProps},{items,scrollIntoView:scrollIntoView3,environment,initialIsOpen,defaultIsOpen,itemToString:itemToString2,getA11ySelectionMessage:getA11ySelectionMessage2,getA11yStatusMessage:getA11yStatusMessage2}=props,initialState=getInitialState$2(props),[state,dispatch]=useControlledReducer$1(downshiftSelectReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,toggleButtonRef=(0,import_react21.useRef)(null),menuRef=(0,import_react21.useRef)(null),itemRefs=(0,import_react21.useRef)({}),shouldBlurRef=(0,import_react21.useRef)(!0),clearTimeoutRef=(0,import_react21.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react21.useRef)(),isInitialMountRef=(0,import_react21.useRef)(!0),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react21.useCallback)(index=>itemRefs.current[elementIds.getItemId(index)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});(0,import_react21.useEffect)(()=>(clearTimeoutRef.current=debounce3(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react21.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react21.useEffect)(()=>{if(isInitialMountRef.current){(initialIsOpen||defaultIsOpen||isOpen)&&menuRef.current&&menuRef.current.focus();return}if(isOpen){menuRef.current&&menuRef.current.focus();return}environment.document.activeElement===menuRef.current&&toggleButtonRef.current&&(shouldBlurRef.current=!1,toggleButtonRef.current.focus())},[isOpen]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react21.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:ToggleButtonKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})}}),[dispatch,getItemNodeFromIndex]),menuKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowDown,getItemNodeFromIndex,shiftKey:event.shiftKey})},ArrowUp(event){event.preventDefault(),dispatch({type:MenuKeyDownArrowUp,getItemNodeFromIndex,shiftKey:event.shiftKey})},Home(event){event.preventDefault(),dispatch({type:MenuKeyDownHome,getItemNodeFromIndex})},End(event){event.preventDefault(),dispatch({type:MenuKeyDownEnd,getItemNodeFromIndex})},Escape(){dispatch({type:MenuKeyDownEscape})},Enter(event){event.preventDefault(),dispatch({type:MenuKeyDownEnter})}," "(event){event.preventDefault(),dispatch({type:MenuKeyDownSpaceButton})}}),[dispatch,getItemNodeFromIndex]),toggleMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react21.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react21.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react21.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react21.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react21.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",onKeyDown,onBlur,ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2,latestState=latest.current.state,menuHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&menuKeyDownHandlers[key2]?menuKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:MenuKeyDownCharacter,key:key2,getItemNodeFromIndex})},menuHandleBlur=()=>{if(shouldBlurRef.current===!1){shouldBlurRef.current=!0;return}!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:MenuBlur})},menuHandleMouseLeave=()=>{dispatch({type:MenuMouseLeave$1})};return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,tabIndex:-1,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},onMouseLeave:callAllEventHandlers(onMouseLeave,menuHandleMouseLeave),onKeyDown:callAllEventHandlers(onKeyDown,menuHandleKeyDown),onBlur:callAllEventHandlers(onBlur,menuHandleBlur),...rest}},[dispatch,latest,menuKeyDownHandlers,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getToggleButtonProps=(0,import_react21.useCallback)(function(_temp3,_temp4){let{onClick,onKeyDown,refKey="ref",ref,...rest}=_temp3===void 0?{}:_temp3,{suppressRefError=!1}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick$1})},toggleButtonHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&toggleButtonKeyDownHandlers[key2]?toggleButtonKeyDownHandlers[key2](event):isAcceptedCharacterKey(key2)&&dispatch({type:ToggleButtonKeyDownCharacter,key:key2,getItemNodeFromIndex})},toggleProps={[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,"aria-haspopup":"listbox","aria-expanded":latest.current.state.isOpen,"aria-labelledby":`${elementIds.labelId} ${elementIds.toggleButtonId}`,...rest};return rest.disabled||(toggleProps.onClick=callAllEventHandlers(onClick,toggleButtonHandleClick),toggleProps.onKeyDown=callAllEventHandlers(onKeyDown,toggleButtonHandleKeyDown)),setGetterPropCallInfo("getToggleButtonProps",suppressRefError,refKey,toggleButtonRef),toggleProps},[dispatch,latest,toggleButtonKeyDownHandlers,setGetterPropCallInfo,elementIds,getItemNodeFromIndex]),getItemProps=(0,import_react21.useCallback)(function(_temp5){let{item,index,onMouseMove,onClick,refKey="ref",ref,disabled,...rest}=_temp5===void 0?{}:_temp5,{state:latestState,props:latestProps}=latest.current,itemHandleMouseMove=()=>{index!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove$1,index,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick$1,index})},itemIndex=getItemIndex(index,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let itemProps={disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),...rest};return disabled||(itemProps.onClick=callAllEventHandlers(onClick,itemHandleClick)),itemProps.onMouseMove=callAllEventHandlers(onMouseMove,itemHandleMouseMove),itemProps},[dispatch,latest,shouldScrollRef,elementIds]);return{getToggleButtonProps,getLabelProps,getMenuProps,getItemProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,selectItem,reset,setInputValue,highlightedIndex,isOpen,selectedItem,inputValue}}var InputKeyDownArrowDown=process.env.NODE_ENV!=="production"?"__input_keydown_arrow_down__":0,InputKeyDownArrowUp=process.env.NODE_ENV!=="production"?"__input_keydown_arrow_up__":1,InputKeyDownEscape=process.env.NODE_ENV!=="production"?"__input_keydown_escape__":2,InputKeyDownHome=process.env.NODE_ENV!=="production"?"__input_keydown_home__":3,InputKeyDownEnd=process.env.NODE_ENV!=="production"?"__input_keydown_end__":4,InputKeyDownEnter=process.env.NODE_ENV!=="production"?"__input_keydown_enter__":5,InputChange=process.env.NODE_ENV!=="production"?"__input_change__":6,InputBlur=process.env.NODE_ENV!=="production"?"__input_blur__":7,MenuMouseLeave=process.env.NODE_ENV!=="production"?"__menu_mouse_leave__":8,ItemMouseMove=process.env.NODE_ENV!=="production"?"__item_mouse_move__":9,ItemClick=process.env.NODE_ENV!=="production"?"__item_click__":10,ToggleButtonClick=process.env.NODE_ENV!=="production"?"__togglebutton_click__":11,FunctionToggleMenu=process.env.NODE_ENV!=="production"?"__function_toggle_menu__":12,FunctionOpenMenu=process.env.NODE_ENV!=="production"?"__function_open_menu__":13,FunctionCloseMenu=process.env.NODE_ENV!=="production"?"__function_close_menu__":14,FunctionSetHighlightedIndex=process.env.NODE_ENV!=="production"?"__function_set_highlighted_index__":15,FunctionSelectItem=process.env.NODE_ENV!=="production"?"__function_select_item__":16,FunctionSetInputValue=process.env.NODE_ENV!=="production"?"__function_set_input_value__":17,FunctionReset$1=process.env.NODE_ENV!=="production"?"__function_reset__":18,ControlledPropUpdatedSelectedItem=process.env.NODE_ENV!=="production"?"__controlled_prop_updated_selected_item__":19,stateChangeTypes$1=Object.freeze({__proto__:null,InputKeyDownArrowDown,InputKeyDownArrowUp,InputKeyDownEscape,InputKeyDownHome,InputKeyDownEnd,InputKeyDownEnter,InputChange,InputBlur,MenuMouseLeave,ItemMouseMove,ItemClick,ToggleButtonClick,FunctionToggleMenu,FunctionOpenMenu,FunctionCloseMenu,FunctionSetHighlightedIndex,FunctionSelectItem,FunctionSetInputValue,FunctionReset:FunctionReset$1,ControlledPropUpdatedSelectedItem});function getInitialState$1(props){let initialState=getInitialState$2(props),{selectedItem}=initialState,{inputValue}=initialState;return inputValue===""&&selectedItem&&props.defaultInputValue===void 0&&props.initialInputValue===void 0&&props.inputValue===void 0&&(inputValue=props.itemToString(selectedItem)),{...initialState,inputValue}}var propTypes$1={items:import_prop_types2.default.array.isRequired,itemToString:import_prop_types2.default.func,getA11yStatusMessage:import_prop_types2.default.func,getA11ySelectionMessage:import_prop_types2.default.func,circularNavigation:import_prop_types2.default.bool,highlightedIndex:import_prop_types2.default.number,defaultHighlightedIndex:import_prop_types2.default.number,initialHighlightedIndex:import_prop_types2.default.number,isOpen:import_prop_types2.default.bool,defaultIsOpen:import_prop_types2.default.bool,initialIsOpen:import_prop_types2.default.bool,selectedItem:import_prop_types2.default.any,initialSelectedItem:import_prop_types2.default.any,defaultSelectedItem:import_prop_types2.default.any,inputValue:import_prop_types2.default.string,defaultInputValue:import_prop_types2.default.string,initialInputValue:import_prop_types2.default.string,id:import_prop_types2.default.string,labelId:import_prop_types2.default.string,menuId:import_prop_types2.default.string,getItemId:import_prop_types2.default.func,inputId:import_prop_types2.default.string,toggleButtonId:import_prop_types2.default.string,stateReducer:import_prop_types2.default.func,onSelectedItemChange:import_prop_types2.default.func,onHighlightedIndexChange:import_prop_types2.default.func,onStateChange:import_prop_types2.default.func,onIsOpenChange:import_prop_types2.default.func,onInputValueChange:import_prop_types2.default.func,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})};function useControlledReducer(reducer,initialState,props){let previousSelectedItemRef=(0,import_react21.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react21.useEffect)(()=>{isControlledProp(props,"selectedItem")&&(previousSelectedItemRef.current!==props.selectedItem&&dispatch({type:ControlledPropUpdatedSelectedItem,inputValue:props.itemToString(props.selectedItem)}),previousSelectedItemRef.current=state.selectedItem===previousSelectedItemRef.current?props.selectedItem:state.selectedItem)}),[getState(state,props),dispatch]}var validatePropTypes$1=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes$1=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options3,"prop",caller.name)});var defaultProps$1={...defaultProps$3,getA11yStatusMessage:getA11yStatusMessage$1,circularNavigation:!0};function downshiftUseComboboxReducer(state,action){let{type,props,shiftKey}=action,changes;switch(type){case ItemClick:changes={isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),selectedItem:props.items[action.index],inputValue:props.itemToString(props.items[action.index])};break;case InputKeyDownArrowDown:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?5:1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownArrowUp:state.isOpen?changes={highlightedIndex:getNextWrappingIndex(shiftKey?-5:-1,state.highlightedIndex,props.items.length,action.getItemNodeFromIndex,props.circularNavigation)}:changes={highlightedIndex:getHighlightedIndexOnOpen(props,state,-1,action.getItemNodeFromIndex),isOpen:props.items.length>=0};break;case InputKeyDownEnter:changes={...state.isOpen&&state.highlightedIndex>=0&&{selectedItem:props.items[state.highlightedIndex],isOpen:getDefaultValue$1(props,"isOpen"),highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputKeyDownEscape:changes={isOpen:!1,highlightedIndex:-1,...!state.isOpen&&{selectedItem:null,inputValue:""}};break;case InputKeyDownHome:changes={highlightedIndex:getNextNonDisabledIndex(1,0,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputKeyDownEnd:changes={highlightedIndex:getNextNonDisabledIndex(-1,props.items.length-1,props.items.length,action.getItemNodeFromIndex,!1)};break;case InputBlur:changes={isOpen:!1,highlightedIndex:-1,...state.highlightedIndex>=0&&action.selectItem&&{selectedItem:props.items[state.highlightedIndex],inputValue:props.itemToString(props.items[state.highlightedIndex])}};break;case InputChange:changes={isOpen:!0,highlightedIndex:getDefaultValue$1(props,"highlightedIndex"),inputValue:action.inputValue};break;case FunctionSelectItem:changes={selectedItem:action.selectedItem,inputValue:props.itemToString(action.selectedItem)};break;case ControlledPropUpdatedSelectedItem:changes={inputValue:action.inputValue};break;default:return downshiftCommonReducer(state,action,stateChangeTypes$1)}return{...state,...changes}}useCombobox.stateChangeTypes=stateChangeTypes$1;function useCombobox(userProps){userProps===void 0&&(userProps={}),validatePropTypes$1(userProps,useCombobox);let props={...defaultProps$1,...userProps},{initialIsOpen,defaultIsOpen,items,scrollIntoView:scrollIntoView3,environment,getA11yStatusMessage:getA11yStatusMessage2,getA11ySelectionMessage:getA11ySelectionMessage2,itemToString:itemToString2}=props,initialState=getInitialState$1(props),[state,dispatch]=useControlledReducer(downshiftUseComboboxReducer,initialState,props),{isOpen,highlightedIndex,selectedItem,inputValue}=state,menuRef=(0,import_react21.useRef)(null),itemRefs=(0,import_react21.useRef)({}),inputRef=(0,import_react21.useRef)(null),toggleButtonRef=(0,import_react21.useRef)(null),comboboxRef=(0,import_react21.useRef)(null),isInitialMountRef=(0,import_react21.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react21.useRef)(),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react21.useCallback)(index=>itemRefs.current[elementIds.getItemId(index)],[elementIds]);useA11yMessageSetter(getA11yStatusMessage2,[isOpen,highlightedIndex,inputValue,items],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state}),useA11yMessageSetter(getA11ySelectionMessage2,[selectedItem],{isInitialMount:isInitialMountRef.current,previousResultCount:previousResultCountRef.current,items,environment,itemToString:itemToString2,...state});let shouldScrollRef=useScrollIntoView({menuElement:menuRef.current,highlightedIndex,isOpen,itemRefs,scrollIntoView:scrollIntoView3,getItemNodeFromIndex});useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react21.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[comboboxRef,menuRef,toggleButtonRef],environment,()=>{dispatch({type:InputBlur,selectItem:!1})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getInputProps","getComboboxProps","getMenuProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react21.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react21.useMemo)(()=>({ArrowDown(event){event.preventDefault(),dispatch({type:InputKeyDownArrowDown,shiftKey:event.shiftKey,getItemNodeFromIndex})},ArrowUp(event){event.preventDefault(),dispatch({type:InputKeyDownArrowUp,shiftKey:event.shiftKey,getItemNodeFromIndex})},Home(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownHome,getItemNodeFromIndex}))},End(event){latest.current.state.isOpen&&(event.preventDefault(),dispatch({type:InputKeyDownEnd,getItemNodeFromIndex}))},Escape(event){let latestState=latest.current.state;(latestState.isOpen||latestState.inputValue||latestState.selectedItem||latestState.highlightedIndex>-1)&&(event.preventDefault(),dispatch({type:InputKeyDownEscape}))},Enter(event){let latestState=latest.current.state;!latestState.isOpen||latestState.highlightedIndex<0||event.which===229||(event.preventDefault(),dispatch({type:InputKeyDownEnter,getItemNodeFromIndex}))}}),[dispatch,latest,getItemNodeFromIndex]),getLabelProps=(0,import_react21.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react21.useCallback)(function(_temp,_temp2){let{onMouseLeave,refKey="ref",ref,...rest}=_temp===void 0?{}:_temp,{suppressRefError=!1}=_temp2===void 0?{}:_temp2;return setGetterPropCallInfo("getMenuProps",suppressRefError,refKey,menuRef),{[refKey]:handleRefs(ref,menuNode=>{menuRef.current=menuNode}),id:elementIds.menuId,role:"listbox","aria-labelledby":elementIds.labelId,onMouseLeave:callAllEventHandlers(onMouseLeave,()=>{dispatch({type:MenuMouseLeave})}),...rest}},[dispatch,setGetterPropCallInfo,elementIds]),getItemProps=(0,import_react21.useCallback)(function(_temp3){let{item,index,refKey="ref",ref,onMouseMove,onMouseDown,onClick,onPress,disabled,...rest}=_temp3===void 0?{}:_temp3,{props:latestProps,state:latestState}=latest.current,itemIndex=getItemIndex(index,item,latestProps.items);if(itemIndex<0)throw new Error("Pass either item or item index in getItemProps!");let onSelectKey="onClick",customClickHandler=onClick,itemHandleMouseMove=()=>{index!==latestState.highlightedIndex&&(shouldScrollRef.current=!1,dispatch({type:ItemMouseMove,index,disabled}))},itemHandleClick=()=>{dispatch({type:ItemClick,index})},itemHandleMouseDown=e4=>e4.preventDefault();return{[refKey]:handleRefs(ref,itemNode=>{itemNode&&(itemRefs.current[elementIds.getItemId(itemIndex)]=itemNode)}),disabled,role:"option","aria-selected":`${itemIndex===latestState.highlightedIndex}`,id:elementIds.getItemId(itemIndex),...!disabled&&{[onSelectKey]:callAllEventHandlers(customClickHandler,itemHandleClick)},onMouseMove:callAllEventHandlers(onMouseMove,itemHandleMouseMove),onMouseDown:callAllEventHandlers(onMouseDown,itemHandleMouseDown),...rest}},[dispatch,latest,shouldScrollRef,elementIds]),getToggleButtonProps=(0,import_react21.useCallback)(function(_temp4){let{onClick,onPress,refKey="ref",ref,...rest}=_temp4===void 0?{}:_temp4,toggleButtonHandleClick=()=>{dispatch({type:ToggleButtonClick}),!latest.current.state.isOpen&&inputRef.current&&inputRef.current.focus()};return{[refKey]:handleRefs(ref,toggleButtonNode=>{toggleButtonRef.current=toggleButtonNode}),id:elementIds.toggleButtonId,tabIndex:-1,...!rest.disabled&&{onClick:callAllEventHandlers(onClick,toggleButtonHandleClick)},...rest}},[dispatch,latest,elementIds]),getInputProps=(0,import_react21.useCallback)(function(_temp5,_temp6){let{onKeyDown,onChange,onInput,onBlur,onChangeText,refKey="ref",ref,...rest}=_temp5===void 0?{}:_temp5,{suppressRefError=!1}=_temp6===void 0?{}:_temp6;setGetterPropCallInfo("getInputProps",suppressRefError,refKey,inputRef);let latestState=latest.current.state,inputHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&inputKeyDownHandlers[key2]&&inputKeyDownHandlers[key2](event)},inputHandleChange=event=>{dispatch({type:InputChange,inputValue:event.target.value})},inputHandleBlur=()=>{latestState.isOpen&&!mouseAndTouchTrackersRef.current.isMouseDown&&dispatch({type:InputBlur,selectItem:!0})},onChangeKey="onChange",eventHandlers={};return rest.disabled||(eventHandlers={[onChangeKey]:callAllEventHandlers(onChange,onInput,inputHandleChange),onKeyDown:callAllEventHandlers(onKeyDown,inputHandleKeyDown),onBlur:callAllEventHandlers(onBlur,inputHandleBlur)}),{[refKey]:handleRefs(ref,inputNode=>{inputRef.current=inputNode}),id:elementIds.inputId,"aria-autocomplete":"list","aria-controls":elementIds.menuId,...latestState.isOpen&&latestState.highlightedIndex>-1&&{"aria-activedescendant":elementIds.getItemId(latestState.highlightedIndex)},"aria-labelledby":elementIds.labelId,autoComplete:"off",value:latestState.inputValue,...eventHandlers,...rest}},[dispatch,inputKeyDownHandlers,latest,mouseAndTouchTrackersRef,setGetterPropCallInfo,elementIds]),getComboboxProps=(0,import_react21.useCallback)(function(_temp7,_temp8){let{refKey="ref",ref,...rest}=_temp7===void 0?{}:_temp7,{suppressRefError=!1}=_temp8===void 0?{}:_temp8;return setGetterPropCallInfo("getComboboxProps",suppressRefError,refKey,comboboxRef),{[refKey]:handleRefs(ref,comboboxNode=>{comboboxRef.current=comboboxNode}),role:"combobox","aria-haspopup":"listbox","aria-owns":elementIds.menuId,"aria-expanded":latest.current.state.isOpen,...rest}},[latest,setGetterPropCallInfo,elementIds]),toggleMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react21.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react21.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react21.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset$1})},[dispatch]);return{getItemProps,getLabelProps,getMenuProps,getInputProps,getComboboxProps,getToggleButtonProps,toggleMenu,openMenu,closeMenu,setHighlightedIndex,setInputValue,selectItem,reset,highlightedIndex,isOpen,selectedItem,inputValue}}var defaultStateValues={activeIndex:-1,selectedItems:[]};function getInitialValue(props,propKey){return getInitialValue$1(props,propKey,defaultStateValues)}function getDefaultValue(props,propKey){return getDefaultValue$1(props,propKey,defaultStateValues)}function getInitialState(props){let activeIndex=getInitialValue(props,"activeIndex"),selectedItems=getInitialValue(props,"selectedItems");return{activeIndex,selectedItems}}function isKeyDownOperationPermitted(event){if(event.shiftKey||event.metaKey||event.ctrlKey||event.altKey)return!1;let element=event.target;return!(element instanceof HTMLInputElement&&element.value!==""&&(element.selectionStart!==0||element.selectionEnd!==0))}function getA11yRemovalMessage(selectionParameters){let{removedSelectedItem,itemToString:itemToStringLocal}=selectionParameters;return`${itemToStringLocal(removedSelectedItem)} has been removed.`}var propTypes={selectedItems:import_prop_types2.default.array,initialSelectedItems:import_prop_types2.default.array,defaultSelectedItems:import_prop_types2.default.array,itemToString:import_prop_types2.default.func,getA11yRemovalMessage:import_prop_types2.default.func,stateReducer:import_prop_types2.default.func,activeIndex:import_prop_types2.default.number,initialActiveIndex:import_prop_types2.default.number,defaultActiveIndex:import_prop_types2.default.number,onActiveIndexChange:import_prop_types2.default.func,onSelectedItemsChange:import_prop_types2.default.func,keyNavigationNext:import_prop_types2.default.string,keyNavigationPrevious:import_prop_types2.default.string,environment:import_prop_types2.default.shape({addEventListener:import_prop_types2.default.func,removeEventListener:import_prop_types2.default.func,document:import_prop_types2.default.shape({getElementById:import_prop_types2.default.func,activeElement:import_prop_types2.default.any,body:import_prop_types2.default.any})})},defaultProps={itemToString:defaultProps$3.itemToString,stateReducer:defaultProps$3.stateReducer,environment:defaultProps$3.environment,getA11yRemovalMessage,keyNavigationNext:"ArrowRight",keyNavigationPrevious:"ArrowLeft"},validatePropTypes=noop2;process.env.NODE_ENV!=="production"&&(validatePropTypes=(options3,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options3,"prop",caller.name)});var SelectedItemClick=process.env.NODE_ENV!=="production"?"__selected_item_click__":0,SelectedItemKeyDownDelete=process.env.NODE_ENV!=="production"?"__selected_item_keydown_delete__":1,SelectedItemKeyDownBackspace=process.env.NODE_ENV!=="production"?"__selected_item_keydown_backspace__":2,SelectedItemKeyDownNavigationNext=process.env.NODE_ENV!=="production"?"__selected_item_keydown_navigation_next__":3,SelectedItemKeyDownNavigationPrevious=process.env.NODE_ENV!=="production"?"__selected_item_keydown_navigation_previous__":4,DropdownKeyDownNavigationPrevious=process.env.NODE_ENV!=="production"?"__dropdown_keydown_navigation_previous__":5,DropdownKeyDownBackspace=process.env.NODE_ENV!=="production"?"__dropdown_keydown_backspace__":6,DropdownClick=process.env.NODE_ENV!=="production"?"__dropdown_click__":7,FunctionAddSelectedItem=process.env.NODE_ENV!=="production"?"__function_add_selected_item__":8,FunctionRemoveSelectedItem=process.env.NODE_ENV!=="production"?"__function_remove_selected_item__":9,FunctionSetSelectedItems=process.env.NODE_ENV!=="production"?"__function_set_selected_items__":10,FunctionSetActiveIndex=process.env.NODE_ENV!=="production"?"__function_set_active_index__":11,FunctionReset=process.env.NODE_ENV!=="production"?"__function_reset__":12,stateChangeTypes=Object.freeze({__proto__:null,SelectedItemClick,SelectedItemKeyDownDelete,SelectedItemKeyDownBackspace,SelectedItemKeyDownNavigationNext,SelectedItemKeyDownNavigationPrevious,DropdownKeyDownNavigationPrevious,DropdownKeyDownBackspace,DropdownClick,FunctionAddSelectedItem,FunctionRemoveSelectedItem,FunctionSetSelectedItems,FunctionSetActiveIndex,FunctionReset});function downshiftMultipleSelectionReducer(state,action){let{type,index,props,selectedItem}=action,{activeIndex,selectedItems}=state,changes;switch(type){case SelectedItemClick:changes={activeIndex:index};break;case SelectedItemKeyDownNavigationPrevious:changes={activeIndex:activeIndex-1<0?0:activeIndex-1};break;case SelectedItemKeyDownNavigationNext:changes={activeIndex:activeIndex+1>=selectedItems.length?-1:activeIndex+1};break;case SelectedItemKeyDownBackspace:case SelectedItemKeyDownDelete:{let newActiveIndex=activeIndex;selectedItems.length===1?newActiveIndex=-1:activeIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,activeIndex),...selectedItems.slice(activeIndex+1)],activeIndex:newActiveIndex};break}case DropdownKeyDownNavigationPrevious:changes={activeIndex:selectedItems.length-1};break;case DropdownKeyDownBackspace:changes={selectedItems:selectedItems.slice(0,selectedItems.length-1)};break;case FunctionAddSelectedItem:changes={selectedItems:[...selectedItems,selectedItem]};break;case DropdownClick:changes={activeIndex:-1};break;case FunctionRemoveSelectedItem:{let newActiveIndex=activeIndex,selectedItemIndex=selectedItems.indexOf(selectedItem);selectedItemIndex>=0&&(selectedItems.length===1?newActiveIndex=-1:selectedItemIndex===selectedItems.length-1&&(newActiveIndex=selectedItems.length-2),changes={selectedItems:[...selectedItems.slice(0,selectedItemIndex),...selectedItems.slice(selectedItemIndex+1)],activeIndex:newActiveIndex});break}case FunctionSetSelectedItems:{let{selectedItems:newSelectedItems}=action;changes={selectedItems:newSelectedItems};break}case FunctionSetActiveIndex:{let{activeIndex:newActiveIndex}=action;changes={activeIndex:newActiveIndex};break}case FunctionReset:changes={activeIndex:getDefaultValue(props,"activeIndex"),selectedItems:getDefaultValue(props,"selectedItems")};break;default:throw new Error("Reducer called without proper action type.")}return{...state,...changes}}useMultipleSelection.stateChangeTypes=stateChangeTypes;function useMultipleSelection(userProps){userProps===void 0&&(userProps={}),validatePropTypes(userProps,useMultipleSelection);let props={...defaultProps,...userProps},{getA11yRemovalMessage:getA11yRemovalMessage2,itemToString:itemToString2,environment,keyNavigationNext,keyNavigationPrevious}=props,[state,dispatch]=useControlledReducer$1(downshiftMultipleSelectionReducer,getInitialState(props),props),{activeIndex,selectedItems}=state,isInitialMountRef=(0,import_react21.useRef)(!0),dropdownRef=(0,import_react21.useRef)(null),previousSelectedItemsRef=(0,import_react21.useRef)(selectedItems),selectedItemRefs=(0,import_react21.useRef)();selectedItemRefs.current=[];let latest=useLatestRef({state,props});(0,import_react21.useEffect)(()=>{if(!isInitialMountRef.current){if(selectedItems.length<previousSelectedItemsRef.current.length){let removedSelectedItem=previousSelectedItemsRef.current.find(item=>selectedItems.indexOf(item)<0);setStatus(getA11yRemovalMessage2({itemToString:itemToString2,resultCount:selectedItems.length,removedSelectedItem,activeIndex,activeSelectedItem:selectedItems[activeIndex]}),environment.document)}previousSelectedItemsRef.current=selectedItems}},[selectedItems.length]),(0,import_react21.useEffect)(()=>{isInitialMountRef.current||(activeIndex===-1&&dropdownRef.current?dropdownRef.current.focus():selectedItemRefs.current[activeIndex]&&selectedItemRefs.current[activeIndex].focus())},[activeIndex]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state});let setGetterPropCallInfo=useGetterPropsCalledChecker("getDropdownProps");(0,import_react21.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react21.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react21.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react21.useCallback)(function(_temp){let{refKey="ref",ref,onClick,onKeyDown,selectedItem,index,...rest}=_temp===void 0?{}:_temp,{state:latestState}=latest.current;if(getItemIndex(index,selectedItem,latestState.selectedItems)<0)throw new Error("Pass either selectedItem or index in getSelectedItemProps!");let selectedItemHandleClick=()=>{dispatch({type:SelectedItemClick,index})},selectedItemHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&selectedItemKeyDownHandlers[key2]&&selectedItemKeyDownHandlers[key2](event)};return{[refKey]:handleRefs(ref,selectedItemNode=>{selectedItemNode&&selectedItemRefs.current.push(selectedItemNode)}),tabIndex:index===latestState.activeIndex?0:-1,onClick:callAllEventHandlers(onClick,selectedItemHandleClick),onKeyDown:callAllEventHandlers(onKeyDown,selectedItemHandleKeyDown),...rest}},[dispatch,latest,selectedItemKeyDownHandlers]),getDropdownProps=(0,import_react21.useCallback)(function(_temp2,_temp3){let{refKey="ref",ref,onKeyDown,onClick,preventKeyAction=!1,...rest}=_temp2===void 0?{}:_temp2,{suppressRefError=!1}=_temp3===void 0?{}:_temp3;setGetterPropCallInfo("getDropdownProps",suppressRefError,refKey,dropdownRef);let dropdownHandleKeyDown=event=>{let key2=normalizeArrowKey(event);key2&&dropdownKeyDownHandlers[key2]&&dropdownKeyDownHandlers[key2](event)},dropdownHandleClick=()=>{dispatch({type:DropdownClick})};return{[refKey]:handleRefs(ref,dropdownNode=>{dropdownNode&&(dropdownRef.current=dropdownNode)}),...!preventKeyAction&&{onKeyDown:callAllEventHandlers(onKeyDown,dropdownHandleKeyDown),onClick:callAllEventHandlers(onClick,dropdownHandleClick)},...rest}},[dispatch,dropdownKeyDownHandlers,setGetterPropCallInfo]),addSelectedItem=(0,import_react21.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react21.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react21.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react21.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react21.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react22=__toESM(require_react());function isCloseType(x3){return!!(x3&&x3.closeMenu)}function isClearType(x3){return!!(x3&&x3.clearLastViewed)}function isExpandType(x3){return!!(x3&&x3.showAll)}function isSearchResult(x3){return!!(x3&&x3.item)}var{document:document6}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options2={shouldSort:!0,tokenize:!0,findAllMatches:!0,includeScore:!0,includeMatches:!0,threshold:.2,location:0,distance:100,maxPatternLength:32,minMatchCharLength:1,keys:[{name:"name",weight:.7},{name:"path",weight:.3}]},ScreenReaderLabel=import_theming15.styled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIcon=(0,import_theming15.styled)(import_components9.Icons)(({theme})=>({width:12,height:12,position:"absolute",top:10,left:12,zIndex:1,pointerEvents:"none",color:theme.textMutedColor})),SearchField=import_theming15.styled.div(({theme})=>({display:"flex",flexDirection:"column",position:"relative","&:focus-within svg":{color:theme.color.defaultText}})),Input=import_theming15.styled.input(({theme})=>({appearance:"none",height:32,paddingLeft:30,paddingRight:32,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:32,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,"&:focus, &:active":{outline:0,borderColor:theme.color.secondary,background:theme.background.app},"&::placeholder":{color:theme.textMutedColor,opacity:1},"&:valid ~ code, &:focus ~ code":{display:"none"},"&:invalid ~ svg":{display:"none"},"&:valid ~ svg":{display:"block"},"&::-ms-clear":{display:"none"},"&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration":{display:"none"}})),FocusKey=import_theming15.styled.code(({theme})=>({position:"absolute",top:8,right:16,width:16,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:3,userSelect:"none",pointerEvents:"none"})),ClearIcon=(0,import_theming15.styled)(import_components9.Icons)(({theme})=>({width:16,height:16,padding:4,position:"absolute",top:8,right:16,zIndex:1,background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.1)",borderRadius:16,color:theme.base==="light"?theme.color.dark:theme.textMutedColor,cursor:"pointer"})),FocusContainer=import_theming15.styled.div({outline:0}),Search=import_react22.default.memo(function({children,dataset,isLoading=!1,enableShortcuts=!0,getLastViewed,clearLastViewed,initialQuery=""}){let api=(0,import_manager_api7.useStorybookApi)(),inputRef=(0,import_react22.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react22.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react22.useState)(!1),selectStory=(0,import_react22.useCallback)((id,refId)=>{api&&api.selectStory(id,void 0,{ref:refId!==DEFAULT_REF_ID&&refId}),inputRef.current.blur(),showAllComponents(!1)},[api,inputRef,showAllComponents,DEFAULT_REF_ID]),list=(0,import_react22.useMemo)(()=>dataset.entries.reduce((acc,[refId,{index}])=>(index&&acc.push(...Object.values(index).map(item=>searchItem(item,dataset.hash[refId]))),acc),[]),[dataset]),fuse=(0,import_react22.useMemo)(()=>new import_fuse.default(list,options2),[list]),getResults=(0,import_react22.useCallback)(input=>{if(!input)return[];let results=[],resultIds=new Set,distinctResults=fuse.search(input).filter(({item})=>!(item.type==="component"||item.type==="docs"||item.type==="story")||resultIds.has(item.parent)?!1:(resultIds.add(item.id),!0));return distinctResults.length&&(results=distinctResults.slice(0,allComponents?1e3:DEFAULT_MAX_SEARCH_RESULTS),distinctResults.length>DEFAULT_MAX_SEARCH_RESULTS&&!allComponents&&results.push({showAll:()=>showAllComponents(!0),totalCount:distinctResults.length,moreCount:distinctResults.length-DEFAULT_MAX_SEARCH_RESULTS})),results},[allComponents,fuse]),stateReducer2=(0,import_react22.useCallback)((state,changes)=>{switch(changes.type){case Downshift$1.stateChangeTypes.blurInput:return{...changes,inputValue:state.inputValue,isOpen:state.inputValue&&!state.selectedItem,selectedItem:null};case Downshift$1.stateChangeTypes.mouseUp:return{};case Downshift$1.stateChangeTypes.keyDownEscape:return state.inputValue?{...changes,inputValue:"",isOpen:!0,selectedItem:null}:(inputRef.current.blur(),{...changes,isOpen:!1,selectedItem:null});case Downshift$1.stateChangeTypes.clickItem:case Downshift$1.stateChangeTypes.keyDownEnter:{if(isSearchResult(changes.selectedItem)){let{id,refId}=changes.selectedItem.item;return selectStory(id,refId),{...changes,inputValue:state.inputValue,isOpen:!1}}return isExpandType(changes.selectedItem)?(changes.selectedItem.showAll(),{}):isClearType(changes.selectedItem)?(changes.selectedItem.clearLastViewed(),inputRef.current.blur(),{isOpen:!1}):isCloseType(changes.selectedItem)?(inputRef.current.blur(),{isOpen:!1}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]);return import_react22.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result2=>{var _a;return((_a=result2==null?void 0:result2.item)==null?void 0:_a.name)||""},scrollIntoView:e4=>scrollIntoView(e4)},({isOpen,openMenu,closeMenu,inputValue,clearSelection,getInputProps,getItemProps,getLabelProps,getMenuProps,getRootProps,highlightedIndex})=>{let input=inputValue?inputValue.trim():"",results=input?getResults(input):[],lastViewed=!input&&getLastViewed();lastViewed&&lastViewed.length&&(results=lastViewed.reduce((acc,{storyId,refId})=>{let data=dataset.hash[refId];if(data&&data.index&&data.index[storyId]){let story=data.index[storyId],item=story.type==="story"?data.index[story.parent]:story;acc.some(res=>res.item.refId===refId&&res.item.id===item.id)||acc.push({item:searchItem(item,dataset.hash[refId]),matches:[],score:0})}return acc},[]),results.push({closeMenu}),results.length>0&&results.push({clearLastViewed}));let inputProps=getInputProps({id:"storybook-explorer-searchfield",ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")});return import_react22.default.createElement(import_react22.default.Fragment,null,import_react22.default.createElement(ScreenReaderLabel,{...getLabelProps()},"Search for components"),import_react22.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react22.default.createElement(SearchIcon,{icon:"search"}),import_react22.default.createElement(Input,{...inputProps}),enableShortcuts&&import_react22.default.createElement(FocusKey,null,"/"),import_react22.default.createElement(ClearIcon,{icon:"cross",onClick:()=>clearSelection()})),import_react22.default.createElement(FocusContainer,{tabIndex:0,id:"storybook-explorer-menu"},children({query:input,results,isBrowsing:!isOpen&&document6.activeElement!==inputRef.current,closeMenu,getMenuProps,getItemProps,highlightedIndex})))})});var import_theming16=__toESM(require_dist10()),import_components10=__toESM(require_dist11());var import_react23=__toESM(require_react()),import_manager_api8=__toESM(require_dist9()),import_core_events4=__toESM(require_dist4());var{document:document7}=scope,ResultsList=import_theming16.styled.ol({listStyle:"none",margin:0,marginLeft:-20,marginRight:-20,padding:0}),ResultRow=import_theming16.styled.li(({theme,isHighlighted})=>({display:"block",margin:0,padding:0,background:isHighlighted?theme.background.hoverable:"transparent",cursor:"pointer","a:hover, button:hover":{background:"transparent"}})),NoResults=import_theming16.styled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=import_theming16.styled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),ActionRow=(0,import_theming16.styled)(ResultRow)({display:"flex",padding:"6px 19px",alignItems:"center"}),BackActionRow=(0,import_theming16.styled)(ActionRow)({marginTop:8}),ActionLabel=import_theming16.styled.span(({theme})=>({flexGrow:1,color:theme.textMutedColor,fontSize:`${theme.typography.size.s1}px`})),ActionIcon=(0,import_theming16.styled)(import_components10.Icons)(({theme})=>({display:"inline-block",width:10,height:10,marginRight:6,color:theme.textMutedColor})),ActionKey=import_theming16.styled.code(({theme})=>({minWidth:16,height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none"})),Highlight=import_react23.default.memo(function({children,match}){if(!match)return import_react23.default.createElement(import_react23.default.Fragment,null,children);let{value:value2,indices}=match,{nodes:result2}=indices.reduce(({cursor,nodes},[start,end],index,{length:length2})=>(nodes.push(import_react23.default.createElement("span",{key:`${index}-0`},value2.slice(cursor,start))),nodes.push(import_react23.default.createElement(Mark,{key:`${index}-1`},value2.slice(start,end+1))),index===length2-1&&nodes.push(import_react23.default.createElement("span",{key:`${index}-2`},value2.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react23.default.createElement(import_react23.default.Fragment,null,result2)}),Result=import_react23.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react23.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=(0,import_manager_api8.useStorybookApi)();(0,import_react23.useEffect)(()=>{api&&props.isHighlighted&&item.isComponent&&api.emit(import_core_events4.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]]},{options:{target:item.refId}})},[props.isHighlighted,item]);let nameMatch=matches.find(match=>match.key==="name"),pathMatches=matches.filter(match=>match.key==="path"),label=import_react23.default.createElement("div",{className:"search-result-item--label"},import_react23.default.createElement("strong",null,import_react23.default.createElement(Highlight,{match:nameMatch},item.name)),import_react23.default.createElement(Path,null,item.path.map((group,index)=>import_react23.default.createElement("span",{key:index},import_react23.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index)},group))))),title=`${item.path.join(" / ")} / ${item.name}`,nodeProps={depth:0,onClick:click,title,children:label},node;return item.type==="component"?node=import_react23.default.createElement(ComponentNode,{isExpanded:!1,...nodeProps}):item.type==="story"?node=import_react23.default.createElement(StoryNode,{href:getLink(item,item.refId),...nodeProps}):node=import_react23.default.createElement(DocumentNode,{href:getLink(item,item.refId),...nodeProps}),import_react23.default.createElement(ResultRow,{...props},node)}),SearchResults=import_react23.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,isLoading=!1,enableShortcuts=!0}){let api=(0,import_manager_api8.useStorybookApi)();(0,import_react23.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){let target=event.target;if((target==null?void 0:target.id)==="storybook-explorer-searchfield")return;event.preventDefault(),closeMenu()}};return document7.addEventListener("keydown",handleEscape),()=>document7.removeEventListener("keydown",handleEscape)},[closeMenu,enableShortcuts,isLoading]);let mouseOverHandler=(0,import_react23.useCallback)(event=>{let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.getData(storyId,refId==="storybook_internal"?void 0:refId);item!=null&&item.isComponent&&api.emit(import_core_events4.PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]);return import_react23.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react23.default.createElement("li",null,import_react23.default.createElement(RootNode,{className:"search-result-recentlyOpened"},"Recently opened")),results.length===0&&query&&import_react23.default.createElement("li",null,import_react23.default.createElement(NoResults,null,import_react23.default.createElement("strong",null,"No components found"),import_react23.default.createElement("br",null),import_react23.default.createElement("small",null,"Find components by name or path."))),results.map((result2,index)=>{if(isCloseType(result2))return import_react23.default.createElement(BackActionRow,{key:"search-result-back",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-back"},import_react23.default.createElement(ActionIcon,{icon:"arrowleft"}),import_react23.default.createElement(ActionLabel,null,"Back to components"),import_react23.default.createElement(ActionKey,null,"ESC"));if(isClearType(result2))return import_react23.default.createElement(ActionRow,{key:"search-result-clearHistory",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-clearHistory"},import_react23.default.createElement(ActionIcon,{icon:"trash"}),import_react23.default.createElement(ActionLabel,null,"Clear history"));if(isExpandType(result2))return import_react23.default.createElement(ActionRow,{key:"search-result-more",...result2,...getItemProps({key:index,index,item:result2}),isHighlighted:highlightedIndex===index,className:"search-result-more"},import_react23.default.createElement(ActionIcon,{icon:"plus"}),import_react23.default.createElement(ActionLabel,null,"Show ",result2.moreCount," more results"));let{item}=result2,key2=`${item.refId}::${item.id}`;return import_react23.default.createElement(Result,{key:item.id,...result2,...getItemProps({key:key2,index,item:result2}),isHighlighted:highlightedIndex===index,"data-id":result2.item.id,"data-refid":result2.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce2=__toESM(require_debounce()),import_react24=__toESM(require_react()),import_store22=__toESM(require_store2()),save=(0,import_debounce2.default)(value2=>import_store22.default.set("lastViewedStoryIds",value2),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react24.useMemo)(()=>{let items=import_store22.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store22.default]),lastViewedRef=(0,import_react24.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react24.useCallback)(story=>{let items=lastViewedRef.current,index=items.findIndex(({storyId,refId})=>storyId===story.storyId&&refId===story.refId);index!==0&&(index===-1?lastViewedRef.current=[story,...items]:lastViewedRef.current=[story,...items.slice(0,index),...items.slice(index+1)],save(lastViewedRef.current))},[lastViewedRef]);return(0,import_react24.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react24.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react24.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container2=import_theming17.styled.nav({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%"}),StyledSpaced=(0,import_theming17.styled)(import_components11.Spaced)({paddingBottom:"2.5rem"}),CustomScrollArea=(0,import_theming17.styled)(import_components11.ScrollArea)({"&&&&& .os-scrollbar-handle:before":{left:-12},"&&&&& .os-scrollbar-vertical":{right:5},padding:20}),Swap=import_react25.default.memo(function({children,condition}){let[a3,b3]=import_react25.default.Children.toArray(children);return import_react25.default.createElement(import_react25.default.Fragment,null,import_react25.default.createElement("div",{style:{display:condition?"block":"none"}},a3),import_react25.default.createElement("div",{style:{display:condition?"none":"block"}},b3))}),useCombination=(defaultRefData,refs2)=>{let hash=(0,import_react25.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs2}),[refs2,defaultRefData]);return(0,import_react25.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar2=import_react25.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index,indexError,previewInitialized,menu,menuHighlighted=!1,enableShortcuts=!0,refs:refs2={}}){let selected=(0,import_react25.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index,indexError,previewInitialized},refs2),isLoading=!index&&!indexError,lastViewedProps=useLastViewed(selected);return import_react25.default.createElement(Container2,{className:"container sidebar-container"},import_react25.default.createElement(CustomScrollArea,{vertical:!0},import_react25.default.createElement(StyledSpaced,{row:1.6},import_react25.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,skipLinkHref:"#storybook-preview-wrapper"}),import_react25.default.createElement(Search,{dataset,isLoading,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps,highlightedIndex})=>import_react25.default.createElement(Swap,{condition:isBrowsing},import_react25.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react25.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,enableShortcuts,isLoading}))))))});var import_react26=__toESM(require_react()),import_components12=__toESM(require_dist11()),import_theming18=__toESM(require_dist10()),import_manager_api9=__toESM(require_dist9()),focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key=import_theming18.styled.span(({theme})=>({display:"inline-block",height:16,lineHeight:"16px",textAlign:"center",fontSize:"11px",background:theme.base==="light"?"rgba(0,0,0,0.05)":"rgba(255,255,255,0.05)",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,borderRadius:2,userSelect:"none",pointerEvents:"none",padding:"0 6px"})),KeyChild=import_theming18.styled.code(({theme})=>`
   padding: 0;
   vertical-align: middle;