@storybook/manager 0.0.0-pr-26210-sha-0190219a → 0.0.0-pr-26176-sha-e072ee44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/WithTooltip-4IJ4T2ZO-E24EW2BO.js +1 -0
  2. package/dist/{chunk-SMOOZNBB.js → chunk-3V2MLRJ5.js} +4 -4
  3. package/dist/{chunk-AMRE34KO.js → chunk-7WELUO2O.js} +1 -1
  4. package/dist/{chunk-7EIPTVVO.js → chunk-CPNUVRH4.js} +1 -1
  5. package/dist/{chunk-W2OTLW5W.js → chunk-DKQGLXPT.js} +1 -1
  6. package/dist/{chunk-6OHWNOBM.js → chunk-KWNIF325.js} +5 -5
  7. package/dist/globals-runtime.js +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/runtime.js +1 -1
  10. package/dist/{syntaxhighlighter-P2EQDVYX-DHVB3KAI.js → syntaxhighlighter-P2EQDVYX-W46ICFMR.js} +1 -1
  11. package/package.json +10 -10
  12. package/dist/WithTooltip-4IJ4T2ZO-NEVNO4KA.js +0 -1
package/dist/{chunk-SMOOZNBB.js → chunk-3V2MLRJ5.js} RENAMED
@@ -1,5 +1,5 @@
1
- import{Addon_TypesEnum,AlertIcon,ArrowLeftIcon,Badge,BottomBarIcon,BottomBarToggleIcon,Button,CheckIcon,ChevronDownIcon,CircleIcon,CloseAltIcon,CloseIcon,CogIcon,CollapseIcon,DocumentIcon,ErrorFormatter,ExpandAltIcon,ExpandIcon,EyeCloseIcon,EyeIcon,FORCE_REMOUNT,Form,GithubIcon,GlobeIcon,HeartIcon,IconButton,Icons,InfoIcon,LightningIcon,Link2,Link22,LinkIcon,Loader,Location,LocationProvider,LockIcon,ManagerConsumer,ManagerProvider,Match,MenuIcon,PRELOAD_ENTRIES,PREVIEW_BUILDER_PROGRESS,ProviderDoesNotExtendBaseProviderError,Route2,SET_CURRENT_STORY,STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL,SearchIcon,Separator,ShareAltIcon,SidebarAltIcon,Spaced,StorybookIcon,StorybookLogo,SyncIcon,TabBar,TabButton,Tabs,TimeIcon,TooltipLinkList,TrashIcon,WandIcon,WithTooltip,Zoom,ZoomIcon,ZoomOutIcon,ZoomResetIcon,addons,eventToShortcut,getStoryHref,merge_default,require_isObject,require_isSymbol,require_lib,require_root,require_store2,shortcutMatchesShortcut,shortcutToHumanString,typesX,useNavigate2,useStorybookApi,useStorybookState}from"./chunk-6OHWNOBM.js";import{ScrollArea,_extends}from"./chunk-7EIPTVVO.js";import{Global,ThemeProvider,createGlobal,ensure,keyframes,logger,newStyled,require_react,require_react_dom,scope,useTheme,withTheme}from"./chunk-AMRE34KO.js";import{__commonJS,__toESM,require_memoizerific}from"./chunk-3BK6Y7TM.js";var require_client=__commonJS({"../../node_modules/react-dom/client.js"(exports){"use strict";var m2=require_react_dom();i3=m2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,exports.createRoot=function(c2,o2){i3.usingClientEntryPoint=!0;try{return m2.createRoot(c2,o2)}finally{i3.usingClientEntryPoint=!1}},exports.hydrateRoot=function(c2,h2,o2){i3.usingClientEntryPoint=!0;try{return m2.hydrateRoot(c2,h2,o2)}finally{i3.usingClientEntryPoint=!1}};var i3}});var require_react_is_development=__commonJS({"../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(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,Fragment9=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}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment9,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is=__commonJS({"../../node_modules/prop-types/node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development()}});var require_object_assign=__commonJS({"../../node_modules/object-assign/index.js"(exports,module){"use strict";var getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(val)}function shouldUseNative(){try{if(!Object.assign)return!1;var test1=new String("abc");if(test1[5]="de",Object.getOwnPropertyNames(test1)[0]==="5")return!1;for(var test2={},i3=0;i3<10;i3++)test2["_"+String.fromCharCode(i3)]=i3;var order2=Object.getOwnPropertyNames(test2).map(function(n3){return test2[n3]});if(order2.join("")!=="0123456789")return!1;var test3={};return"abcdefghijklmnopqrst".split("").forEach(function(letter){test3[letter]=letter}),Object.keys(Object.assign({},test3)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}module.exports=shouldUseNative()?Object.assign:function(target,source){for(var from,to=toObject(target),symbols,s2=1;s2<arguments.length;s2++){from=Object(arguments[s2]);for(var key in from)hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i3=0;i3<symbols.length;i3++)propIsEnumerable.call(from,symbols[i3])&&(to[symbols[i3]]=from[symbols[i3]])}}return to}}});var require_ReactPropTypesSecret=__commonJS({"../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports,module){"use strict";var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";module.exports=ReactPropTypesSecret}});var require_has=__commonJS({"../../node_modules/prop-types/lib/has.js"(exports,module){module.exports=Function.call.bind(Object.prototype.hasOwnProperty)}});var require_checkPropTypes=__commonJS({"../../node_modules/prop-types/checkPropTypes.js"(exports,module){"use strict";var printWarning=function(){};ReactPropTypesSecret=require_ReactPropTypesSecret(),loggedTypeFailures={},has=require_has(),printWarning=function(text){var message="Warning: "+text;typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}};var ReactPropTypesSecret,loggedTypeFailures,has;function checkPropTypes(typeSpecs,values,location,componentName,getStack){for(var typeSpecName in typeSpecs)if(has(typeSpecs,typeSpecName)){var error;try{if(typeof typeSpecs[typeSpecName]!="function"){var err=Error((componentName||"React class")+": "+location+" type `"+typeSpecName+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof typeSpecs[typeSpecName]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw err.name="Invariant Violation",err}error=typeSpecs[typeSpecName](values,typeSpecName,componentName,location,null,ReactPropTypesSecret)}catch(ex){error=ex}if(error&&!(error instanceof Error)&&printWarning((componentName||"React class")+": type specification of "+location+" `"+typeSpecName+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof error+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),error instanceof Error&&!(error.message in loggedTypeFailures)){loggedTypeFailures[error.message]=!0;var stack=getStack?getStack():"";printWarning("Failed "+location+" type: "+error.message+(stack??""))}}}checkPropTypes.resetWarningCache=function(){loggedTypeFailures={}};module.exports=checkPropTypes}});var require_factoryWithTypeCheckers=__commonJS({"../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports,module){"use strict";var ReactIs=require_react_is(),assign=require_object_assign(),ReactPropTypesSecret=require_ReactPropTypesSecret(),has=require_has(),checkPropTypes=require_checkPropTypes(),printWarning=function(){};printWarning=function(text){var message="Warning: "+text;typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}};function emptyFunctionThatReturnsNull(){return null}module.exports=function(isValidElement,throwOnDirectAccess){var ITERATOR_SYMBOL=typeof Symbol=="function"&&Symbol.iterator,FAUX_ITERATOR_SYMBOL="@@iterator";function getIteratorFn(maybeIterable){var iteratorFn=maybeIterable&&(ITERATOR_SYMBOL&&maybeIterable[ITERATOR_SYMBOL]||maybeIterable[FAUX_ITERATOR_SYMBOL]);if(typeof iteratorFn=="function")return iteratorFn}var ANONYMOUS="<<anonymous>>",ReactPropTypes={array:createPrimitiveTypeChecker("array"),bigint:createPrimitiveTypeChecker("bigint"),bool:createPrimitiveTypeChecker("boolean"),func:createPrimitiveTypeChecker("function"),number:createPrimitiveTypeChecker("number"),object:createPrimitiveTypeChecker("object"),string:createPrimitiveTypeChecker("string"),symbol:createPrimitiveTypeChecker("symbol"),any:createAnyTypeChecker(),arrayOf:createArrayOfTypeChecker,element:createElementTypeChecker(),elementType:createElementTypeTypeChecker(),instanceOf:createInstanceTypeChecker,node:createNodeChecker(),objectOf:createObjectOfTypeChecker,oneOf:createEnumTypeChecker,oneOfType:createUnionTypeChecker,shape:createShapeTypeChecker,exact:createStrictShapeTypeChecker};function is(x2,y2){return x2===y2?x2!==0||1/x2===1/y2:x2!==x2&&y2!==y2}function PropTypeError(message,data){this.message=message,this.data=data&&typeof data=="object"?data:{},this.stack=""}PropTypeError.prototype=Error.prototype;function createChainableTypeChecker(validate){var manualPropTypeCallCache={},manualPropTypeWarningCount=0;function checkType(isRequired,props,propName,componentName,location,propFullName,secret){if(componentName=componentName||ANONYMOUS,propFullName=propFullName||propName,secret!==ReactPropTypesSecret){if(throwOnDirectAccess){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}else if(typeof console<"u"){var cacheKey=componentName+":"+propName;!manualPropTypeCallCache[cacheKey]&&manualPropTypeWarningCount<3&&(printWarning("You are manually calling a React.PropTypes validation function for the `"+propFullName+"` prop on `"+componentName+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),manualPropTypeCallCache[cacheKey]=!0,manualPropTypeWarningCount++)}}return props[propName]==null?isRequired?props[propName]===null?new PropTypeError("The "+location+" `"+propFullName+"` is marked as required "+("in `"+componentName+"`, but its value is `null`.")):new PropTypeError("The "+location+" `"+propFullName+"` is marked as required in "+("`"+componentName+"`, but its value is `undefined`.")):null:validate(props,propName,componentName,location,propFullName)}var chainedCheckType=checkType.bind(null,!1);return chainedCheckType.isRequired=checkType.bind(null,!0),chainedCheckType}function createPrimitiveTypeChecker(expectedType){function validate(props,propName,componentName,location,propFullName,secret){var propValue=props[propName],propType=getPropType(propValue);if(propType!==expectedType){var preciseType=getPreciseType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+preciseType+"` supplied to `"+componentName+"`, expected ")+("`"+expectedType+"`."),{expectedType})}return null}return createChainableTypeChecker(validate)}function createAnyTypeChecker(){return createChainableTypeChecker(emptyFunctionThatReturnsNull)}function createArrayOfTypeChecker(typeChecker){function validate(props,propName,componentName,location,propFullName){if(typeof typeChecker!="function")return new PropTypeError("Property `"+propFullName+"` of component `"+componentName+"` has invalid PropType notation inside arrayOf.");var propValue=props[propName];if(!Array.isArray(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected an array."))}for(var i3=0;i3<propValue.length;i3++){var error=typeChecker(propValue,i3,componentName,location,propFullName+"["+i3+"]",ReactPropTypesSecret);if(error instanceof Error)return error}return null}return createChainableTypeChecker(validate)}function createElementTypeChecker(){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName];if(!isValidElement(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected a single ReactElement."))}return null}return createChainableTypeChecker(validate)}function createElementTypeTypeChecker(){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName];if(!ReactIs.isValidElementType(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected a single ReactElement type."))}return null}return createChainableTypeChecker(validate)}function createInstanceTypeChecker(expectedClass){function validate(props,propName,componentName,location,propFullName){if(!(props[propName]instanceof expectedClass)){var expectedClassName=expectedClass.name||ANONYMOUS,actualClassName=getClassName(props[propName]);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+actualClassName+"` supplied to `"+componentName+"`, expected ")+("instance of `"+expectedClassName+"`."))}return null}return createChainableTypeChecker(validate)}function createEnumTypeChecker(expectedValues){if(!Array.isArray(expectedValues))return arguments.length>1?printWarning("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):printWarning("Invalid argument supplied to oneOf, expected an array."),emptyFunctionThatReturnsNull;function validate(props,propName,componentName,location,propFullName){for(var propValue=props[propName],i3=0;i3<expectedValues.length;i3++)if(is(propValue,expectedValues[i3]))return null;var valuesString=JSON.stringify(expectedValues,function(key,value){var type=getPreciseType(value);return type==="symbol"?String(value):value});return new PropTypeError("Invalid "+location+" `"+propFullName+"` of value `"+String(propValue)+"` "+("supplied to `"+componentName+"`, expected one of "+valuesString+"."))}return createChainableTypeChecker(validate)}function createObjectOfTypeChecker(typeChecker){function validate(props,propName,componentName,location,propFullName){if(typeof typeChecker!="function")return new PropTypeError("Property `"+propFullName+"` of component `"+componentName+"` has invalid PropType notation inside objectOf.");var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected an object."));for(var key in propValue)if(has(propValue,key)){var error=typeChecker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error instanceof Error)return error}return null}return createChainableTypeChecker(validate)}function createUnionTypeChecker(arrayOfTypeCheckers){if(!Array.isArray(arrayOfTypeCheckers))return printWarning("Invalid argument supplied to oneOfType, expected an instance of array."),emptyFunctionThatReturnsNull;for(var i3=0;i3<arrayOfTypeCheckers.length;i3++){var checker=arrayOfTypeCheckers[i3];if(typeof checker!="function")return printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+getPostfixForTypeWarning(checker)+" at index "+i3+"."),emptyFunctionThatReturnsNull}function validate(props,propName,componentName,location,propFullName){for(var expectedTypes=[],i4=0;i4<arrayOfTypeCheckers.length;i4++){var checker2=arrayOfTypeCheckers[i4],checkerResult=checker2(props,propName,componentName,location,propFullName,ReactPropTypesSecret);if(checkerResult==null)return null;checkerResult.data&&has(checkerResult.data,"expectedType")&&expectedTypes.push(checkerResult.data.expectedType)}var expectedTypesMessage=expectedTypes.length>0?", expected one of type ["+expectedTypes.join(", ")+"]":"";return new PropTypeError("Invalid "+location+" `"+propFullName+"` supplied to "+("`"+componentName+"`"+expectedTypesMessage+"."))}return createChainableTypeChecker(validate)}function createNodeChecker(){function validate(props,propName,componentName,location,propFullName){return isNode(props[propName])?null:new PropTypeError("Invalid "+location+" `"+propFullName+"` supplied to "+("`"+componentName+"`, expected a ReactNode."))}return createChainableTypeChecker(validate)}function invalidValidatorError(componentName,location,propFullName,key,type){return new PropTypeError((componentName||"React class")+": "+location+" type `"+propFullName+"."+key+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+type+"`.")}function createShapeTypeChecker(shapeTypes){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type `"+propType+"` "+("supplied to `"+componentName+"`, expected `object`."));for(var key in shapeTypes){var checker=shapeTypes[key];if(typeof checker!="function")return invalidValidatorError(componentName,location,propFullName,key,getPreciseType(checker));var error=checker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error)return error}return null}return createChainableTypeChecker(validate)}function createStrictShapeTypeChecker(shapeTypes){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type `"+propType+"` "+("supplied to `"+componentName+"`, expected `object`."));var allKeys=assign({},props[propName],shapeTypes);for(var key in allKeys){var checker=shapeTypes[key];if(has(shapeTypes,key)&&typeof checker!="function")return invalidValidatorError(componentName,location,propFullName,key,getPreciseType(checker));if(!checker)return new PropTypeError("Invalid "+location+" `"+propFullName+"` key `"+key+"` supplied to `"+componentName+"`.\nBad object: "+JSON.stringify(props[propName],null," ")+`
2
- Valid keys: `+JSON.stringify(Object.keys(shapeTypes),null," "));var error=checker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error)return error}return null}return createChainableTypeChecker(validate)}function isNode(propValue){switch(typeof propValue){case"number":case"string":case"undefined":return!0;case"boolean":return!propValue;case"object":if(Array.isArray(propValue))return propValue.every(isNode);if(propValue===null||isValidElement(propValue))return!0;var iteratorFn=getIteratorFn(propValue);if(iteratorFn){var iterator=iteratorFn.call(propValue),step;if(iteratorFn!==propValue.entries){for(;!(step=iterator.next()).done;)if(!isNode(step.value))return!1}else for(;!(step=iterator.next()).done;){var entry=step.value;if(entry&&!isNode(entry[1]))return!1}}else return!1;return!0;default:return!1}}function isSymbol(propType,propValue){return propType==="symbol"?!0:propValue?propValue["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&propValue instanceof Symbol:!1}function getPropType(propValue){var propType=typeof propValue;return Array.isArray(propValue)?"array":propValue instanceof RegExp?"object":isSymbol(propType,propValue)?"symbol":propType}function getPreciseType(propValue){if(typeof propValue>"u"||propValue===null)return""+propValue;var propType=getPropType(propValue);if(propType==="object"){if(propValue instanceof Date)return"date";if(propValue instanceof RegExp)return"regexp"}return propType}function getPostfixForTypeWarning(value){var type=getPreciseType(value);switch(type){case"array":case"object":return"an "+type;case"boolean":case"date":case"regexp":return"a "+type;default:return type}}function getClassName(propValue){return!propValue.constructor||!propValue.constructor.name?ANONYMOUS:propValue.constructor.name}return ReactPropTypes.checkPropTypes=checkPropTypes,ReactPropTypes.resetWarningCache=checkPropTypes.resetWarningCache,ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}}});var require_prop_types=__commonJS({"../../node_modules/prop-types/index.js"(exports,module){ReactIs=require_react_is(),throwOnDirectAccess=!0,module.exports=require_factoryWithTypeCheckers()(ReactIs.isElement,throwOnDirectAccess);var ReactIs,throwOnDirectAccess}});var require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a2,b2){if(a2===b2)return!0;if(a2&&b2&&typeof a2=="object"&&typeof b2=="object"){if(a2.constructor!==b2.constructor)return!1;var length,i3,keys;if(Array.isArray(a2)){if(length=a2.length,length!=b2.length)return!1;for(i3=length;i3--!==0;)if(!equal(a2[i3],b2[i3]))return!1;return!0}var it;if(hasMap&&a2 instanceof Map&&b2 instanceof Map){if(a2.size!==b2.size)return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!b2.has(i3.value[0]))return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!equal(i3.value[1],b2.get(i3.value[0])))return!1;return!0}if(hasSet&&a2 instanceof Set&&b2 instanceof Set){if(a2.size!==b2.size)return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!b2.has(i3.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a2)&&ArrayBuffer.isView(b2)){if(length=a2.length,length!=b2.length)return!1;for(i3=length;i3--!==0;)if(a2[i3]!==b2[i3])return!1;return!0}if(a2.constructor===RegExp)return a2.source===b2.source&&a2.flags===b2.flags;if(a2.valueOf!==Object.prototype.valueOf&&typeof a2.valueOf=="function"&&typeof b2.valueOf=="function")return a2.valueOf()===b2.valueOf();if(a2.toString!==Object.prototype.toString&&typeof a2.toString=="function"&&typeof b2.toString=="function")return a2.toString()===b2.toString();if(keys=Object.keys(a2),length=keys.length,length!==Object.keys(b2).length)return!1;for(i3=length;i3--!==0;)if(!Object.prototype.hasOwnProperty.call(b2,keys[i3]))return!1;if(hasElementType&&a2 instanceof Element)return!1;for(i3=length;i3--!==0;)if(!((keys[i3]==="_owner"||keys[i3]==="__v"||keys[i3]==="__o")&&a2.$$typeof)&&!equal(a2[keys[i3]],b2[keys[i3]]))return!1;return!0}return a2!==a2&&b2!==b2}module.exports=function(a2,b2){try{return equal(a2,b2)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}});var require_browser=__commonJS({"../../node_modules/invariant/browser.js"(exports,module){"use strict";var invariant=function(condition,format2,a2,b2,c2,d2,e3,f2){if(format2===void 0)throw new Error("invariant requires an error message argument");if(!condition){var error;if(format2===void 0)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a2,b2,c2,d2,e3,f2],argIndex=0;error=new Error(format2.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}};module.exports=invariant}});var require_shallowequal=__commonJS({"../../node_modules/shallowequal/index.js"(exports,module){module.exports=function(objA,objB,compare,compareContext){var ret=compare?compare.call(compareContext,objA,objB):void 0;if(ret!==void 0)return!!ret;if(objA===objB)return!0;if(typeof objA!="object"||!objA||typeof objB!="object"||!objB)return!1;var keysA=Object.keys(objA),keysB=Object.keys(objB);if(keysA.length!==keysB.length)return!1;for(var bHasOwnProperty=Object.prototype.hasOwnProperty.bind(objB),idx=0;idx<keysA.length;idx++){var key=keysA[idx];if(!bHasOwnProperty(key))return!1;var valueA=objA[key],valueB=objB[key];if(ret=compare?compare.call(compareContext,valueA,valueB,key):void 0,ret===!1||ret===void 0&&valueA!==valueB)return!1}return!0}}});var require_now=__commonJS({"../../node_modules/lodash/now.js"(exports,module){var root=require_root(),now=function(){return root.Date.now()};module.exports=now}});var require_trimmedEndIndex=__commonJS({"../../node_modules/lodash/_trimmedEndIndex.js"(exports,module){var reWhitespace=/\s/;function trimmedEndIndex(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index}module.exports=trimmedEndIndex}});var require_baseTrim=__commonJS({"../../node_modules/lodash/_baseTrim.js"(exports,module){var trimmedEndIndex=require_trimmedEndIndex(),reTrimStart=/^\s+/;function baseTrim(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}module.exports=baseTrim}});var require_toNumber=__commonJS({"../../node_modules/lodash/toNumber.js"(exports,module){var baseTrim=require_baseTrim(),isObject=require_isObject(),isSymbol=require_isSymbol(),NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(value){if(typeof value=="number")return value;if(isSymbol(value))return NAN;if(isObject(value)){var other=typeof value.valueOf=="function"?value.valueOf():value;value=isObject(other)?other+"":other}if(typeof value!="string")return value===0?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value}module.exports=toNumber}});var require_debounce=__commonJS({"../../node_modules/lodash/debounce.js"(exports,module){var isObject=require_isObject(),now=require_now(),toNumber=require_toNumber(),FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce3(func,wait,options2){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT);wait=toNumber(wait)||0,isObject(options2)&&(leading=!!options2.leading,maxing="maxWait"in options2,maxWait=maxing?nativeMax(toNumber(options2.maxWait)||0,wait):maxWait,trailing="trailing"in options2?!!options2.trailing:trailing);function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args),result}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result}return debounced.cancel=cancel,debounced.flush=flush,debounced}module.exports=debounce3}});var require_throttle=__commonJS({"../../node_modules/lodash/throttle.js"(exports,module){var debounce3=require_debounce(),isObject=require_isObject(),FUNC_ERROR_TEXT="Expected a function";function throttle2(func,wait,options2){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT);return isObject(options2)&&(leading="leading"in options2?!!options2.leading:leading,trailing="trailing"in options2?!!options2.trailing:trailing),debounce3(func,wait,{leading,maxWait:wait,trailing})}module.exports=throttle2}});var require_react_is_development2=__commonJS({"../../node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(function(){"use strict";var REACT_ELEMENT_TYPE=60103,REACT_PORTAL_TYPE=60106,REACT_FRAGMENT_TYPE=60107,REACT_STRICT_MODE_TYPE=60108,REACT_PROFILER_TYPE=60114,REACT_PROVIDER_TYPE=60109,REACT_CONTEXT_TYPE=60110,REACT_FORWARD_REF_TYPE=60112,REACT_SUSPENSE_TYPE=60113,REACT_SUSPENSE_LIST_TYPE=60120,REACT_MEMO_TYPE=60115,REACT_LAZY_TYPE=60116,REACT_BLOCK_TYPE=60121,REACT_SERVER_BLOCK_TYPE=60122,REACT_FUNDAMENTAL_TYPE=60117,REACT_SCOPE_TYPE=60119,REACT_OPAQUE_ID_TYPE=60128,REACT_DEBUG_TRACING_MODE_TYPE=60129,REACT_OFFSCREEN_TYPE=60130,REACT_LEGACY_HIDDEN_TYPE=60131;if(typeof Symbol=="function"&&Symbol.for){var symbolFor=Symbol.for;REACT_ELEMENT_TYPE=symbolFor("react.element"),REACT_PORTAL_TYPE=symbolFor("react.portal"),REACT_FRAGMENT_TYPE=symbolFor("react.fragment"),REACT_STRICT_MODE_TYPE=symbolFor("react.strict_mode"),REACT_PROFILER_TYPE=symbolFor("react.profiler"),REACT_PROVIDER_TYPE=symbolFor("react.provider"),REACT_CONTEXT_TYPE=symbolFor("react.context"),REACT_FORWARD_REF_TYPE=symbolFor("react.forward_ref"),REACT_SUSPENSE_TYPE=symbolFor("react.suspense"),REACT_SUSPENSE_LIST_TYPE=symbolFor("react.suspense_list"),REACT_MEMO_TYPE=symbolFor("react.memo"),REACT_LAZY_TYPE=symbolFor("react.lazy"),REACT_BLOCK_TYPE=symbolFor("react.block"),REACT_SERVER_BLOCK_TYPE=symbolFor("react.server.block"),REACT_FUNDAMENTAL_TYPE=symbolFor("react.fundamental"),REACT_SCOPE_TYPE=symbolFor("react.scope"),REACT_OPAQUE_ID_TYPE=symbolFor("react.opaque.id"),REACT_DEBUG_TRACING_MODE_TYPE=symbolFor("react.debug_trace_mode"),REACT_OFFSCREEN_TYPE=symbolFor("react.offscreen"),REACT_LEGACY_HIDDEN_TYPE=symbolFor("react.legacy_hidden")}var enableScopeAPI=!1;function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||type===REACT_DEBUG_TRACING_MODE_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||type===REACT_LEGACY_HIDDEN_TYPE||enableScopeAPI||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_BLOCK_TYPE||type[0]===REACT_SERVER_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_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:case REACT_SUSPENSE_LIST_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 ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment9=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,hasWarnedAboutDeprecatedIsConcurrentMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isConcurrentMode(object){return hasWarnedAboutDeprecatedIsConcurrentMode||(hasWarnedAboutDeprecatedIsConcurrentMode=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}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}exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment9,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is2=__commonJS({"../../node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development2()}});var require_fuse=__commonJS({"../../node_modules/fuse.js/dist/fuse.js"(exports,module){(function(e3,t3){typeof exports=="object"&&typeof module=="object"?module.exports=t3():typeof define=="function"&&define.amd?define("Fuse",[],t3):typeof exports=="object"?exports.Fuse=t3():e3.Fuse=t3()})(exports,function(){return function(e3){var t3={};function r3(n3){if(t3[n3])return t3[n3].exports;var o2=t3[n3]={i:n3,l:!1,exports:{}};return e3[n3].call(o2.exports,o2,o2.exports,r3),o2.l=!0,o2.exports}return r3.m=e3,r3.c=t3,r3.d=function(e4,t4,n3){r3.o(e4,t4)||Object.defineProperty(e4,t4,{enumerable:!0,get:n3})},r3.r=function(e4){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e4,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e4,"__esModule",{value:!0})},r3.t=function(e4,t4){if(1&t4&&(e4=r3(e4)),8&t4||4&t4&&typeof e4=="object"&&e4&&e4.__esModule)return e4;var n3=Object.create(null);if(r3.r(n3),Object.defineProperty(n3,"default",{enumerable:!0,value:e4}),2&t4&&typeof e4!="string")for(var o2 in e4)r3.d(n3,o2,(function(t5){return e4[t5]}).bind(null,o2));return n3},r3.n=function(e4){var t4=e4&&e4.__esModule?function(){return e4.default}:function(){return e4};return r3.d(t4,"a",t4),t4},r3.o=function(e4,t4){return Object.prototype.hasOwnProperty.call(e4,t4)},r3.p="",r3(r3.s=0)}([function(e3,t3,r3){function n3(e4){return(n3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e5){return typeof e5}:function(e5){return e5&&typeof Symbol=="function"&&e5.constructor===Symbol&&e5!==Symbol.prototype?"symbol":typeof e5})(e4)}function o2(e4,t4){for(var r4=0;r4<t4.length;r4++){var n4=t4[r4];n4.enumerable=n4.enumerable||!1,n4.configurable=!0,"value"in n4&&(n4.writable=!0),Object.defineProperty(e4,n4.key,n4)}}var i3=r3(1),a2=r3(7),s2=a2.get,c2=(a2.deepValue,a2.isArray),h2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,a4=i4===void 0?100:i4,c3=r5.threshold,h3=c3===void 0?.6:c3,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f2=r5.caseSensitive,v2=f2!==void 0&&f2,p2=r5.tokenSeparator,d2=p2===void 0?/ +/g:p2,g2=r5.findAllMatches,y2=g2!==void 0&&g2,m2=r5.minMatchCharLength,k2=m2===void 0?1:m2,b2=r5.id,S2=b2===void 0?null:b2,x2=r5.keys,M2=x2===void 0?[]:x2,_2=r5.shouldSort,w2=_2===void 0||_2,L2=r5.getFn,A2=L2===void 0?s2:L2,O2=r5.sortFn,C2=O2===void 0?function(e5,t6){return e5.score-t6.score}:O2,j2=r5.tokenize,P2=j2!==void 0&&j2,I2=r5.matchAllTokens,F2=I2!==void 0&&I2,T2=r5.includeMatches,N2=T2!==void 0&&T2,z2=r5.includeScore,E2=z2!==void 0&&z2,W2=r5.verbose,K2=W2!==void 0&&W2;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:a4,threshold:h3,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,minMatchCharLength:k2,id:S2,keys:M2,includeMatches:N2,includeScore:E2,shouldSort:w2,getFn:A2,sortFn:C2,verbose:K2,tokenize:P2,matchAllTokens:F2},this.setCollection(t5),this._processKeys(M2)}var t4,r4,a3;return t4=e4,(r4=[{key:"setCollection",value:function(e5){return this.list=e5,e5}},{key:"_processKeys",value:function(e5){if(this._keyWeights={},this._keyNames=[],e5.length&&typeof e5[0]=="string")for(var t5=0,r5=e5.length;t5<r5;t5+=1){var n4=e5[t5];this._keyWeights[n4]=1,this._keyNames.push(n4)}else{for(var o3=null,i4=null,a4=0,s3=0,c3=e5.length;s3<c3;s3+=1){var h3=e5[s3];if(!h3.hasOwnProperty("name"))throw new Error('Missing "name" property in key object');var l2=h3.name;if(this._keyNames.push(l2),!h3.hasOwnProperty("weight"))throw new Error('Missing "weight" property in key object');var u2=h3.weight;if(u2<0||u2>1)throw new Error('"weight" property in key must bein the range of [0, 1)');i4=i4==null?u2:Math.max(i4,u2),o3=o3==null?u2:Math.min(o3,u2),this._keyWeights[l2]=u2,a4+=u2}if(a4>1)throw new Error("Total of weights cannot exceed 1")}}},{key:"search",value:function(e5){var t5=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{limit:!1};this._log(`---------
1
+ import{Addon_TypesEnum,AlertIcon,ArrowLeftIcon,Badge,BottomBarIcon,BottomBarToggleIcon,Button,CheckIcon,ChevronDownIcon,CircleIcon,CloseAltIcon,CloseIcon,CogIcon,CollapseIcon,DocumentIcon,ErrorFormatter,ExpandAltIcon,ExpandIcon,EyeCloseIcon,EyeIcon,FORCE_REMOUNT,Form,GithubIcon,GlobeIcon,HeartIcon,IconButton,Icons,InfoIcon,LightningIcon,Link2,Link22,LinkIcon,Loader,Location,LocationProvider,LockIcon,ManagerConsumer,ManagerProvider,Match,MenuIcon,PRELOAD_ENTRIES,PREVIEW_BUILDER_PROGRESS,ProviderDoesNotExtendBaseProviderError,Route2,SET_CURRENT_STORY,STORIES_COLLAPSE_ALL,STORIES_EXPAND_ALL,SearchIcon,Separator,ShareAltIcon,SidebarAltIcon,Spaced,StorybookIcon,StorybookLogo,SyncIcon,TabBar,TabButton,Tabs,TimeIcon,TooltipLinkList,TrashIcon,WandIcon,WithTooltip,Zoom,ZoomIcon,ZoomOutIcon,ZoomResetIcon,addons,eventToShortcut,getStoryHref,merge_default,require_isObject,require_isSymbol,require_lib,require_root,require_store2,shortcutMatchesShortcut,shortcutToHumanString,typesX,useNavigate2,useStorybookApi,useStorybookState}from"./chunk-KWNIF325.js";import{ScrollArea,_extends}from"./chunk-CPNUVRH4.js";import{Global,ThemeProvider,createGlobal,ensure,keyframes,logger,newStyled,require_react,require_react_dom,scope,useTheme,withTheme}from"./chunk-7WELUO2O.js";import{__commonJS,__toESM,require_memoizerific}from"./chunk-3BK6Y7TM.js";var require_client=__commonJS({"../../node_modules/react-dom/client.js"(exports){"use strict";var m2=require_react_dom();i3=m2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,exports.createRoot=function(c2,o2){i3.usingClientEntryPoint=!0;try{return m2.createRoot(c2,o2)}finally{i3.usingClientEntryPoint=!1}},exports.hydrateRoot=function(c2,h2,o2){i3.usingClientEntryPoint=!0;try{return m2.hydrateRoot(c2,h2,o2)}finally{i3.usingClientEntryPoint=!1}};var i3}});var require_react_is_development=__commonJS({"../../node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(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,Fragment9=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}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment9,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is=__commonJS({"../../node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development()}});var require_object_assign=__commonJS({"../../node_modules/object-assign/index.js"(exports,module){"use strict";var getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(val)}function shouldUseNative(){try{if(!Object.assign)return!1;var test1=new String("abc");if(test1[5]="de",Object.getOwnPropertyNames(test1)[0]==="5")return!1;for(var test2={},i3=0;i3<10;i3++)test2["_"+String.fromCharCode(i3)]=i3;var order2=Object.getOwnPropertyNames(test2).map(function(n3){return test2[n3]});if(order2.join("")!=="0123456789")return!1;var test3={};return"abcdefghijklmnopqrst".split("").forEach(function(letter){test3[letter]=letter}),Object.keys(Object.assign({},test3)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}module.exports=shouldUseNative()?Object.assign:function(target,source){for(var from,to=toObject(target),symbols,s2=1;s2<arguments.length;s2++){from=Object(arguments[s2]);for(var key in from)hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i3=0;i3<symbols.length;i3++)propIsEnumerable.call(from,symbols[i3])&&(to[symbols[i3]]=from[symbols[i3]])}}return to}}});var require_ReactPropTypesSecret=__commonJS({"../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports,module){"use strict";var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";module.exports=ReactPropTypesSecret}});var require_has=__commonJS({"../../node_modules/prop-types/lib/has.js"(exports,module){module.exports=Function.call.bind(Object.prototype.hasOwnProperty)}});var require_checkPropTypes=__commonJS({"../../node_modules/prop-types/checkPropTypes.js"(exports,module){"use strict";var printWarning=function(){};ReactPropTypesSecret=require_ReactPropTypesSecret(),loggedTypeFailures={},has=require_has(),printWarning=function(text){var message="Warning: "+text;typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}};var ReactPropTypesSecret,loggedTypeFailures,has;function checkPropTypes(typeSpecs,values,location,componentName,getStack){for(var typeSpecName in typeSpecs)if(has(typeSpecs,typeSpecName)){var error;try{if(typeof typeSpecs[typeSpecName]!="function"){var err=Error((componentName||"React class")+": "+location+" type `"+typeSpecName+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof typeSpecs[typeSpecName]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw err.name="Invariant Violation",err}error=typeSpecs[typeSpecName](values,typeSpecName,componentName,location,null,ReactPropTypesSecret)}catch(ex){error=ex}if(error&&!(error instanceof Error)&&printWarning((componentName||"React class")+": type specification of "+location+" `"+typeSpecName+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof error+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),error instanceof Error&&!(error.message in loggedTypeFailures)){loggedTypeFailures[error.message]=!0;var stack=getStack?getStack():"";printWarning("Failed "+location+" type: "+error.message+(stack??""))}}}checkPropTypes.resetWarningCache=function(){loggedTypeFailures={}};module.exports=checkPropTypes}});var require_factoryWithTypeCheckers=__commonJS({"../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports,module){"use strict";var ReactIs=require_react_is(),assign=require_object_assign(),ReactPropTypesSecret=require_ReactPropTypesSecret(),has=require_has(),checkPropTypes=require_checkPropTypes(),printWarning=function(){};printWarning=function(text){var message="Warning: "+text;typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}};function emptyFunctionThatReturnsNull(){return null}module.exports=function(isValidElement,throwOnDirectAccess){var ITERATOR_SYMBOL=typeof Symbol=="function"&&Symbol.iterator,FAUX_ITERATOR_SYMBOL="@@iterator";function getIteratorFn(maybeIterable){var iteratorFn=maybeIterable&&(ITERATOR_SYMBOL&&maybeIterable[ITERATOR_SYMBOL]||maybeIterable[FAUX_ITERATOR_SYMBOL]);if(typeof iteratorFn=="function")return iteratorFn}var ANONYMOUS="<<anonymous>>",ReactPropTypes={array:createPrimitiveTypeChecker("array"),bigint:createPrimitiveTypeChecker("bigint"),bool:createPrimitiveTypeChecker("boolean"),func:createPrimitiveTypeChecker("function"),number:createPrimitiveTypeChecker("number"),object:createPrimitiveTypeChecker("object"),string:createPrimitiveTypeChecker("string"),symbol:createPrimitiveTypeChecker("symbol"),any:createAnyTypeChecker(),arrayOf:createArrayOfTypeChecker,element:createElementTypeChecker(),elementType:createElementTypeTypeChecker(),instanceOf:createInstanceTypeChecker,node:createNodeChecker(),objectOf:createObjectOfTypeChecker,oneOf:createEnumTypeChecker,oneOfType:createUnionTypeChecker,shape:createShapeTypeChecker,exact:createStrictShapeTypeChecker};function is(x2,y2){return x2===y2?x2!==0||1/x2===1/y2:x2!==x2&&y2!==y2}function PropTypeError(message,data){this.message=message,this.data=data&&typeof data=="object"?data:{},this.stack=""}PropTypeError.prototype=Error.prototype;function createChainableTypeChecker(validate){var manualPropTypeCallCache={},manualPropTypeWarningCount=0;function checkType(isRequired,props,propName,componentName,location,propFullName,secret){if(componentName=componentName||ANONYMOUS,propFullName=propFullName||propName,secret!==ReactPropTypesSecret){if(throwOnDirectAccess){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}else if(typeof console<"u"){var cacheKey=componentName+":"+propName;!manualPropTypeCallCache[cacheKey]&&manualPropTypeWarningCount<3&&(printWarning("You are manually calling a React.PropTypes validation function for the `"+propFullName+"` prop on `"+componentName+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),manualPropTypeCallCache[cacheKey]=!0,manualPropTypeWarningCount++)}}return props[propName]==null?isRequired?props[propName]===null?new PropTypeError("The "+location+" `"+propFullName+"` is marked as required "+("in `"+componentName+"`, but its value is `null`.")):new PropTypeError("The "+location+" `"+propFullName+"` is marked as required in "+("`"+componentName+"`, but its value is `undefined`.")):null:validate(props,propName,componentName,location,propFullName)}var chainedCheckType=checkType.bind(null,!1);return chainedCheckType.isRequired=checkType.bind(null,!0),chainedCheckType}function createPrimitiveTypeChecker(expectedType){function validate(props,propName,componentName,location,propFullName,secret){var propValue=props[propName],propType=getPropType(propValue);if(propType!==expectedType){var preciseType=getPreciseType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+preciseType+"` supplied to `"+componentName+"`, expected ")+("`"+expectedType+"`."),{expectedType})}return null}return createChainableTypeChecker(validate)}function createAnyTypeChecker(){return createChainableTypeChecker(emptyFunctionThatReturnsNull)}function createArrayOfTypeChecker(typeChecker){function validate(props,propName,componentName,location,propFullName){if(typeof typeChecker!="function")return new PropTypeError("Property `"+propFullName+"` of component `"+componentName+"` has invalid PropType notation inside arrayOf.");var propValue=props[propName];if(!Array.isArray(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected an array."))}for(var i3=0;i3<propValue.length;i3++){var error=typeChecker(propValue,i3,componentName,location,propFullName+"["+i3+"]",ReactPropTypesSecret);if(error instanceof Error)return error}return null}return createChainableTypeChecker(validate)}function createElementTypeChecker(){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName];if(!isValidElement(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected a single ReactElement."))}return null}return createChainableTypeChecker(validate)}function createElementTypeTypeChecker(){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName];if(!ReactIs.isValidElementType(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected a single ReactElement type."))}return null}return createChainableTypeChecker(validate)}function createInstanceTypeChecker(expectedClass){function validate(props,propName,componentName,location,propFullName){if(!(props[propName]instanceof expectedClass)){var expectedClassName=expectedClass.name||ANONYMOUS,actualClassName=getClassName(props[propName]);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+actualClassName+"` supplied to `"+componentName+"`, expected ")+("instance of `"+expectedClassName+"`."))}return null}return createChainableTypeChecker(validate)}function createEnumTypeChecker(expectedValues){if(!Array.isArray(expectedValues))return arguments.length>1?printWarning("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):printWarning("Invalid argument supplied to oneOf, expected an array."),emptyFunctionThatReturnsNull;function validate(props,propName,componentName,location,propFullName){for(var propValue=props[propName],i3=0;i3<expectedValues.length;i3++)if(is(propValue,expectedValues[i3]))return null;var valuesString=JSON.stringify(expectedValues,function(key,value){var type=getPreciseType(value);return type==="symbol"?String(value):value});return new PropTypeError("Invalid "+location+" `"+propFullName+"` of value `"+String(propValue)+"` "+("supplied to `"+componentName+"`, expected one of "+valuesString+"."))}return createChainableTypeChecker(validate)}function createObjectOfTypeChecker(typeChecker){function validate(props,propName,componentName,location,propFullName){if(typeof typeChecker!="function")return new PropTypeError("Property `"+propFullName+"` of component `"+componentName+"` has invalid PropType notation inside objectOf.");var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected an object."));for(var key in propValue)if(has(propValue,key)){var error=typeChecker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error instanceof Error)return error}return null}return createChainableTypeChecker(validate)}function createUnionTypeChecker(arrayOfTypeCheckers){if(!Array.isArray(arrayOfTypeCheckers))return printWarning("Invalid argument supplied to oneOfType, expected an instance of array."),emptyFunctionThatReturnsNull;for(var i3=0;i3<arrayOfTypeCheckers.length;i3++){var checker=arrayOfTypeCheckers[i3];if(typeof checker!="function")return printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+getPostfixForTypeWarning(checker)+" at index "+i3+"."),emptyFunctionThatReturnsNull}function validate(props,propName,componentName,location,propFullName){for(var expectedTypes=[],i4=0;i4<arrayOfTypeCheckers.length;i4++){var checker2=arrayOfTypeCheckers[i4],checkerResult=checker2(props,propName,componentName,location,propFullName,ReactPropTypesSecret);if(checkerResult==null)return null;checkerResult.data&&has(checkerResult.data,"expectedType")&&expectedTypes.push(checkerResult.data.expectedType)}var expectedTypesMessage=expectedTypes.length>0?", expected one of type ["+expectedTypes.join(", ")+"]":"";return new PropTypeError("Invalid "+location+" `"+propFullName+"` supplied to "+("`"+componentName+"`"+expectedTypesMessage+"."))}return createChainableTypeChecker(validate)}function createNodeChecker(){function validate(props,propName,componentName,location,propFullName){return isNode(props[propName])?null:new PropTypeError("Invalid "+location+" `"+propFullName+"` supplied to "+("`"+componentName+"`, expected a ReactNode."))}return createChainableTypeChecker(validate)}function invalidValidatorError(componentName,location,propFullName,key,type){return new PropTypeError((componentName||"React class")+": "+location+" type `"+propFullName+"."+key+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+type+"`.")}function createShapeTypeChecker(shapeTypes){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type `"+propType+"` "+("supplied to `"+componentName+"`, expected `object`."));for(var key in shapeTypes){var checker=shapeTypes[key];if(typeof checker!="function")return invalidValidatorError(componentName,location,propFullName,key,getPreciseType(checker));var error=checker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error)return error}return null}return createChainableTypeChecker(validate)}function createStrictShapeTypeChecker(shapeTypes){function validate(props,propName,componentName,location,propFullName){var propValue=props[propName],propType=getPropType(propValue);if(propType!=="object")return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type `"+propType+"` "+("supplied to `"+componentName+"`, expected `object`."));var allKeys=assign({},props[propName],shapeTypes);for(var key in allKeys){var checker=shapeTypes[key];if(has(shapeTypes,key)&&typeof checker!="function")return invalidValidatorError(componentName,location,propFullName,key,getPreciseType(checker));if(!checker)return new PropTypeError("Invalid "+location+" `"+propFullName+"` key `"+key+"` supplied to `"+componentName+"`.\nBad object: "+JSON.stringify(props[propName],null," ")+`
2
+ Valid keys: `+JSON.stringify(Object.keys(shapeTypes),null," "));var error=checker(propValue,key,componentName,location,propFullName+"."+key,ReactPropTypesSecret);if(error)return error}return null}return createChainableTypeChecker(validate)}function isNode(propValue){switch(typeof propValue){case"number":case"string":case"undefined":return!0;case"boolean":return!propValue;case"object":if(Array.isArray(propValue))return propValue.every(isNode);if(propValue===null||isValidElement(propValue))return!0;var iteratorFn=getIteratorFn(propValue);if(iteratorFn){var iterator=iteratorFn.call(propValue),step;if(iteratorFn!==propValue.entries){for(;!(step=iterator.next()).done;)if(!isNode(step.value))return!1}else for(;!(step=iterator.next()).done;){var entry=step.value;if(entry&&!isNode(entry[1]))return!1}}else return!1;return!0;default:return!1}}function isSymbol(propType,propValue){return propType==="symbol"?!0:propValue?propValue["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&propValue instanceof Symbol:!1}function getPropType(propValue){var propType=typeof propValue;return Array.isArray(propValue)?"array":propValue instanceof RegExp?"object":isSymbol(propType,propValue)?"symbol":propType}function getPreciseType(propValue){if(typeof propValue>"u"||propValue===null)return""+propValue;var propType=getPropType(propValue);if(propType==="object"){if(propValue instanceof Date)return"date";if(propValue instanceof RegExp)return"regexp"}return propType}function getPostfixForTypeWarning(value){var type=getPreciseType(value);switch(type){case"array":case"object":return"an "+type;case"boolean":case"date":case"regexp":return"a "+type;default:return type}}function getClassName(propValue){return!propValue.constructor||!propValue.constructor.name?ANONYMOUS:propValue.constructor.name}return ReactPropTypes.checkPropTypes=checkPropTypes,ReactPropTypes.resetWarningCache=checkPropTypes.resetWarningCache,ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}}});var require_prop_types=__commonJS({"../../node_modules/prop-types/index.js"(exports,module){ReactIs=require_react_is(),throwOnDirectAccess=!0,module.exports=require_factoryWithTypeCheckers()(ReactIs.isElement,throwOnDirectAccess);var ReactIs,throwOnDirectAccess}});var require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a2,b2){if(a2===b2)return!0;if(a2&&b2&&typeof a2=="object"&&typeof b2=="object"){if(a2.constructor!==b2.constructor)return!1;var length,i3,keys;if(Array.isArray(a2)){if(length=a2.length,length!=b2.length)return!1;for(i3=length;i3--!==0;)if(!equal(a2[i3],b2[i3]))return!1;return!0}var it;if(hasMap&&a2 instanceof Map&&b2 instanceof Map){if(a2.size!==b2.size)return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!b2.has(i3.value[0]))return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!equal(i3.value[1],b2.get(i3.value[0])))return!1;return!0}if(hasSet&&a2 instanceof Set&&b2 instanceof Set){if(a2.size!==b2.size)return!1;for(it=a2.entries();!(i3=it.next()).done;)if(!b2.has(i3.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a2)&&ArrayBuffer.isView(b2)){if(length=a2.length,length!=b2.length)return!1;for(i3=length;i3--!==0;)if(a2[i3]!==b2[i3])return!1;return!0}if(a2.constructor===RegExp)return a2.source===b2.source&&a2.flags===b2.flags;if(a2.valueOf!==Object.prototype.valueOf&&typeof a2.valueOf=="function"&&typeof b2.valueOf=="function")return a2.valueOf()===b2.valueOf();if(a2.toString!==Object.prototype.toString&&typeof a2.toString=="function"&&typeof b2.toString=="function")return a2.toString()===b2.toString();if(keys=Object.keys(a2),length=keys.length,length!==Object.keys(b2).length)return!1;for(i3=length;i3--!==0;)if(!Object.prototype.hasOwnProperty.call(b2,keys[i3]))return!1;if(hasElementType&&a2 instanceof Element)return!1;for(i3=length;i3--!==0;)if(!((keys[i3]==="_owner"||keys[i3]==="__v"||keys[i3]==="__o")&&a2.$$typeof)&&!equal(a2[keys[i3]],b2[keys[i3]]))return!1;return!0}return a2!==a2&&b2!==b2}module.exports=function(a2,b2){try{return equal(a2,b2)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}});var require_browser=__commonJS({"../../node_modules/invariant/browser.js"(exports,module){"use strict";var invariant=function(condition,format2,a2,b2,c2,d2,e3,f2){if(format2===void 0)throw new Error("invariant requires an error message argument");if(!condition){var error;if(format2===void 0)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a2,b2,c2,d2,e3,f2],argIndex=0;error=new Error(format2.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}};module.exports=invariant}});var require_shallowequal=__commonJS({"../../node_modules/shallowequal/index.js"(exports,module){module.exports=function(objA,objB,compare,compareContext){var ret=compare?compare.call(compareContext,objA,objB):void 0;if(ret!==void 0)return!!ret;if(objA===objB)return!0;if(typeof objA!="object"||!objA||typeof objB!="object"||!objB)return!1;var keysA=Object.keys(objA),keysB=Object.keys(objB);if(keysA.length!==keysB.length)return!1;for(var bHasOwnProperty=Object.prototype.hasOwnProperty.bind(objB),idx=0;idx<keysA.length;idx++){var key=keysA[idx];if(!bHasOwnProperty(key))return!1;var valueA=objA[key],valueB=objB[key];if(ret=compare?compare.call(compareContext,valueA,valueB,key):void 0,ret===!1||ret===void 0&&valueA!==valueB)return!1}return!0}}});var require_now=__commonJS({"../../node_modules/lodash/now.js"(exports,module){var root=require_root(),now=function(){return root.Date.now()};module.exports=now}});var require_trimmedEndIndex=__commonJS({"../../node_modules/lodash/_trimmedEndIndex.js"(exports,module){var reWhitespace=/\s/;function trimmedEndIndex(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index}module.exports=trimmedEndIndex}});var require_baseTrim=__commonJS({"../../node_modules/lodash/_baseTrim.js"(exports,module){var trimmedEndIndex=require_trimmedEndIndex(),reTrimStart=/^\s+/;function baseTrim(string){return string&&string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,"")}module.exports=baseTrim}});var require_toNumber=__commonJS({"../../node_modules/lodash/toNumber.js"(exports,module){var baseTrim=require_baseTrim(),isObject=require_isObject(),isSymbol=require_isSymbol(),NAN=0/0,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(value){if(typeof value=="number")return value;if(isSymbol(value))return NAN;if(isObject(value)){var other=typeof value.valueOf=="function"?value.valueOf():value;value=isObject(other)?other+"":other}if(typeof value!="string")return value===0?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NAN:+value}module.exports=toNumber}});var require_debounce=__commonJS({"../../node_modules/lodash/debounce.js"(exports,module){var isObject=require_isObject(),now=require_now(),toNumber=require_toNumber(),FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce3(func,wait,options2){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT);wait=toNumber(wait)||0,isObject(options2)&&(leading=!!options2.leading,maxing="maxWait"in options2,maxWait=maxing?nativeMax(toNumber(options2.maxWait)||0,wait):maxWait,trailing="trailing"in options2?!!options2.trailing:trailing);function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args),result}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function remainingWait(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime,timeWaiting=wait-timeSinceLastCall;return maxing?nativeMin(timeWaiting,maxWait-timeSinceLastInvoke):timeWaiting}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime,timeSinceLastInvoke=time-lastInvokeTime;return lastCallTime===void 0||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&timeSinceLastInvoke>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,remainingWait(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function cancel(){timerId!==void 0&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0}function flush(){return timerId===void 0?result:trailingEdge(now())}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(timerId===void 0)return leadingEdge(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return timerId===void 0&&(timerId=setTimeout(timerExpired,wait)),result}return debounced.cancel=cancel,debounced.flush=flush,debounced}module.exports=debounce3}});var require_throttle=__commonJS({"../../node_modules/lodash/throttle.js"(exports,module){var debounce3=require_debounce(),isObject=require_isObject(),FUNC_ERROR_TEXT="Expected a function";function throttle2(func,wait,options2){var leading=!0,trailing=!0;if(typeof func!="function")throw new TypeError(FUNC_ERROR_TEXT);return isObject(options2)&&(leading="leading"in options2?!!options2.leading:leading,trailing="trailing"in options2?!!options2.trailing:trailing),debounce3(func,wait,{leading,maxWait:wait,trailing})}module.exports=throttle2}});var require_react_is_development2=__commonJS({"../../node_modules/downshift/node_modules/react-is/cjs/react-is.development.js"(exports){"use strict";(function(){"use strict";var REACT_ELEMENT_TYPE=60103,REACT_PORTAL_TYPE=60106,REACT_FRAGMENT_TYPE=60107,REACT_STRICT_MODE_TYPE=60108,REACT_PROFILER_TYPE=60114,REACT_PROVIDER_TYPE=60109,REACT_CONTEXT_TYPE=60110,REACT_FORWARD_REF_TYPE=60112,REACT_SUSPENSE_TYPE=60113,REACT_SUSPENSE_LIST_TYPE=60120,REACT_MEMO_TYPE=60115,REACT_LAZY_TYPE=60116,REACT_BLOCK_TYPE=60121,REACT_SERVER_BLOCK_TYPE=60122,REACT_FUNDAMENTAL_TYPE=60117,REACT_SCOPE_TYPE=60119,REACT_OPAQUE_ID_TYPE=60128,REACT_DEBUG_TRACING_MODE_TYPE=60129,REACT_OFFSCREEN_TYPE=60130,REACT_LEGACY_HIDDEN_TYPE=60131;if(typeof Symbol=="function"&&Symbol.for){var symbolFor=Symbol.for;REACT_ELEMENT_TYPE=symbolFor("react.element"),REACT_PORTAL_TYPE=symbolFor("react.portal"),REACT_FRAGMENT_TYPE=symbolFor("react.fragment"),REACT_STRICT_MODE_TYPE=symbolFor("react.strict_mode"),REACT_PROFILER_TYPE=symbolFor("react.profiler"),REACT_PROVIDER_TYPE=symbolFor("react.provider"),REACT_CONTEXT_TYPE=symbolFor("react.context"),REACT_FORWARD_REF_TYPE=symbolFor("react.forward_ref"),REACT_SUSPENSE_TYPE=symbolFor("react.suspense"),REACT_SUSPENSE_LIST_TYPE=symbolFor("react.suspense_list"),REACT_MEMO_TYPE=symbolFor("react.memo"),REACT_LAZY_TYPE=symbolFor("react.lazy"),REACT_BLOCK_TYPE=symbolFor("react.block"),REACT_SERVER_BLOCK_TYPE=symbolFor("react.server.block"),REACT_FUNDAMENTAL_TYPE=symbolFor("react.fundamental"),REACT_SCOPE_TYPE=symbolFor("react.scope"),REACT_OPAQUE_ID_TYPE=symbolFor("react.opaque.id"),REACT_DEBUG_TRACING_MODE_TYPE=symbolFor("react.debug_trace_mode"),REACT_OFFSCREEN_TYPE=symbolFor("react.offscreen"),REACT_LEGACY_HIDDEN_TYPE=symbolFor("react.legacy_hidden")}var enableScopeAPI=!1;function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||type===REACT_DEBUG_TRACING_MODE_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||type===REACT_LEGACY_HIDDEN_TYPE||enableScopeAPI||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_BLOCK_TYPE||type[0]===REACT_SERVER_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_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:case REACT_SUSPENSE_LIST_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 ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element2=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment9=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,hasWarnedAboutDeprecatedIsConcurrentMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function isConcurrentMode(object){return hasWarnedAboutDeprecatedIsConcurrentMode||(hasWarnedAboutDeprecatedIsConcurrentMode=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}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}exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element2,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment9,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef2,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf})()}});var require_react_is2=__commonJS({"../../node_modules/downshift/node_modules/react-is/index.js"(exports,module){"use strict";module.exports=require_react_is_development2()}});var require_fuse=__commonJS({"../../node_modules/fuse.js/dist/fuse.js"(exports,module){(function(e3,t3){typeof exports=="object"&&typeof module=="object"?module.exports=t3():typeof define=="function"&&define.amd?define("Fuse",[],t3):typeof exports=="object"?exports.Fuse=t3():e3.Fuse=t3()})(exports,function(){return function(e3){var t3={};function r3(n3){if(t3[n3])return t3[n3].exports;var o2=t3[n3]={i:n3,l:!1,exports:{}};return e3[n3].call(o2.exports,o2,o2.exports,r3),o2.l=!0,o2.exports}return r3.m=e3,r3.c=t3,r3.d=function(e4,t4,n3){r3.o(e4,t4)||Object.defineProperty(e4,t4,{enumerable:!0,get:n3})},r3.r=function(e4){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e4,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e4,"__esModule",{value:!0})},r3.t=function(e4,t4){if(1&t4&&(e4=r3(e4)),8&t4||4&t4&&typeof e4=="object"&&e4&&e4.__esModule)return e4;var n3=Object.create(null);if(r3.r(n3),Object.defineProperty(n3,"default",{enumerable:!0,value:e4}),2&t4&&typeof e4!="string")for(var o2 in e4)r3.d(n3,o2,(function(t5){return e4[t5]}).bind(null,o2));return n3},r3.n=function(e4){var t4=e4&&e4.__esModule?function(){return e4.default}:function(){return e4};return r3.d(t4,"a",t4),t4},r3.o=function(e4,t4){return Object.prototype.hasOwnProperty.call(e4,t4)},r3.p="",r3(r3.s=0)}([function(e3,t3,r3){function n3(e4){return(n3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e5){return typeof e5}:function(e5){return e5&&typeof Symbol=="function"&&e5.constructor===Symbol&&e5!==Symbol.prototype?"symbol":typeof e5})(e4)}function o2(e4,t4){for(var r4=0;r4<t4.length;r4++){var n4=t4[r4];n4.enumerable=n4.enumerable||!1,n4.configurable=!0,"value"in n4&&(n4.writable=!0),Object.defineProperty(e4,n4.key,n4)}}var i3=r3(1),a2=r3(7),s2=a2.get,c2=(a2.deepValue,a2.isArray),h2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,a4=i4===void 0?100:i4,c3=r5.threshold,h3=c3===void 0?.6:c3,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f2=r5.caseSensitive,v2=f2!==void 0&&f2,p2=r5.tokenSeparator,d2=p2===void 0?/ +/g:p2,g2=r5.findAllMatches,y2=g2!==void 0&&g2,m2=r5.minMatchCharLength,k2=m2===void 0?1:m2,b2=r5.id,S2=b2===void 0?null:b2,x2=r5.keys,M2=x2===void 0?[]:x2,_2=r5.shouldSort,w2=_2===void 0||_2,L2=r5.getFn,A2=L2===void 0?s2:L2,O2=r5.sortFn,C2=O2===void 0?function(e5,t6){return e5.score-t6.score}:O2,j2=r5.tokenize,P2=j2!==void 0&&j2,I2=r5.matchAllTokens,F2=I2!==void 0&&I2,T2=r5.includeMatches,N2=T2!==void 0&&T2,z2=r5.includeScore,E2=z2!==void 0&&z2,W2=r5.verbose,K2=W2!==void 0&&W2;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:a4,threshold:h3,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,minMatchCharLength:k2,id:S2,keys:M2,includeMatches:N2,includeScore:E2,shouldSort:w2,getFn:A2,sortFn:C2,verbose:K2,tokenize:P2,matchAllTokens:F2},this.setCollection(t5),this._processKeys(M2)}var t4,r4,a3;return t4=e4,(r4=[{key:"setCollection",value:function(e5){return this.list=e5,e5}},{key:"_processKeys",value:function(e5){if(this._keyWeights={},this._keyNames=[],e5.length&&typeof e5[0]=="string")for(var t5=0,r5=e5.length;t5<r5;t5+=1){var n4=e5[t5];this._keyWeights[n4]=1,this._keyNames.push(n4)}else{for(var o3=null,i4=null,a4=0,s3=0,c3=e5.length;s3<c3;s3+=1){var h3=e5[s3];if(!h3.hasOwnProperty("name"))throw new Error('Missing "name" property in key object');var l2=h3.name;if(this._keyNames.push(l2),!h3.hasOwnProperty("weight"))throw new Error('Missing "weight" property in key object');var u2=h3.weight;if(u2<0||u2>1)throw new Error('"weight" property in key must bein the range of [0, 1)');i4=i4==null?u2:Math.max(i4,u2),o3=o3==null?u2:Math.min(o3,u2),this._keyWeights[l2]=u2,a4+=u2}if(a4>1)throw new Error("Total of weights cannot exceed 1")}}},{key:"search",value:function(e5){var t5=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{limit:!1};this._log(`---------
3
3
  Search pattern: "`.concat(e5,'"'));var r5=this._prepareSearchers(e5),n4=r5.tokenSearchers,o3=r5.fullSearcher,i4=this._search(n4,o3);return this._computeScore(i4),this.options.shouldSort&&this._sort(i4),t5.limit&&typeof t5.limit=="number"&&(i4=i4.slice(0,t5.limit)),this._format(i4)}},{key:"_prepareSearchers",value:function(){var e5=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",t5=[];if(this.options.tokenize)for(var r5=e5.split(this.options.tokenSeparator),n4=0,o3=r5.length;n4<o3;n4+=1)t5.push(new i3(r5[n4],this.options));return{tokenSearchers:t5,fullSearcher:new i3(e5,this.options)}}},{key:"_search",value:function(){var e5=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t5=arguments.length>1?arguments[1]:void 0,r5=this.list,n4={},o3=[];if(typeof r5[0]=="string"){for(var i4=0,a4=r5.length;i4<a4;i4+=1)this._analyze({key:"",value:r5[i4],record:i4,index:i4},{resultMap:n4,results:o3,tokenSearchers:e5,fullSearcher:t5});return o3}for(var s3=0,c3=r5.length;s3<c3;s3+=1)for(var h3=r5[s3],l2=0,u2=this._keyNames.length;l2<u2;l2+=1){var f2=this._keyNames[l2];this._analyze({key:f2,value:this.options.getFn(h3,f2),record:h3,index:s3},{resultMap:n4,results:o3,tokenSearchers:e5,fullSearcher:t5})}return o3}},{key:"_analyze",value:function(e5,t5){var r5=this,n4=e5.key,o3=e5.arrayIndex,i4=o3===void 0?-1:o3,a4=e5.value,s3=e5.record,h3=e5.index,l2=t5.tokenSearchers,u2=l2===void 0?[]:l2,f2=t5.fullSearcher,v2=t5.resultMap,p2=v2===void 0?{}:v2,d2=t5.results,g2=d2===void 0?[]:d2;(function e6(t6,o4,i5,a5){if(o4!=null){if(typeof o4=="string"){var s4=!1,h4=-1,l3=0;r5._log(`
4
4
  Key: `.concat(n4===""?"--":n4));var v3=f2.search(o4);if(r5._log('Full text: "'.concat(o4,'", score: ').concat(v3.score)),r5.options.tokenize){for(var d3=o4.split(r5.options.tokenSeparator),y2=d3.length,m2=[],k2=0,b2=u2.length;k2<b2;k2+=1){var S2=u2[k2];r5._log(`
5
5
  Pattern: "`.concat(S2.pattern,'"'));for(var x2=!1,M2=0;M2<y2;M2+=1){var _2=d3[M2],w2=S2.search(_2),L2={};w2.isMatch?(L2[_2]=w2.score,s4=!0,x2=!0,m2.push(w2.score)):(L2[_2]=1,r5.options.matchAllTokens||m2.push(1)),r5._log('Token: "'.concat(_2,'", score: ').concat(L2[_2]))}x2&&(l3+=1)}h4=m2[0];for(var A2=m2.length,O2=1;O2<A2;O2+=1)h4+=m2[O2];h4/=A2,r5._log("Token score average:",h4)}var C2=v3.score;h4>-1&&(C2=(C2+h4)/2),r5._log("Score average:",C2);var j2=!r5.options.tokenize||!r5.options.matchAllTokens||l3>=u2.length;if(r5._log(`
@@ -160,14 +160,14 @@ To pass a single animation please supply them in simple values, e.g. animation('
160
160
  `,77:`remToPx expects a value in "rem" but you provided it in "%s".
161
161
 
162
162
  `,78:`base must be set in "px" or "%" but you set it in "%s".
163
- `};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a2=args[0],b2=[],c2;for(c2=1;c2<args.length;c2+=1)b2.push(args[c2]);return b2.forEach(function(d2){a2=a2.replace(/%[a-z]/,d2)}),a2}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_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(value){return value.length===7&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value},reduceHexValue$1=reduceHexValue;function numberToHex(value){var hex=value.toString(16);return hex.length===1?"0"+hex:hex}function rgb(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.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(f2,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f2.apply(this,combined):curried(f2,length,combined)}}function curry(f2){return curried(f2,f2.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}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_react4=__toESM(require_react());var import_react3=__toESM(require_react());function useMediaQuery(query){let getMatches=queryMatch=>typeof window<"u"?window.matchMedia(queryMatch).matches:!1,[matches,setMatches]=(0,import_react3.useState)(getMatches(query));function handleChange(){setMatches(getMatches(query))}return(0,import_react3.useEffect)(()=>{let matchMedia=window.matchMedia(query);return handleChange(),matchMedia.addEventListener("change",handleChange),()=>{matchMedia.removeEventListener("change",handleChange)}},[query]),matches}var MEDIA_DESKTOP_BREAKPOINT="@media (min-width: 600px)";var LayoutContext=(0,import_react4.createContext)({isMobileMenuOpen:!1,setMobileMenuOpen:()=>{},isMobileAboutOpen:!1,setMobileAboutOpen:()=>{},isMobilePanelOpen:!1,setMobilePanelOpen:()=>{},isDesktop:!1,isMobile:!1}),LayoutProvider=({children})=>{let[isMobileMenuOpen,setMobileMenuOpen]=(0,import_react4.useState)(!1),[isMobileAboutOpen,setMobileAboutOpen]=(0,import_react4.useState)(!1),[isMobilePanelOpen,setMobilePanelOpen]=(0,import_react4.useState)(!1),isDesktop=useMediaQuery(`(min-width: ${600}px)`),isMobile=!isDesktop;return import_react4.default.createElement(LayoutContext.Provider,{value:{isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen,isMobilePanelOpen,setMobilePanelOpen,isDesktop,isMobile}},children)},useLayout=()=>(0,import_react4.useContext)(LayoutContext);var SidebarIconButton=newStyled(IconButton)(({highlighted,theme})=>({position:"relative",overflow:"visible",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)}`}}})),MenuButtonGroup=newStyled.div({display:"flex",gap:4}),SidebarMenuList=({menu,onHide})=>{let links=(0,import_react5.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu,onHide]);return import_react5.default.createElement(TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted,onClick})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react5.useState)(!1),{isMobile,setMobileMenuOpen}=useLayout();return isMobile?import_react5.default.createElement(MenuButtonGroup,null,import_react5.default.createElement(SidebarIconButton,{title:"About Storybook","aria-label":"About Storybook",highlighted:isHighlighted,active:!1,onClick},import_react5.default.createElement(CogIcon,null)),import_react5.default.createElement(IconButton,{title:"Close menu","aria-label":"Close menu",onClick:()=>setMobileMenuOpen(!1)},import_react5.default.createElement(CloseIcon,null))):import_react5.default.createElement(WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react5.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react5.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react5.default.createElement(CogIcon,null)))};var BrandArea=newStyled.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%"},"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:42,paddingLeft:8}),SkipToCanvasLink=newStyled(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,extra,isLoading,onMenuClick,...props})=>import_react6.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react6.default.createElement(SkipToCanvasLink,{asChild:!0},import_react6.default.createElement("a",{href:skipLinkHref,tabIndex:0},"Skip to canvas")),import_react6.default.createElement(BrandArea,null,import_react6.default.createElement(Brand,null)),isLoading?null:extra.map(({id,render:Render})=>import_react6.default.createElement(Render,{key:id})),import_react6.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted,onClick:onMenuClick}));var import_react19=__toESM(require_react());var import_react16=__toESM(require_react());var import_react8=__toESM(require_react());var import_react7=__toESM(require_react());var LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=newStyled.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=newStyled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader2=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react7.default.createElement(import_react7.Fragment,null,sequence.map((depth,index)=>import_react7.default.createElement(Loadingitem,{depth,key:index})))};var{window:globalWindow}=scope,TextStyle=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",margin:0})),Text=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=newStyled.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_react8.useState)(!1),refresh=(0,import_react8.useCallback)(()=>{globalWindow.document.location.reload()},[]),open=(0,import_react8.useCallback)(e3=>{e3.preventDefault();let childWindow=globalWindow.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react8.default.createElement(Contained,null,import_react8.default.createElement(Spaced,null,isAuthAttempted?import_react8.default.createElement(import_react8.Fragment,null,import_react8.default.createElement(Text,null,"Authentication on ",import_react8.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react8.default.createElement("div",null,import_react8.default.createElement(Button,{small:!0,gray:!0,onClick:refresh},import_react8.default.createElement(SyncIcon,null),"Refresh now"))):import_react8.default.createElement(import_react8.Fragment,null,import_react8.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react8.default.createElement("div",null,import_react8.default.createElement(Button,{small:!0,gray:!0,onClick:open},import_react8.default.createElement(LockIcon,null),"Sign in")))))},ErrorBlock=({error})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(Spaced,null,import_react8.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react8.default.createElement("br",null),import_react8.default.createElement(WithTooltip,{tooltip:import_react8.default.createElement(ErrorDisplay,null,import_react8.default.createElement(ErrorFormatter,{error}))},import_react8.default.createElement(Link22,{isButton:!0},"View error ",import_react8.default.createElement(ChevronDownIcon,null)))," ",import_react8.default.createElement(Link22,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=newStyled(Spaced)({display:"flex"}),WideSpaced=newStyled(Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(FlexSpaced,{col:1},import_react8.default.createElement(WideSpaced,null,import_react8.default.createElement(Text,null,isMain?import_react8.default.createElement(import_react8.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react8.default.createElement("ul",null,import_react8.default.createElement("li",null,"The glob specified in ",import_react8.default.createElement("code",null,"main.js")," isn't correct."),import_react8.default.createElement("li",null,"No stories are defined in your story files."),import_react8.default.createElement("li",null,"You're using filter-functions, and all stories are filtered away."))," "):import_react8.default.createElement(import_react8.default.Fragment,null,"This composed storybook is empty, maybe you're using filter-functions, and all stories are filtered away."))))),LoaderBlock=({isMain})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(Loader2,{size:isMain?17:5}));var import_react9=__toESM(require_react());var{document:document2,window:globalWindow2}=scope,IndicatorPlacement=newStyled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=newStyled.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=newStyled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message=newStyled.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=newStyled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),Version=newStyled.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_react9.useMemo)(()=>{let c2=Object.entries(versions).find(([k2,v2])=>v2===url);return c2&&c2[0]?c2[0]:"current"},[url,versions]);return import_react9.default.createElement(Version,null,import_react9.default.createElement("span",null,currentVersionId),import_react9.default.createElement(ChevronDownIcon,null))},RefIndicator=import_react9.default.memo((0,import_react9.forwardRef)(({state,...ref},forwardedRef)=>{let api=useStorybookApi(),list=(0,import_react9.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react9.useMemo)(()=>list.filter(v2=>v2.type==="component").length,[list]),leafCount=(0,import_react9.useMemo)(()=>list.filter(v2=>v2.type==="docs"||v2.type==="story").length,[list]);return import_react9.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react9.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react9.default.createElement(MessageWrapper,null,import_react9.default.createElement(Spaced,{row:0},state==="loading"&&import_react9.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react9.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react9.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react9.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react9.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react9.default.createElement(ReadDocsMessage,null)))},import_react9.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react9.default.createElement(GlobeIcon,null))),ref.versions&&Object.keys(ref.versions).length?import_react9.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react9.default.createElement(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_react9.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(GlobeIcon,{color:theme.color.secondary}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"View external Storybook"),import_react9.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab.")))},LoginRequiredMessage=({loginUrl,id})=>{let theme=useTheme(),open=(0,import_react9.useCallback)(e3=>{e3.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_react9.default.createElement(Message,{onClick:open},import_react9.default.createElement(LockIcon,{color:theme.color.gold}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Log in required"),import_react9.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition",target:"_blank"},import_react9.default.createElement(DocumentIcon,{color:theme.color.green}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Read Composition docs"),import_react9.default.createElement("div",null,"Learn how to combine multiple Storybooks into one.")))},ErrorOccurredMessage=({url})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(AlertIcon,{color:theme.color.negative}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Something went wrong"),import_react9.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now.")))},LoadingMessage=({url})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(TimeIcon,{color:theme.color.secondary}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Please wait"),import_react9.default.createElement("div",null,"This Storybook is loading.")))},PerformanceDegradedMessage=()=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition#improve-your-storybook-composition",target:"_blank"},import_react9.default.createElement(LightningIcon,{color:theme.color.gold}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Reduce lag"),import_react9.default.createElement("div",null,"Learn how to speed up Composition performance.")))};var import_react15=__toESM(require_react());var import_react12=__toESM(require_react());var import_react10=__toESM(require_react()),Svg=newStyled.svg`
163
+ `};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a2=args[0],b2=[],c2;for(c2=1;c2<args.length;c2+=1)b2.push(args[c2]);return b2.forEach(function(d2){a2=a2.replace(/%[a-z]/,d2)}),a2}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_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(value){return value.length===7&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value},reduceHexValue$1=reduceHexValue;function numberToHex(value){var hex=value.toString(16);return hex.length===1?"0"+hex:hex}function rgb(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.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(f2,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f2.apply(this,combined):curried(f2,length,combined)}}function curry(f2){return curried(f2,f2.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}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_react4=__toESM(require_react());var import_react3=__toESM(require_react());function useMediaQuery(query){let getMatches=queryMatch=>typeof window<"u"?window.matchMedia(queryMatch).matches:!1,[matches,setMatches]=(0,import_react3.useState)(getMatches(query));function handleChange(){setMatches(getMatches(query))}return(0,import_react3.useEffect)(()=>{let matchMedia=window.matchMedia(query);return handleChange(),matchMedia.addEventListener("change",handleChange),()=>{matchMedia.removeEventListener("change",handleChange)}},[query]),matches}var MEDIA_DESKTOP_BREAKPOINT="@media (min-width: 600px)";var LayoutContext=(0,import_react4.createContext)({isMobileMenuOpen:!1,setMobileMenuOpen:()=>{},isMobileAboutOpen:!1,setMobileAboutOpen:()=>{},isMobilePanelOpen:!1,setMobilePanelOpen:()=>{},isDesktop:!1,isMobile:!1}),LayoutProvider=({children})=>{let[isMobileMenuOpen,setMobileMenuOpen]=(0,import_react4.useState)(!1),[isMobileAboutOpen,setMobileAboutOpen]=(0,import_react4.useState)(!1),[isMobilePanelOpen,setMobilePanelOpen]=(0,import_react4.useState)(!1),isDesktop=useMediaQuery(`(min-width: ${600}px)`),isMobile=!isDesktop,contextValue=(0,import_react4.useMemo)(()=>({isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen,isMobilePanelOpen,setMobilePanelOpen,isDesktop,isMobile}),[isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen,isMobilePanelOpen,setMobilePanelOpen,isDesktop,isMobile]);return import_react4.default.createElement(LayoutContext.Provider,{value:contextValue},children)},useLayout=()=>(0,import_react4.useContext)(LayoutContext);var SidebarIconButton=newStyled(IconButton)(({highlighted,theme})=>({position:"relative",overflow:"visible",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)}`}}})),MenuButtonGroup=newStyled.div({display:"flex",gap:4}),SidebarMenuList=({menu,onHide})=>{let links=(0,import_react5.useMemo)(()=>menu.map(({onClick,...rest})=>({...rest,onClick:(event,item)=>{onClick&&onClick(event,item),onHide()}})),[menu,onHide]);return import_react5.default.createElement(TooltipLinkList,{links})},SidebarMenu=({menu,isHighlighted,onClick})=>{let[isTooltipVisible,setIsTooltipVisible]=(0,import_react5.useState)(!1),{isMobile,setMobileMenuOpen}=useLayout();return isMobile?import_react5.default.createElement(MenuButtonGroup,null,import_react5.default.createElement(SidebarIconButton,{title:"About Storybook","aria-label":"About Storybook",highlighted:isHighlighted,active:!1,onClick},import_react5.default.createElement(CogIcon,null)),import_react5.default.createElement(IconButton,{title:"Close menu","aria-label":"Close menu",onClick:()=>setMobileMenuOpen(!1)},import_react5.default.createElement(CloseIcon,null))):import_react5.default.createElement(WithTooltip,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide})=>import_react5.default.createElement(SidebarMenuList,{onHide,menu}),onVisibleChange:setIsTooltipVisible},import_react5.default.createElement(SidebarIconButton,{title:"Shortcuts","aria-label":"Shortcuts",highlighted:isHighlighted,active:isTooltipVisible},import_react5.default.createElement(CogIcon,null)))};var BrandArea=newStyled.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%"},"& > *":{maxWidth:"100%",height:"auto",display:"block",flex:"1 1 auto"}})),HeadingWrapper=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",position:"relative",minHeight:42,paddingLeft:8}),SkipToCanvasLink=newStyled(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,extra,isLoading,onMenuClick,...props})=>import_react6.default.createElement(HeadingWrapper,{...props},skipLinkHref&&import_react6.default.createElement(SkipToCanvasLink,{asChild:!0},import_react6.default.createElement("a",{href:skipLinkHref,tabIndex:0},"Skip to canvas")),import_react6.default.createElement(BrandArea,null,import_react6.default.createElement(Brand,null)),isLoading?null:extra.map(({id,render:Render})=>import_react6.default.createElement(Render,{key:id})),import_react6.default.createElement(SidebarMenu,{menu,isHighlighted:menuHighlighted,onClick:onMenuClick}));var import_react19=__toESM(require_react());var import_react16=__toESM(require_react());var import_react8=__toESM(require_react());var import_react7=__toESM(require_react());var LOADER_SEQUENCE=[0,0,1,1,2,3,3,3,1,1,1,2,2,2,3],Loadingitem=newStyled.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=newStyled.div({display:"flex",flexDirection:"column",paddingLeft:20,paddingRight:20}),Loader2=({size})=>{let repeats=Math.ceil(size/LOADER_SEQUENCE.length),sequence=Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0,size);return import_react7.default.createElement(import_react7.Fragment,null,sequence.map((depth,index)=>import_react7.default.createElement(Loadingitem,{depth,key:index})))};var{window:globalWindow}=scope,TextStyle=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",margin:0})),Text=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",margin:0,code:{fontSize:theme.typography.size.s1},ul:{paddingLeft:20,marginTop:8,marginBottom:8}})),ErrorDisplay=newStyled.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_react8.useState)(!1),refresh=(0,import_react8.useCallback)(()=>{globalWindow.document.location.reload()},[]),open=(0,import_react8.useCallback)(e3=>{e3.preventDefault();let childWindow=globalWindow.open(loginUrl,`storybook_auth_${id}`,"resizable,scrollbars"),timer=setInterval(()=>{childWindow?childWindow.closed&&(clearInterval(timer),setAuthAttempted(!0)):(logger.error("unable to access loginUrl window"),clearInterval(timer))},1e3)},[]);return import_react8.default.createElement(Contained,null,import_react8.default.createElement(Spaced,null,isAuthAttempted?import_react8.default.createElement(import_react8.Fragment,null,import_react8.default.createElement(Text,null,"Authentication on ",import_react8.default.createElement("strong",null,loginUrl)," concluded. Refresh the page to fetch this Storybook."),import_react8.default.createElement("div",null,import_react8.default.createElement(Button,{small:!0,gray:!0,onClick:refresh},import_react8.default.createElement(SyncIcon,null),"Refresh now"))):import_react8.default.createElement(import_react8.Fragment,null,import_react8.default.createElement(Text,null,"Sign in to browse this Storybook."),import_react8.default.createElement("div",null,import_react8.default.createElement(Button,{small:!0,gray:!0,onClick:open},import_react8.default.createElement(LockIcon,null),"Sign in")))))},ErrorBlock=({error})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(Spaced,null,import_react8.default.createElement(TextStyle,null,"Oh no! Something went wrong loading this Storybook.",import_react8.default.createElement("br",null),import_react8.default.createElement(WithTooltip,{tooltip:import_react8.default.createElement(ErrorDisplay,null,import_react8.default.createElement(ErrorFormatter,{error}))},import_react8.default.createElement(Link22,{isButton:!0},"View error ",import_react8.default.createElement(ChevronDownIcon,null)))," ",import_react8.default.createElement(Link22,{withArrow:!0,href:"https://storybook.js.org/docs",cancel:!1,target:"_blank"},"View docs")))),FlexSpaced=newStyled(Spaced)({display:"flex"}),WideSpaced=newStyled(Spaced)({flex:1}),EmptyBlock=({isMain})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(FlexSpaced,{col:1},import_react8.default.createElement(WideSpaced,null,import_react8.default.createElement(Text,null,isMain?import_react8.default.createElement(import_react8.default.Fragment,null,"Oh no! Your Storybook is empty. Possible reasons why:",import_react8.default.createElement("ul",null,import_react8.default.createElement("li",null,"The glob specified in ",import_react8.default.createElement("code",null,"main.js")," isn't correct."),import_react8.default.createElement("li",null,"No stories are defined in your story files."),import_react8.default.createElement("li",null,"You're using filter-functions, and all stories are filtered away."))," "):import_react8.default.createElement(import_react8.default.Fragment,null,"This composed storybook is empty, maybe you're using filter-functions, and all stories are filtered away."))))),LoaderBlock=({isMain})=>import_react8.default.createElement(Contained,null,import_react8.default.createElement(Loader2,{size:isMain?17:5}));var import_react9=__toESM(require_react());var{document:document2,window:globalWindow2}=scope,IndicatorPlacement=newStyled.aside(({theme})=>({height:16,display:"flex",alignItems:"center","& > * + *":{marginLeft:theme.layoutMargin}})),IndicatorClickTarget=newStyled.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=newStyled.span(({theme})=>({fontWeight:theme.typography.weight.bold})),Message=newStyled.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=newStyled.div({width:280,boxSizing:"border-box",borderRadius:8,overflow:"hidden"}),Version=newStyled.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_react9.useMemo)(()=>{let c2=Object.entries(versions).find(([k2,v2])=>v2===url);return c2&&c2[0]?c2[0]:"current"},[url,versions]);return import_react9.default.createElement(Version,null,import_react9.default.createElement("span",null,currentVersionId),import_react9.default.createElement(ChevronDownIcon,null))},RefIndicator=import_react9.default.memo((0,import_react9.forwardRef)(({state,...ref},forwardedRef)=>{let api=useStorybookApi(),list=(0,import_react9.useMemo)(()=>Object.values(ref.index||{}),[ref.index]),componentCount=(0,import_react9.useMemo)(()=>list.filter(v2=>v2.type==="component").length,[list]),leafCount=(0,import_react9.useMemo)(()=>list.filter(v2=>v2.type==="docs"||v2.type==="story").length,[list]);return import_react9.default.createElement(IndicatorPlacement,{ref:forwardedRef},import_react9.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:import_react9.default.createElement(MessageWrapper,null,import_react9.default.createElement(Spaced,{row:0},state==="loading"&&import_react9.default.createElement(LoadingMessage,{url:ref.url}),(state==="error"||state==="empty")&&import_react9.default.createElement(ErrorOccurredMessage,{url:ref.url}),state==="ready"&&import_react9.default.createElement(ReadyMessage,{url:ref.url,componentCount,leafCount}),state==="auth"&&import_react9.default.createElement(LoginRequiredMessage,{...ref}),ref.type==="auto-inject"&&state!=="error"&&import_react9.default.createElement(PerformanceDegradedMessage,null),state!=="loading"&&import_react9.default.createElement(ReadDocsMessage,null)))},import_react9.default.createElement(IndicatorClickTarget,{"data-action":"toggle-indicator","aria-label":"toggle indicator"},import_react9.default.createElement(GlobeIcon,null))),ref.versions&&Object.keys(ref.versions).length?import_react9.default.createElement(WithTooltip,{placement:"bottom-start",trigger:"click",closeOnOutsideClick:!0,tooltip:tooltip=>import_react9.default.createElement(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_react9.default.createElement(CurrentVersion,{url:ref.url,versions:ref.versions})):null)})),ReadyMessage=({url,componentCount,leafCount})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(GlobeIcon,{color:theme.color.secondary}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"View external Storybook"),import_react9.default.createElement("div",null,"Explore ",componentCount," components and ",leafCount," stories in a new browser tab.")))},LoginRequiredMessage=({loginUrl,id})=>{let theme=useTheme(),open=(0,import_react9.useCallback)(e3=>{e3.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_react9.default.createElement(Message,{onClick:open},import_react9.default.createElement(LockIcon,{color:theme.color.gold}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Log in required"),import_react9.default.createElement("div",null,"You need to authenticate to view this Storybook's components.")))},ReadDocsMessage=()=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition",target:"_blank"},import_react9.default.createElement(DocumentIcon,{color:theme.color.green}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Read Composition docs"),import_react9.default.createElement("div",null,"Learn how to combine multiple Storybooks into one.")))},ErrorOccurredMessage=({url})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(AlertIcon,{color:theme.color.negative}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Something went wrong"),import_react9.default.createElement("div",null,"This external Storybook didn't load. Debug it in a new tab now.")))},LoadingMessage=({url})=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:url.replace(/\/?$/,"/index.html"),target:"_blank"},import_react9.default.createElement(TimeIcon,{color:theme.color.secondary}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Please wait"),import_react9.default.createElement("div",null,"This Storybook is loading.")))},PerformanceDegradedMessage=()=>{let theme=useTheme();return import_react9.default.createElement(Message,{href:"https://storybook.js.org/docs/react/sharing/storybook-composition#improve-your-storybook-composition",target:"_blank"},import_react9.default.createElement(LightningIcon,{color:theme.color.gold}),import_react9.default.createElement("div",null,import_react9.default.createElement(MessageTitle,null,"Reduce lag"),import_react9.default.createElement("div",null,"Learn how to speed up Composition performance.")))};var import_react15=__toESM(require_react());var import_react12=__toESM(require_react());var import_react10=__toESM(require_react()),Svg=newStyled.svg`
164
164
  position: absolute;
165
165
  width: 0;
166
166
  height: 0;
167
167
  display: inline-block;
168
168
  shape-rendering: inherit;
169
169
  vertical-align: middle;
170
- `,GROUP_ID="icon--group",COMPONENT_ID="icon--component",DOCUMENT_ID="icon--document",STORY_ID="icon--story",IconSymbols=()=>import_react10.default.createElement(Svg,{"data-chromatic":"ignore"},import_react10.default.createElement("symbol",{id:GROUP_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:COMPONENT_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:DOCUMENT_ID},import_react10.default.createElement("path",{d:"M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z",fill:"currentColor"}),import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:STORY_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z",fill:"currentColor"}))),UseSymbol=({type})=>type==="group"?import_react10.default.createElement("use",{xlinkHref:`#${GROUP_ID}`}):type==="component"?import_react10.default.createElement("use",{xlinkHref:`#${COMPONENT_ID}`}):type==="document"?import_react10.default.createElement("use",{xlinkHref:`#${DOCUMENT_ID}`}):type==="story"?import_react10.default.createElement("use",{xlinkHref:`#${STORY_ID}`}):null;var import_react11=__toESM(require_react());var CollapseIconWrapper=newStyled.div(({theme,isExpanded})=>({width:8,height:8,display:"flex",justifyContent:"center",alignItems:"center",color:curriedTransparentize$1(.4,theme.textMutedColor),transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),CollapseIcon2=({isExpanded})=>import_react11.default.createElement(CollapseIconWrapper,{isExpanded},import_react11.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",fill:"none"},import_react11.default.createElement("path",{fill:"#73828C",fillRule:"evenodd",d:"M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z",clipRule:"evenodd"})));var TypeIcon=newStyled.svg(({theme,type})=>({width:14,height:14,flex:"0 0 auto",color:(()=>type==="group"?theme.base==="dark"?theme.color.primary:theme.color.ultraviolet:type==="component"?theme.color.secondary:type==="document"?theme.base==="dark"?theme.color.gold:"#ff8300":type==="story"?theme.color.seafoam:"currentColor")()})),BranchNode=newStyled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",paddingLeft:`${(isExpandable?8:22)+depth*18}px`,color:"inherit",fontSize:`${theme.typography.size.s2}px`,background:"transparent",minHeight:28,borderRadius:4,gap:6,paddingTop:5,paddingBottom:4,"&:hover, &:focus":{background:curriedTransparentize$1(.93,theme.color.secondary),outline:"none"}})),LeafNode=newStyled.a(({theme,depth=0})=>({cursor:"pointer",color:"inherit",display:"flex",gap:6,flex:1,alignItems:"start",paddingLeft:`${22+depth*18}px`,paddingTop:5,paddingBottom:4,fontSize:`${theme.typography.size.s2}px`,textDecoration:"none",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"break-word"})),RootNode=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:28,letterSpacing:"0.16em",textTransform:"uppercase",color:theme.textMutedColor})),Wrapper=newStyled.div({display:"flex",alignItems:"center",gap:6,marginTop:2}),GroupNode=import_react12.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react12.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,isExpandable&&import_react12.default.createElement(CollapseIcon2,{isExpanded}),import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"group"},import_react12.default.createElement(UseSymbol,{type:"group"}))),children)}),ComponentNode=import_react12.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react12.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,isExpandable&&import_react12.default.createElement(CollapseIcon2,{isExpanded}),import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"component"},import_react12.default.createElement(UseSymbol,{type:"component"}))),children)}),DocumentNode=import_react12.default.memo(function({theme,children,docsMode,...props}){return import_react12.default.createElement(LeafNode,{tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"document"},import_react12.default.createElement(UseSymbol,{type:"document"}))),children)}),StoryNode=import_react12.default.memo(function({theme,children,...props}){return import_react12.default.createElement(LeafNode,{tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"story"},import_react12.default.createElement(UseSymbol,{type:"story"}))),children)});var import_throttle=__toESM(require_throttle()),import_react13=__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_memoizerific=__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 get=(0,import_memoizerific.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific.default)(1e3)((id,dataset)=>{let item=get(id,dataset);return item&&item.type!=="root"?get(item.parent,dataset):void 0}),getParents=(0,import_memoizerific.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific.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})=>{let highlightedAncestors=highlightedRef.current?.refId===refId?getAncestorIds(data,highlightedRef.current?.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=useStorybookApi(),[expanded,setExpanded]=(0,import_react13.useReducer)((state,{ids,value})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react13.useCallback)(id=>containerRef.current?.querySelector(`[data-item-id="${id}"]`),[containerRef]),highlightElement=(0,import_react13.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react13.useCallback)(({ids,value})=>{if(setExpanded({ids,value}),ids.length===1){let element=containerRef.current?.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react13.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react13.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react13.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react13.useEffect)(()=>api?(api.on(STORIES_COLLAPSE_ALL,collapseAll),api.on(STORIES_EXPAND_ALL,expandAll),()=>{api.off(STORIES_COLLAPSE_ALL,collapseAll),api.off(STORIES_EXPAND_ALL,expandAll)}):noop,[api,collapseAll,expandAll]),(0,import_react13.useEffect)(()=>{let menuElement=document4.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{let highlightedItemId=highlightedRef.current?.refId===refId&&highlightedRef.current?.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 import_react14=__toESM(require_react());var SmallIcons=newStyled(CircleIcon)({"&&&":{width:6,height:6}}),LoadingIcons=newStyled(SmallIcons)(({theme:{animation,color,base}})=>({animation:`${animation.glow} 1.5s ease-in-out infinite`,color:base==="light"?color.mediumdark:color.darker})),statusPriority=["unknown","pending","success","warn","error"],statusMapping={unknown:[null,null],pending:[import_react14.default.createElement(LoadingIcons,{key:"icon"}),"currentColor"],success:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"green"}}),"currentColor"],warn:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"orange"}}),"#A15C20"],error:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"red"}}),"brown"]},getHighestStatus=statuses=>statusPriority.reduce((acc,status)=>statuses.includes(status)?status:acc,"unknown");function getGroupStatus(collapsedData,status){return Object.values(collapsedData).reduce((acc,item)=>{if(item.type==="group"||item.type==="component"){let leafs=getDescendantIds(collapsedData,item.id,!1).map(id=>collapsedData[id]).filter(i3=>i3.type==="story"),combinedStatus=getHighestStatus(leafs.flatMap(story=>Object.values(status?.[story.id]||{})).map(s2=>s2.status));combinedStatus&&(acc[item.id]=combinedStatus)}return acc},{})}var Container=newStyled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Action=newStyled.button(({theme,height,width})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:width||20,height:height||20,boxSizing:"border-box",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=newStyled.button(({theme})=>({all:"unset",display:"flex",padding:"0px 8px",borderRadius:4,transition:"color 150ms, box-shadow 150ms",gap:6,alignItems:"center",cursor:"pointer",height:28,"&:hover, &:focus":{outline:"none",background:curriedTransparentize$1(.93,theme.color.secondary)}})),LeafNodeStyleWrapper=newStyled.div(({theme})=>({position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",paddingRight:20,color:theme.color.defaultText,background:"transparent",minHeight:28,borderRadius:4,"&:hover, &:focus":{outline:"none",background:curriedTransparentize$1(.93,theme.color.secondary)},'&[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}},a:{color:"currentColor"}})),SkipToContentLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",fontSize:"10px",overflow:"hidden",width:1,height:"20px",boxSizing:"border-box",opacity:0,padding:0,"&:focus":{opacity:1,padding:"5px 10px",background:"white",color:theme.color.secondary,width:"auto"}}})),Node=import_react15.default.memo(function({item,status,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,color,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId,api}){let{isDesktop,isMobile,setMobileMenuOpen}=useLayout();if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode,statusValue=getHighestStatus(Object.values(status||{}).map(s2=>s2.status)),[icon,textColor]=statusMapping[statusValue];return import_react15.default.createElement(LeafNodeStyleWrapper,{"data-selected":isSelected,"data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-highlightable":isDisplayed,className:"sidebar-item"},import_react15.default.createElement(LeafNode2,{style:isSelected?{}:{color:textColor},key:id,href:getLink(item,refId),id,depth:isOrphan?item.depth:item.depth-1,onClick:event=>{event.preventDefault(),onSelectStoryId(item.id),isMobile&&setMobileMenuOpen(!1)},...item.type==="docs"&&{docsMode}},item.renderLabel?.(item)||item.name),isSelected&&import_react15.default.createElement(SkipToContentLink,{asChild:!0},import_react15.default.createElement("a",{href:"#storybook-preview-wrapper"},"Skip to canvas")),icon?import_react15.default.createElement(WithTooltip,{placement:"top",style:{display:"flex"},tooltip:()=>import_react15.default.createElement(TooltipLinkList,{links:Object.entries(status||{}).map(([k2,v2])=>({id:k2,title:v2.title,description:v2.description,right:statusMapping[v2.status][0]}))}),closeOnOutsideClick:!0},import_react15.default.createElement(Action,{type:"button",height:22},icon)):null)}if(item.type==="root")return import_react15.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react15.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react15.default.createElement(CollapseIcon2,{isExpanded}),item.renderLabel?.(item)||item.name),isExpanded&&import_react15.default.createElement(IconButton,{className:"sidebar-subheading-action","aria-label":isFullyExpanded?"Expand":"Collapse","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},isFullyExpanded?import_react15.default.createElement(CollapseIcon,null):import_react15.default.createElement(ExpandAltIcon,null)));if(item.type==="component"||item.type==="group"){let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react15.default.createElement(BranchNode2,{key:id,id,style:color?{color}:{},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&&isDesktop&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},item.renderLabel?.(item)||item.name)}return null}),Root=import_react15.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react15.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react15.default.createElement(Node,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Tree=import_react15.default.memo(function({isBrowsing,isMain,refId,data,status,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react15.useRef)(null),api=useStorybookApi(),[rootIds,orphanIds,initialExpanded]=(0,import_react15.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_react15.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d2=>!["story","docs"].includes(data[d2].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react15.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name):!1}),[data]),collapsedItems=(0,import_react15.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react15.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name}=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,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react15.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}),groupStatus=(0,import_react15.useMemo)(()=>getGroupStatus(collapsedData,status),[collapsedData,status]);return import_react15.default.createElement(Container,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},import_react15.default.createElement(IconSymbols,null),collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d2=>expanded[d2]);return import_react15.default.createElement(Root,{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(a2=>expanded[a2]),color=groupStatus[itemId]?statusMapping[groupStatus[itemId]][1]:null;return import_react15.default.createElement(Node,{api,key:id,item,status:status?.[itemId],refId,color,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}))});var Wrapper2=newStyled.div(({isMain})=>({position:"relative",marginTop:isMain?void 0:0})),RefHead=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,paddingBottom:12,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$1(.2,theme.color.defaultText)})),RefTitle=newStyled.div({textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2}),CollapseButton2=newStyled.button(({theme})=>({all:"unset",display:"flex",padding:"0px 8px",gap:6,alignItems:"center",cursor:"pointer",overflow:"hidden","&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react16.default.memo(function(props){let{docsOptions}=useStorybookState(),api=useStorybookApi(),{index,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length=(0,import_react16.useMemo)(()=>index?Object.keys(index).length:0,[index]),indicatorRef=(0,import_react16.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length===0,!!indexError,!isLoading&&length===0),[isExpanded,setExpanded]=(0,import_react16.useState)(expanded);(0,import_react16.useEffect)(()=>{index&&selectedStoryId&&index[selectedStoryId]&&setExpanded(!0)},[setExpanded,index,selectedStoryId]);let handleClick=(0,import_react16.useCallback)(()=>setExpanded(value=>!value),[setExpanded]),setHighlightedItemId=(0,import_react16.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react16.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react16.default.createElement(import_react16.default.Fragment,null,isMain||import_react16.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react16.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react16.default.createElement(CollapseIcon2,{isExpanded}),import_react16.default.createElement(RefTitle,{title},title)),import_react16.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react16.default.createElement(Wrapper2,{"data-title":title,isMain},state==="auth"&&import_react16.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react16.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react16.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react16.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react16.default.createElement(Tree,{status:props.status,isBrowsing,isMain,refId,data:index,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react17=__toESM(require_react());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_react17.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react17.useState)(initialHighlight),api=useStorybookApi(),updateHighlighted=(0,import_react17.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react17.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_react17.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{scrollIntoView(containerRef.current?.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react17.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=>el.getAttribute("data-item-id")===highlightedRef.current?.itemId&&el.getAttribute("data-ref-id")===highlightedRef.current?.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.resolveStory(itemId,refId==="storybook_internal"?void 0:refId);item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}})};return document5.addEventListener("keydown",navigateTree),()=>document5.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react18=__toESM(require_react());var HighlightStyles=({refId,itemId})=>import_react18.default.createElement(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_react19.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react19.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react19.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted?.refId,"data-highlighted-item-id":highlighted?.itemId},highlighted&&import_react19.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react19.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:selected?.refId===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_prop_types2=__toESM(require_prop_types()),import_react20=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t2(t3){return typeof t3=="object"&&t3!=null&&t3.nodeType===1}function e2(t3,e3){return(!e3||t3!=="hidden")&&t3!=="visible"&&t3!=="clip"}function n2(t3,n3){if(t3.clientHeight<t3.scrollHeight||t3.clientWidth<t3.scrollWidth){var r3=getComputedStyle(t3,null);return e2(r3.overflowY,n3)||e2(r3.overflowX,n3)||function(t4){var e3=function(t5){if(!t5.ownerDocument||!t5.ownerDocument.defaultView)return null;try{return t5.ownerDocument.defaultView.frameElement}catch{return null}}(t4);return!!e3&&(e3.clientHeight<t4.scrollHeight||e3.clientWidth<t4.scrollWidth)}(t3)}return!1}function r2(t3,e3,n3,r3,i3,o2,l2,d2){return o2<t3&&l2>e3||o2>t3&&l2<e3?0:o2<=t3&&d2<=n3||l2>=e3&&d2>=n3?o2-t3-r3:l2>e3&&d2<n3||o2<t3&&d2>n3?l2-e3+i3:0}var i2=function(e3,i3){var o2=window,l2=i3.scrollMode,d2=i3.block,f2=i3.inline,h2=i3.boundary,u2=i3.skipOverflowHiddenElements,s2=typeof h2=="function"?h2:function(t3){return t3!==h2};if(!t2(e3))throw new TypeError("Invalid target");for(var a2,c2,g2=document.scrollingElement||document.documentElement,p2=[],m2=e3;t2(m2)&&s2(m2);){if((m2=(c2=(a2=m2).parentElement)==null?a2.getRootNode().host||null:c2)===g2){p2.push(m2);break}m2!=null&&m2===document.body&&n2(m2)&&!n2(document.documentElement)||m2!=null&&n2(m2,u2)&&p2.push(m2)}for(var w2=o2.visualViewport?o2.visualViewport.width:innerWidth,v2=o2.visualViewport?o2.visualViewport.height:innerHeight,W2=window.scrollX||pageXOffset,H2=window.scrollY||pageYOffset,b2=e3.getBoundingClientRect(),y2=b2.height,E2=b2.width,M2=b2.top,V=b2.right,x2=b2.bottom,I2=b2.left,C2=d2==="start"||d2==="nearest"?M2:d2==="end"?x2:M2+y2/2,R2=f2==="center"?I2+E2/2:f2==="end"?V:I2,T2=[],k2=0;k2<p2.length;k2++){var B2=p2[k2],D2=B2.getBoundingClientRect(),O2=D2.height,X=D2.width,Y2=D2.top,L2=D2.right,S2=D2.bottom,j2=D2.left;if(l2==="if-needed"&&M2>=0&&I2>=0&&x2<=v2&&V<=w2&&M2>=Y2&&x2<=S2&&I2>=j2&&V<=L2)return T2;var N2=getComputedStyle(B2),q2=parseInt(N2.borderLeftWidth,10),z2=parseInt(N2.borderTopWidth,10),A2=parseInt(N2.borderRightWidth,10),F2=parseInt(N2.borderBottomWidth,10),G2=0,J=0,K2="offsetWidth"in B2?B2.offsetWidth-B2.clientWidth-q2-A2:0,P2="offsetHeight"in B2?B2.offsetHeight-B2.clientHeight-z2-F2:0,Q="offsetWidth"in B2?B2.offsetWidth===0?0:X/B2.offsetWidth:0,U2="offsetHeight"in B2?B2.offsetHeight===0?0:O2/B2.offsetHeight:0;if(g2===B2)G2=d2==="start"?C2:d2==="end"?C2-v2:d2==="nearest"?r2(H2,H2+v2,v2,z2,F2,H2+C2,H2+C2+y2,y2):C2-v2/2,J=f2==="start"?R2:f2==="center"?R2-w2/2:f2==="end"?R2-w2:r2(W2,W2+w2,w2,q2,A2,W2+R2,W2+R2+E2,E2),G2=Math.max(0,G2+H2),J=Math.max(0,J+W2);else{G2=d2==="start"?C2-Y2-z2:d2==="end"?C2-S2+F2+P2:d2==="nearest"?r2(Y2,S2,O2,z2,F2+P2,C2,C2+y2,y2):C2-(Y2+O2/2)+P2/2,J=f2==="start"?R2-j2-q2:f2==="center"?R2-(j2+X/2)+K2/2:f2==="end"?R2-L2+A2+K2:r2(j2,L2,X,q2,A2+K2,R2,R2+E2,E2);var Z=B2.scrollLeft,$=B2.scrollTop;C2+=$-(G2=Math.max(0,Math.min($+G2/U2,B2.scrollHeight-O2/U2+P2))),R2+=Z-(J=Math.max(0,Math.min(Z+J/Q,B2.scrollWidth-X/Q+K2)))}T2.push({el:B2,top:G2,left:J})}return T2};var __assign=function(){return __assign=Object.assign||function(t3){for(var s2,i3=1,n3=arguments.length;i3<n3;i3++){s2=arguments[i3];for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&(t3[p2]=s2[p2])}return t3},__assign.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 debounce(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args)},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,args=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs[_key4]=arguments[_key4];return node=>{refs.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 isDOMElement(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 result={};return stateKeys.forEach(k2=>{state.hasOwnProperty(k2)&&(result[k2]=state[k2])}),result}function getState(state,props){return Object.keys(state).reduce((prevState,key)=>(prevState[key]=isControlledProp(props,key)?props[key]:state[key],prevState),{})}function isControlledProp(props,key){return props[key]!==void 0}function normalizeArrowKey(event){let{key,keyCode}=event;return keyCode>=37&&keyCode<=40&&key.indexOf("Arrow")!==0?`Arrow${key}`:key}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;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=debounce(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="__autocomplete_unknown__",mouseUp="__autocomplete_mouseup__",itemMouseEnter="__autocomplete_item_mouseenter__",keyDownArrowUp="__autocomplete_keydown_arrow_up__",keyDownArrowDown="__autocomplete_keydown_arrow_down__",keyDownEscape="__autocomplete_keydown_escape__",keyDownEnter="__autocomplete_keydown_enter__",keyDownHome="__autocomplete_keydown_home__",keyDownEnd="__autocomplete_keydown_end__",clickItem="__autocomplete_click_item__",blurInput="__autocomplete_blur_input__",changeInput="__autocomplete_change_input__",keyDownSpaceButton="__autocomplete_keydown_space_button__",clickButton="__autocomplete_click_button__",blurButton="__autocomplete_blur_button__",controlledPropUpdatedSelectedItem="__autocomplete_controlled_prop_updated_selected_item__",touchEnd="__autocomplete_touchend__",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_react20.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(i3=>i3!==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(key=>{state[key]!==newStateToSet[key]&&(onStateChangeArg[key]=newStateToSet[key]),key!=="type"&&(newStateToSet[key],isControlledProp(this.props,key)||(nextState[key]=newStateToSet[key]))}),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 key=normalizeArrowKey(event);this.buttonKeyDownHandlers[key]&&this.buttonKeyDownHandlers[key].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),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 key=normalizeArrowKey(event);key&&this.inputKeyDownHandlers[key]&&this.inputKeyDownHandlers[key].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=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=debounce(()=>{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(){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){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!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement(element))return(0,import_react20.cloneElement)(element,this.getRootProps(getElementProps(element)));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:i3=>i3==null?"":(isPlainObject(i3)&&!i3.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:",i3),String(i3)),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})();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=!isDOMElement(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(key=>{invokeOnChangeHandler(key,action,state,newState),newState[key]!==state[key]&&(changes[key]=newState[key])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key)}Change`;props[handler]&&newState[key]!==void 0&&newState[key]!==state[key]&&props[handler]({type,...newState})}function stateReducer(s2,a2){return a2.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce((getA11yMessage,document10)=>{setStatus(getA11yMessage(),document10)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react20.useLayoutEffect:import_react20.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react20.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(key){return/^\S{1}$/.test(key)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef(val){let ref=(0,import_react20.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react20.useRef)(),actionRef=(0,import_react20.useRef)(),enhancedReducer=(0,import_react20.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_react20.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef(props),dispatchWithProps=(0,import_react20.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react20.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 value=props[propKey];if(value!==void 0)return value;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_react20.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react20.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;useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react20.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react20.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react20.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_react20.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_react20.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_react20.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;useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react20.useRef)(props);(0,import_react20.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?.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=__assign(__assign({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop2;validatePropTypes$2=function(options2,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options2,"prop",caller.name)};var MenuKeyDownArrowDown="__menu_keydown_arrow_down__",MenuKeyDownArrowUp="__menu_keydown_arrow_up__",MenuKeyDownEscape="__menu_keydown_escape__",MenuKeyDownHome="__menu_keydown_home__",MenuKeyDownEnd="__menu_keydown_end__",MenuKeyDownEnter="__menu_keydown_enter__",MenuKeyDownSpaceButton="__menu_keydown_space_button__",MenuKeyDownCharacter="__menu_keydown_character__",MenuBlur="__menu_blur__",MenuMouseLeave$1="__menu_mouse_leave__",ItemMouseMove$1="__item_mouse_move__",ItemClick$1="__item_click__",ToggleButtonClick$1="__togglebutton_click__",ToggleButtonKeyDownArrowDown="__togglebutton_keydown_arrow_down__",ToggleButtonKeyDownArrowUp="__togglebutton_keydown_arrow_up__",ToggleButtonKeyDownCharacter="__togglebutton_keydown_character__",FunctionToggleMenu$1="__function_toggle_menu__",FunctionOpenMenu$1="__function_open_menu__",FunctionCloseMenu$1="__function_close_menu__",FunctionSetHighlightedIndex$1="__function_set_highlighted_index__",FunctionSelectItem$1="__function_select_item__",FunctionSetInputValue$1="__function_set_input_value__",FunctionReset$2="__function_reset__",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_react20.useRef)(null),menuRef=(0,import_react20.useRef)(null),itemRefs=(0,import_react20.useRef)({}),shouldBlurRef=(0,import_react20.useRef)(!0),clearTimeoutRef=(0,import_react20.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react20.useRef)(),isInitialMountRef=(0,import_react20.useRef)(!0),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react20.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_react20.useEffect)(()=>(clearTimeoutRef.current=debounce(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react20.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react20.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_react20.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react20.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react20.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_react20.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_react20.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react20.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react20.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react20.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react20.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react20.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 key=normalizeArrowKey(event);key&&menuKeyDownHandlers[key]?menuKeyDownHandlers[key](event):isAcceptedCharacterKey(key)&&dispatch({type:MenuKeyDownCharacter,key,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_react20.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 key=normalizeArrowKey(event);key&&toggleButtonKeyDownHandlers[key]?toggleButtonKeyDownHandlers[key](event):isAcceptedCharacterKey(key)&&dispatch({type:ToggleButtonKeyDownCharacter,key,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_react20.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="__input_keydown_arrow_down__",InputKeyDownArrowUp="__input_keydown_arrow_up__",InputKeyDownEscape="__input_keydown_escape__",InputKeyDownHome="__input_keydown_home__",InputKeyDownEnd="__input_keydown_end__",InputKeyDownEnter="__input_keydown_enter__",InputChange="__input_change__",InputBlur="__input_blur__",MenuMouseLeave="__menu_mouse_leave__",ItemMouseMove="__item_mouse_move__",ItemClick="__item_click__",ToggleButtonClick="__togglebutton_click__",FunctionToggleMenu="__function_toggle_menu__",FunctionOpenMenu="__function_open_menu__",FunctionCloseMenu="__function_close_menu__",FunctionSetHighlightedIndex="__function_set_highlighted_index__",FunctionSelectItem="__function_select_item__",FunctionSetInputValue="__function_set_input_value__",FunctionReset$1="__function_reset__",ControlledPropUpdatedSelectedItem="__controlled_prop_updated_selected_item__",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_react20.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react20.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;validatePropTypes$1=(options2,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options2,"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_react20.useRef)(null),itemRefs=(0,import_react20.useRef)({}),inputRef=(0,import_react20.useRef)(null),toggleButtonRef=(0,import_react20.useRef)(null),comboboxRef=(0,import_react20.useRef)(null),isInitialMountRef=(0,import_react20.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react20.useRef)(),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react20.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_react20.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react20.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_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react20.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react20.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_react20.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react20.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_react20.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=e3=>e3.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_react20.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_react20.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 key=normalizeArrowKey(event);key&&inputKeyDownHandlers[key]&&inputKeyDownHandlers[key](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_react20.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_react20.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react20.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react20.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react20.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react20.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;validatePropTypes=(options2,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options2,"prop",caller.name)};var SelectedItemClick="__selected_item_click__",SelectedItemKeyDownDelete="__selected_item_keydown_delete__",SelectedItemKeyDownBackspace="__selected_item_keydown_backspace__",SelectedItemKeyDownNavigationNext="__selected_item_keydown_navigation_next__",SelectedItemKeyDownNavigationPrevious="__selected_item_keydown_navigation_previous__",DropdownKeyDownNavigationPrevious="__dropdown_keydown_navigation_previous__",DropdownKeyDownBackspace="__dropdown_keydown_backspace__",DropdownClick="__dropdown_click__",FunctionAddSelectedItem="__function_add_selected_item__",FunctionRemoveSelectedItem="__function_remove_selected_item__",FunctionSetSelectedItems="__function_set_selected_items__",FunctionSetActiveIndex="__function_set_active_index__",FunctionReset="__function_reset__",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_react20.useRef)(!0),dropdownRef=(0,import_react20.useRef)(null),previousSelectedItemsRef=(0,import_react20.useRef)(selectedItems),selectedItemRefs=(0,import_react20.useRef)();selectedItemRefs.current=[];let latest=useLatestRef({state,props});(0,import_react20.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_react20.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_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react20.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react20.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react20.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 key=normalizeArrowKey(event);key&&selectedItemKeyDownHandlers[key]&&selectedItemKeyDownHandlers[key](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_react20.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 key=normalizeArrowKey(event);key&&dropdownKeyDownHandlers[key]&&dropdownKeyDownHandlers[key](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_react20.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react20.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react20.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react20.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react21=__toESM(require_react());function isExpandType(x2){return!!(x2&&x2.showAll)}function isSearchResult(x2){return!!(x2&&x2.item)}var{document:document6}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options={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=newStyled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIconWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:8,zIndex:1,pointerEvents:"none",color:theme.textMutedColor,display:"flex",alignItems:"center",height:"100%"})),SearchField=newStyled.div({display:"flex",flexDirection:"column",position:"relative"}),Input=newStyled.input(({theme})=>({appearance:"none",height:32,paddingLeft:28,paddingRight:28,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:4,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,width:"100%","&: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=newStyled.code(({theme})=>({position:"absolute",top:8,right:9,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,userSelect:"none",pointerEvents:"none",display:"flex",alignItems:"center",gap:4})),FocusKeyCmd=newStyled.span({fontSize:"14px"}),ClearIcon=newStyled.div(({theme})=>({position:"absolute",top:0,right:8,zIndex:1,color:theme.textMutedColor,cursor:"pointer",display:"flex",alignItems:"center",height:"100%"})),FocusContainer=newStyled.div({outline:0}),Search=import_react21.default.memo(function({children,dataset,enableShortcuts=!0,getLastViewed,initialQuery=""}){let api=useStorybookApi(),inputRef=(0,import_react21.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react21.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react21.useState)(!1),searchShortcut=api?shortcutToHumanString(api.getShortcutKeys().search):"/",selectStory=(0,import_react21.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_react21.useMemo)(()=>dataset.entries.reduce((acc,[refId,{index,status}])=>{let groupStatus=getGroupStatus(index||{},status);return index&&acc.push(...Object.values(index).map(item=>{let statusValue=status&&status[item.id]?getHighestStatus(Object.values(status[item.id]||{}).map(s2=>s2.status)):null;return{...searchItem(item,dataset.hash[refId]),status:statusValue||groupStatus[item.id]||null}})),acc},[]),[dataset]),fuse=(0,import_react21.useMemo)(()=>new import_fuse.default(list,options),[list]),getResults=(0,import_react21.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_react21.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(),{}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]),{isMobile}=useLayout();return import_react21.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result=>result?.item?.name||"",scrollIntoView:e3=>scrollIntoView(e3)},({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},[]));let inputId="storybook-explorer-searchfield",inputProps=getInputProps({id:inputId,ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")}),labelProps=getLabelProps({htmlFor:inputId});return import_react21.default.createElement(import_react21.default.Fragment,null,import_react21.default.createElement(ScreenReaderLabel,{...labelProps},"Search for components"),import_react21.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react21.default.createElement(SearchIconWrapper,null,import_react21.default.createElement(SearchIcon,null)),import_react21.default.createElement(Input,{...inputProps}),!isMobile&&enableShortcuts&&!isOpen&&import_react21.default.createElement(FocusKey,null,searchShortcut==="\u2318 K"?import_react21.default.createElement(import_react21.default.Fragment,null,import_react21.default.createElement(FocusKeyCmd,null,"\u2318"),"K"):searchShortcut),isOpen&&import_react21.default.createElement(ClearIcon,{onClick:()=>clearSelection()},import_react21.default.createElement(CloseIcon,null))),import_react21.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_react22=__toESM(require_react());var{document:document7}=scope,ResultsList=newStyled.ol({listStyle:"none",margin:0,padding:0}),ResultRow=newStyled.li(({theme,isHighlighted})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",color:"inherit",fontSize:`${theme.typography.size.s2}px`,background:isHighlighted?theme.background.hoverable:"transparent",minHeight:28,borderRadius:4,gap:6,paddingTop:7,paddingBottom:7,paddingLeft:8,paddingRight:8,"&:hover, &:focus":{background:curriedTransparentize$1(.93,theme.color.secondary),outline:"none"}})),IconWrapper=newStyled.div({marginTop:2}),ResultRowContent=newStyled.div(()=>({display:"flex",flexDirection:"column"})),NoResults=newStyled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=newStyled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),MoreWrapper=newStyled.div({marginTop:8}),RecentlyOpenedTitle=newStyled.div(({theme})=>({display:"flex",justifyContent:"space-between",fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,minHeight:28,letterSpacing:"0.16em",textTransform:"uppercase",color:theme.textMutedColor,marginTop:16,marginBottom:4,alignItems:"center",".search-result-recentlyOpened-clear":{visibility:"hidden"},"&:hover":{".search-result-recentlyOpened-clear":{visibility:"visible"}}})),Highlight=import_react22.default.memo(function({children,match}){if(!match)return children;let{value,indices}=match,{nodes:result}=indices.reduce(({cursor,nodes},[start,end],index,{length})=>(nodes.push(import_react22.default.createElement("span",null,value.slice(cursor,start))),nodes.push(import_react22.default.createElement(Mark,null,value.slice(start,end+1))),index===length-1&&nodes.push(import_react22.default.createElement("span",null,value.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react22.default.createElement("span",null,result)}),Title=newStyled.div(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,"& > span":{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),Path=newStyled.div(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{"&:before":{content:"' / '"}}})),Result=import_react22.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react22.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=useStorybookApi();(0,import_react22.useEffect)(()=>{api&&props.isHighlighted&&item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[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"),[i3]=item.status?statusMapping[item.status]:[];return import_react22.default.createElement(ResultRow,{...props,onClick:click},import_react22.default.createElement(IconWrapper,null,item.type==="component"&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"component"},import_react22.default.createElement(UseSymbol,{type:"component"})),item.type==="story"&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"story"},import_react22.default.createElement(UseSymbol,{type:"story"})),!(item.type==="component"||item.type==="story")&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"document"},import_react22.default.createElement(UseSymbol,{type:"document"}))),import_react22.default.createElement(ResultRowContent,{className:"search-result-item--label"},import_react22.default.createElement(Title,null,import_react22.default.createElement(Highlight,{match:nameMatch},item.name)),import_react22.default.createElement(Path,null,item.path.map((group,index)=>import_react22.default.createElement("span",{key:index},import_react22.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index)},group))))),item.status?i3:null)}),SearchResults=import_react22.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,isLoading=!1,enableShortcuts=!0,clearLastViewed}){let api=useStorybookApi();(0,import_react22.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){if(event.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_react22.useCallback)(event=>{if(!api)return;let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.resolveStory(storyId,refId==="storybook_internal"?void 0:refId);item?.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]),handleClearLastViewed=()=>{clearLastViewed(),closeMenu()};return import_react22.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react22.default.createElement(RecentlyOpenedTitle,{className:"search-result-recentlyOpened"},"Recently opened",import_react22.default.createElement(IconButton,{className:"search-result-recentlyOpened-clear",onClick:handleClearLastViewed},import_react22.default.createElement(TrashIcon,null))),results.length===0&&query&&import_react22.default.createElement("li",null,import_react22.default.createElement(NoResults,null,import_react22.default.createElement("strong",null,"No components found"),import_react22.default.createElement("br",null),import_react22.default.createElement("small",null,"Find components by name or path."))),results.map((result,index)=>{if(isExpandType(result))return import_react22.default.createElement(MoreWrapper,{key:"search-result-expand"},import_react22.default.createElement(Button,{...result,...getItemProps({key:index,index,item:result}),size:"small"},"Show ",result.moreCount," more results"));let{item}=result,key=`${item.refId}::${item.id}`;return import_react22.default.createElement(Result,{key:item.id,...result,...getItemProps({key,index,item:result}),isHighlighted:highlightedIndex===index,"data-id":result.item.id,"data-refid":result.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce=__toESM(require_debounce()),import_react23=__toESM(require_react()),import_store2=__toESM(require_store2()),save=(0,import_debounce.default)(value=>import_store2.default.set("lastViewedStoryIds",value),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react23.useMemo)(()=>{let items=import_store2.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store2.default]),lastViewedRef=(0,import_react23.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react23.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_react23.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react23.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react23.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container2=newStyled.nav(({theme})=>({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%",display:"flex",flexDirection:"column",background:theme.background.content,[MEDIA_DESKTOP_BREAKPOINT]:{background:theme.background.app}})),Top=newStyled(Spaced)({paddingLeft:12,paddingRight:12,paddingBottom:20,paddingTop:16,flex:1}),Bottom=newStyled.div(({theme})=>({borderTop:`1px solid ${theme.appBorderColor}`,padding:theme.layoutMargin/2,display:"flex",flexWrap:"wrap",gap:theme.layoutMargin/2,backgroundColor:theme.barBg,"&:empty":{display:"none"}})),Swap=import_react24.default.memo(function({children,condition}){let[a2,b2]=import_react24.default.Children.toArray(children);return import_react24.default.createElement(import_react24.default.Fragment,null,import_react24.default.createElement("div",{style:{display:condition?"block":"none"}},a2),import_react24.default.createElement("div",{style:{display:condition?"none":"block"}},b2))}),useCombination=(defaultRefData,refs)=>{let hash=(0,import_react24.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs}),[refs,defaultRefData]);return(0,import_react24.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar=import_react24.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index,indexError,status,previewInitialized,menu,extra,bottom=[],menuHighlighted=!1,enableShortcuts=!0,refs={},onMenuClick}){let selected=(0,import_react24.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index,indexError,previewInitialized,status},refs),isLoading=!index&&!indexError,lastViewedProps=useLastViewed(selected);return import_react24.default.createElement(Container2,{className:"container sidebar-container"},import_react24.default.createElement(ScrollArea,{vertical:!0,offset:3,scrollbarSize:6},import_react24.default.createElement(Top,{row:1.6},import_react24.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,extra,skipLinkHref:"#storybook-preview-wrapper",isLoading,onMenuClick}),import_react24.default.createElement(Search,{dataset,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps,highlightedIndex})=>import_react24.default.createElement(Swap,{condition:isBrowsing},import_react24.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react24.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,enableShortcuts,isLoading,clearLastViewed:lastViewedProps.clearLastViewed}))))),isLoading?null:import_react24.default.createElement(Bottom,null,bottom.map(({id,render:Render})=>import_react24.default.createElement(Render,{key:id}))))});var import_react25=__toESM(require_react());var focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key=newStyled.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=newStyled.code(({theme})=>`
170
+ `,GROUP_ID="icon--group",COMPONENT_ID="icon--component",DOCUMENT_ID="icon--document",STORY_ID="icon--story",IconSymbols=()=>import_react10.default.createElement(Svg,{"data-chromatic":"ignore"},import_react10.default.createElement("symbol",{id:GROUP_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:COMPONENT_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:DOCUMENT_ID},import_react10.default.createElement("path",{d:"M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z",fill:"currentColor"}),import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z",fill:"currentColor"})),import_react10.default.createElement("symbol",{id:STORY_ID},import_react10.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z",fill:"currentColor"}))),UseSymbol=({type})=>type==="group"?import_react10.default.createElement("use",{xlinkHref:`#${GROUP_ID}`}):type==="component"?import_react10.default.createElement("use",{xlinkHref:`#${COMPONENT_ID}`}):type==="document"?import_react10.default.createElement("use",{xlinkHref:`#${DOCUMENT_ID}`}):type==="story"?import_react10.default.createElement("use",{xlinkHref:`#${STORY_ID}`}):null;var import_react11=__toESM(require_react());var CollapseIconWrapper=newStyled.div(({theme,isExpanded})=>({width:8,height:8,display:"flex",justifyContent:"center",alignItems:"center",color:curriedTransparentize$1(.4,theme.textMutedColor),transform:isExpanded?"rotateZ(90deg)":"none",transition:"transform .1s ease-out"})),CollapseIcon2=({isExpanded})=>import_react11.default.createElement(CollapseIconWrapper,{isExpanded},import_react11.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",fill:"none"},import_react11.default.createElement("path",{fill:"#73828C",fillRule:"evenodd",d:"M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z",clipRule:"evenodd"})));var TypeIcon=newStyled.svg(({theme,type})=>({width:14,height:14,flex:"0 0 auto",color:(()=>type==="group"?theme.base==="dark"?theme.color.primary:theme.color.ultraviolet:type==="component"?theme.color.secondary:type==="document"?theme.base==="dark"?theme.color.gold:"#ff8300":type==="story"?theme.color.seafoam:"currentColor")()})),BranchNode=newStyled.button(({theme,depth=0,isExpandable=!1})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",paddingLeft:`${(isExpandable?8:22)+depth*18}px`,color:"inherit",fontSize:`${theme.typography.size.s2}px`,background:"transparent",minHeight:28,borderRadius:4,gap:6,paddingTop:5,paddingBottom:4,"&:hover, &:focus":{background:curriedTransparentize$1(.93,theme.color.secondary),outline:"none"}})),LeafNode=newStyled.a(({theme,depth=0})=>({cursor:"pointer",color:"inherit",display:"flex",gap:6,flex:1,alignItems:"start",paddingLeft:`${22+depth*18}px`,paddingTop:5,paddingBottom:4,fontSize:`${theme.typography.size.s2}px`,textDecoration:"none",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"break-word"})),RootNode=newStyled.div(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:16,marginBottom:4,fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"16px",minHeight:28,letterSpacing:"0.16em",textTransform:"uppercase",color:theme.textMutedColor})),Wrapper=newStyled.div({display:"flex",alignItems:"center",gap:6,marginTop:2}),GroupNode=import_react12.default.memo(function({children,isExpanded=!1,isExpandable=!1,...props}){return import_react12.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,isExpandable&&import_react12.default.createElement(CollapseIcon2,{isExpanded}),import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"group"},import_react12.default.createElement(UseSymbol,{type:"group"}))),children)}),ComponentNode=import_react12.default.memo(function({theme,children,isExpanded,isExpandable,isSelected,...props}){return import_react12.default.createElement(BranchNode,{isExpandable,tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,isExpandable&&import_react12.default.createElement(CollapseIcon2,{isExpanded}),import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"component"},import_react12.default.createElement(UseSymbol,{type:"component"}))),children)}),DocumentNode=import_react12.default.memo(function({theme,children,docsMode,...props}){return import_react12.default.createElement(LeafNode,{tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"document"},import_react12.default.createElement(UseSymbol,{type:"document"}))),children)}),StoryNode=import_react12.default.memo(function({theme,children,...props}){return import_react12.default.createElement(LeafNode,{tabIndex:-1,...props},import_react12.default.createElement(Wrapper,null,import_react12.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"12",height:"12",type:"story"},import_react12.default.createElement(UseSymbol,{type:"story"}))),children)});var import_throttle=__toESM(require_throttle()),import_react13=__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_memoizerific=__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 get=(0,import_memoizerific.default)(1e3)((id,dataset)=>dataset[id]),getParent=(0,import_memoizerific.default)(1e3)((id,dataset)=>{let item=get(id,dataset);return item&&item.type!=="root"?get(item.parent,dataset):void 0}),getParents=(0,import_memoizerific.default)(1e3)((id,dataset)=>{let parent=getParent(id,dataset);return parent?[parent,...getParents(parent.id,dataset)]:[]}),getAncestorIds=(0,import_memoizerific.default)(1e3)((data,id)=>getParents(id,data).map(item=>item.id)),getDescendantIds=(0,import_memoizerific.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})=>{let highlightedAncestors=highlightedRef.current?.refId===refId?getAncestorIds(data,highlightedRef.current?.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=useStorybookApi(),[expanded,setExpanded]=(0,import_react13.useReducer)((state,{ids,value})=>ids.reduce((acc,id)=>Object.assign(acc,{[id]:value}),{...state}),{refId,data,highlightedRef,rootIds,initialExpanded},initializeExpanded),getElementByDataItemId=(0,import_react13.useCallback)(id=>containerRef.current?.querySelector(`[data-item-id="${id}"]`),[containerRef]),highlightElement=(0,import_react13.useCallback)(element=>{setHighlightedItemId(element.getAttribute("data-item-id")),scrollIntoView(element)},[setHighlightedItemId]),updateExpanded=(0,import_react13.useCallback)(({ids,value})=>{if(setExpanded({ids,value}),ids.length===1){let element=containerRef.current?.querySelector(`[data-item-id="${ids[0]}"][data-ref-id="${refId}"]`);element&&highlightElement(element)}},[containerRef,highlightElement,refId]);(0,import_react13.useEffect)(()=>{setExpanded({ids:getAncestorIds(data,selectedStoryId),value:!0})},[data,selectedStoryId]);let collapseAll=(0,import_react13.useCallback)(()=>{let ids=Object.keys(data).filter(id=>!rootIds.includes(id));setExpanded({ids,value:!1})},[data,rootIds]),expandAll=(0,import_react13.useCallback)(()=>{setExpanded({ids:Object.keys(data),value:!0})},[data]);return(0,import_react13.useEffect)(()=>api?(api.on(STORIES_COLLAPSE_ALL,collapseAll),api.on(STORIES_EXPAND_ALL,expandAll),()=>{api.off(STORIES_COLLAPSE_ALL,collapseAll),api.off(STORIES_EXPAND_ALL,expandAll)}):noop,[api,collapseAll,expandAll]),(0,import_react13.useEffect)(()=>{let menuElement=document4.getElementById("storybook-explorer-menu"),navigateTree=(0,import_throttle.default)(event=>{let highlightedItemId=highlightedRef.current?.refId===refId&&highlightedRef.current?.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 import_react14=__toESM(require_react());var SmallIcons=newStyled(CircleIcon)({"&&&":{width:6,height:6}}),LoadingIcons=newStyled(SmallIcons)(({theme:{animation,color,base}})=>({animation:`${animation.glow} 1.5s ease-in-out infinite`,color:base==="light"?color.mediumdark:color.darker})),statusPriority=["unknown","pending","success","warn","error"],statusMapping={unknown:[null,null],pending:[import_react14.default.createElement(LoadingIcons,{key:"icon"}),"currentColor"],success:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"green"}}),"currentColor"],warn:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"orange"}}),"#A15C20"],error:[import_react14.default.createElement(SmallIcons,{key:"icon",style:{color:"red"}}),"brown"]},getHighestStatus=statuses=>statusPriority.reduce((acc,status)=>statuses.includes(status)?status:acc,"unknown");function getGroupStatus(collapsedData,status){return Object.values(collapsedData).reduce((acc,item)=>{if(item.type==="group"||item.type==="component"){let leafs=getDescendantIds(collapsedData,item.id,!1).map(id=>collapsedData[id]).filter(i3=>i3.type==="story"),combinedStatus=getHighestStatus(leafs.flatMap(story=>Object.values(status?.[story.id]||{})).map(s2=>s2.status));combinedStatus&&(acc[item.id]=combinedStatus)}return acc},{})}var Container=newStyled.div(props=>({marginTop:props.hasOrphans?20:0,marginBottom:20})),Action=newStyled.button(({theme,height,width})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:width||20,height:height||20,boxSizing:"border-box",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=newStyled.button(({theme})=>({all:"unset",display:"flex",padding:"0px 8px",borderRadius:4,transition:"color 150ms, box-shadow 150ms",gap:6,alignItems:"center",cursor:"pointer",height:28,"&:hover, &:focus":{outline:"none",background:curriedTransparentize$1(.93,theme.color.secondary)}})),LeafNodeStyleWrapper=newStyled.div(({theme})=>({position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",paddingRight:20,color:theme.color.defaultText,background:"transparent",minHeight:28,borderRadius:4,"&:hover, &:focus":{outline:"none",background:curriedTransparentize$1(.93,theme.color.secondary)},'&[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}},a:{color:"currentColor"}})),SkipToContentLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{display:"block",fontSize:"10px",overflow:"hidden",width:1,height:"20px",boxSizing:"border-box",opacity:0,padding:0,"&:focus":{opacity:1,padding:"5px 10px",background:"white",color:theme.color.secondary,width:"auto"}}})),Node=import_react15.default.memo(function({item,status,refId,docsMode,isOrphan,isDisplayed,isSelected,isFullyExpanded,color,setFullyExpanded,isExpanded,setExpanded,onSelectStoryId,api}){let{isDesktop,isMobile,setMobileMenuOpen}=useLayout();if(!isDisplayed)return null;let id=createId(item.id,refId);if(item.type==="story"||item.type==="docs"){let LeafNode2=item.type==="docs"?DocumentNode:StoryNode,statusValue=getHighestStatus(Object.values(status||{}).map(s2=>s2.status)),[icon,textColor]=statusMapping[statusValue];return import_react15.default.createElement(LeafNodeStyleWrapper,{"data-selected":isSelected,"data-ref-id":refId,"data-item-id":item.id,"data-parent-id":item.parent,"data-nodetype":item.type==="docs"?"document":"story","data-highlightable":isDisplayed,className:"sidebar-item"},import_react15.default.createElement(LeafNode2,{style:isSelected?{}:{color:textColor},key:id,href:getLink(item,refId),id,depth:isOrphan?item.depth:item.depth-1,onClick:event=>{event.preventDefault(),onSelectStoryId(item.id),isMobile&&setMobileMenuOpen(!1)},...item.type==="docs"&&{docsMode}},item.renderLabel?.(item)||item.name),isSelected&&import_react15.default.createElement(SkipToContentLink,{asChild:!0},import_react15.default.createElement("a",{href:"#storybook-preview-wrapper"},"Skip to canvas")),icon?import_react15.default.createElement(WithTooltip,{placement:"top",style:{display:"flex"},tooltip:()=>import_react15.default.createElement(TooltipLinkList,{links:Object.entries(status||{}).map(([k2,v2])=>({id:k2,title:v2.title,description:v2.description,right:statusMapping[v2.status][0]}))}),closeOnOutsideClick:!0},import_react15.default.createElement(Action,{type:"button",height:22},icon)):null)}if(item.type==="root")return import_react15.default.createElement(RootNode,{key:id,id,className:"sidebar-subheading","data-ref-id":refId,"data-item-id":item.id,"data-nodetype":"root"},import_react15.default.createElement(CollapseButton,{type:"button","data-action":"collapse-root",onClick:event=>{event.preventDefault(),setExpanded({ids:[item.id],value:!isExpanded})},"aria-expanded":isExpanded},import_react15.default.createElement(CollapseIcon2,{isExpanded}),item.renderLabel?.(item)||item.name),isExpanded&&import_react15.default.createElement(IconButton,{className:"sidebar-subheading-action","aria-label":isFullyExpanded?"Expand":"Collapse","data-action":"expand-all","data-expanded":isFullyExpanded,onClick:event=>{event.preventDefault(),setFullyExpanded()}},isFullyExpanded?import_react15.default.createElement(CollapseIcon,null):import_react15.default.createElement(ExpandAltIcon,null)));if(item.type==="component"||item.type==="group"){let BranchNode2=item.type==="component"?ComponentNode:GroupNode;return import_react15.default.createElement(BranchNode2,{key:id,id,style:color?{color}:{},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&&isDesktop&&onSelectStoryId(item.id)},onMouseEnter:()=>{item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}},item.renderLabel?.(item)||item.name)}return null}),Root=import_react15.default.memo(function({setExpanded,isFullyExpanded,expandableDescendants,...props}){let setFullyExpanded=(0,import_react15.useCallback)(()=>setExpanded({ids:expandableDescendants,value:!isFullyExpanded}),[setExpanded,isFullyExpanded,expandableDescendants]);return import_react15.default.createElement(Node,{...props,setExpanded,isFullyExpanded,setFullyExpanded})}),Tree=import_react15.default.memo(function({isBrowsing,isMain,refId,data,status,docsMode,highlightedRef,setHighlightedItemId,selectedStoryId,onSelectStoryId}){let containerRef=(0,import_react15.useRef)(null),api=useStorybookApi(),[rootIds,orphanIds,initialExpanded]=(0,import_react15.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_react15.useMemo)(()=>[...orphanIds,...rootIds].reduce((acc,nodeId)=>(acc.expandableDescendants[nodeId]=getDescendantIds(data,nodeId,!1).filter(d2=>!["story","docs"].includes(data[d2].type)),acc),{orphansFirst:[],expandableDescendants:{}}),[data,rootIds,orphanIds]),singleStoryComponentIds=(0,import_react15.useMemo)(()=>Object.keys(data).filter(id=>{let entry=data[id];if(entry.type!=="component")return!1;let{children=[],name}=entry;if(children.length!==1)return!1;let onlyChild=data[children[0]];return onlyChild.type==="docs"?!0:onlyChild.type==="story"?isStoryHoistable(onlyChild.name,name):!1}),[data]),collapsedItems=(0,import_react15.useMemo)(()=>Object.keys(data).filter(id=>!singleStoryComponentIds.includes(id)),[singleStoryComponentIds]),collapsedData=(0,import_react15.useMemo)(()=>singleStoryComponentIds.reduce((acc,id)=>{let{children,parent,name}=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,parent,depth:data[childId].depth-1},acc},{...data}),[data]),ancestry=(0,import_react15.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}),groupStatus=(0,import_react15.useMemo)(()=>getGroupStatus(collapsedData,status),[collapsedData,status]),treeItems=(0,import_react15.useMemo)(()=>collapsedItems.map(itemId=>{let item=collapsedData[itemId],id=createId(itemId,refId);if(item.type==="root"){let descendants=expandableDescendants[item.id],isFullyExpanded=descendants.every(d2=>expanded[d2]);return import_react15.default.createElement(Root,{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(a2=>expanded[a2]),color=groupStatus[itemId]?statusMapping[groupStatus[itemId]][1]:null;return import_react15.default.createElement(Node,{api,key:id,item,status:status?.[itemId],refId,color,docsMode,isOrphan:orphanIds.some(oid=>itemId===oid||itemId.startsWith(`${oid}-`)),isDisplayed,isSelected:selectedStoryId===itemId,isExpanded:!!expanded[itemId],setExpanded,onSelectStoryId})}),[ancestry,api,collapsedData,collapsedItems,docsMode,expandableDescendants,expanded,groupStatus,onSelectStoryId,orphanIds,refId,selectedStoryId,setExpanded,status]);return import_react15.default.createElement(Container,{ref:containerRef,hasOrphans:isMain&&orphanIds.length>0},import_react15.default.createElement(IconSymbols,null),treeItems)});var Wrapper2=newStyled.div(({isMain})=>({position:"relative",marginTop:isMain?void 0:0})),RefHead=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2,textDecoration:"none",lineHeight:"16px",display:"flex",alignItems:"center",justifyContent:"space-between",background:"transparent",width:"100%",marginTop:20,paddingTop:16,paddingBottom:12,borderTop:`1px solid ${theme.appBorderColor}`,color:theme.base==="light"?theme.color.defaultText:curriedTransparentize$1(.2,theme.color.defaultText)})),RefTitle=newStyled.div({textOverflow:"ellipsis",whiteSpace:"nowrap",flex:1,overflow:"hidden",marginLeft:2}),CollapseButton2=newStyled.button(({theme})=>({all:"unset",display:"flex",padding:"0px 8px",gap:6,alignItems:"center",cursor:"pointer",overflow:"hidden","&:focus":{borderColor:theme.color.secondary,"span:first-of-type":{borderLeftColor:theme.color.secondary}}})),Ref=import_react16.default.memo(function(props){let{docsOptions}=useStorybookState(),api=useStorybookApi(),{index,id:refId,title=refId,isLoading:isLoadingMain,isBrowsing,selectedStoryId,highlightedRef,setHighlighted,loginUrl,type,expanded=!0,indexError,previewInitialized}=props,length=(0,import_react16.useMemo)(()=>index?Object.keys(index).length:0,[index]),indicatorRef=(0,import_react16.useRef)(null),isMain=refId===DEFAULT_REF_ID,isLoading=isLoadingMain||(type==="auto-inject"&&!previewInitialized||type==="server-checked")||type==="unknown",state=getStateType(isLoading,!!loginUrl&&length===0,!!indexError,!isLoading&&length===0),[isExpanded,setExpanded]=(0,import_react16.useState)(expanded);(0,import_react16.useEffect)(()=>{index&&selectedStoryId&&index[selectedStoryId]&&setExpanded(!0)},[setExpanded,index,selectedStoryId]);let handleClick=(0,import_react16.useCallback)(()=>setExpanded(value=>!value),[setExpanded]),setHighlightedItemId=(0,import_react16.useCallback)(itemId=>setHighlighted({itemId,refId}),[setHighlighted]),onSelectStoryId=(0,import_react16.useCallback)(storyId=>api&&api.selectStory(storyId,void 0,{ref:!isMain&&refId}),[api,isMain,refId]);return import_react16.default.createElement(import_react16.default.Fragment,null,isMain||import_react16.default.createElement(RefHead,{"aria-label":`${isExpanded?"Hide":"Show"} ${title} stories`,"aria-expanded":isExpanded},import_react16.default.createElement(CollapseButton2,{"data-action":"collapse-ref",onClick:handleClick},import_react16.default.createElement(CollapseIcon2,{isExpanded}),import_react16.default.createElement(RefTitle,{title},title)),import_react16.default.createElement(RefIndicator,{...props,state,ref:indicatorRef})),isExpanded&&import_react16.default.createElement(Wrapper2,{"data-title":title,isMain},state==="auth"&&import_react16.default.createElement(AuthBlock,{id:refId,loginUrl}),state==="error"&&import_react16.default.createElement(ErrorBlock,{error:indexError}),state==="loading"&&import_react16.default.createElement(LoaderBlock,{isMain}),state==="empty"&&import_react16.default.createElement(EmptyBlock,{isMain}),state==="ready"&&import_react16.default.createElement(Tree,{status:props.status,isBrowsing,isMain,refId,data:index,docsMode:docsOptions.docsMode,selectedStoryId,onSelectStoryId,highlightedRef,setHighlightedItemId})))});var import_react17=__toESM(require_react());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_react17.useRef)(initialHighlight),[highlighted,setHighlighted]=(0,import_react17.useState)(initialHighlight),api=useStorybookApi(),updateHighlighted=(0,import_react17.useCallback)(highlight=>{highlightedRef.current=highlight,setHighlighted(highlight)},[highlightedRef]),highlightElement=(0,import_react17.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_react17.useEffect)(()=>{let highlight=fromSelection(selected);if(updateHighlighted(highlight),highlight){let{itemId,refId}=highlight;setTimeout(()=>{scrollIntoView(containerRef.current?.querySelector(`[data-item-id="${itemId}"][data-ref-id="${refId}"]`),!0)},0)}},[dataset,highlightedRef,containerRef,selected]),(0,import_react17.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=>el.getAttribute("data-item-id")===highlightedRef.current?.itemId&&el.getAttribute("data-ref-id")===highlightedRef.current?.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.resolveStory(itemId,refId==="storybook_internal"?void 0:refId);item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.children[0]],options:{target:refId}})}})};return document5.addEventListener("keydown",navigateTree),()=>document5.removeEventListener("keydown",navigateTree)},[isLoading,isBrowsing,highlightedRef,highlightElement]),[highlighted,updateHighlighted,highlightedRef]};var import_react18=__toESM(require_react());var HighlightStyles=({refId,itemId})=>import_react18.default.createElement(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_react19.default.memo(function({isLoading,isBrowsing,dataset,selected}){let containerRef=(0,import_react19.useRef)(null),[highlighted,setHighlighted,highlightedRef]=useHighlighted({containerRef,isLoading,isBrowsing,dataset,selected});return import_react19.default.createElement("div",{ref:containerRef,id:"storybook-explorer-tree","data-highlighted-ref-id":highlighted?.refId,"data-highlighted-item-id":highlighted?.itemId},highlighted&&import_react19.default.createElement(HighlightStyles,{...highlighted}),dataset.entries.map(([refId,ref])=>import_react19.default.createElement(Ref,{...ref,key:refId,isLoading,isBrowsing,selectedStoryId:selected?.refId===ref.id?selected.storyId:null,highlightedRef,setHighlighted})))});var import_prop_types2=__toESM(require_prop_types()),import_react20=__toESM(require_react()),import_react_is=__toESM(require_react_is2());function t2(t3){return typeof t3=="object"&&t3!=null&&t3.nodeType===1}function e2(t3,e3){return(!e3||t3!=="hidden")&&t3!=="visible"&&t3!=="clip"}function n2(t3,n3){if(t3.clientHeight<t3.scrollHeight||t3.clientWidth<t3.scrollWidth){var r3=getComputedStyle(t3,null);return e2(r3.overflowY,n3)||e2(r3.overflowX,n3)||function(t4){var e3=function(t5){if(!t5.ownerDocument||!t5.ownerDocument.defaultView)return null;try{return t5.ownerDocument.defaultView.frameElement}catch{return null}}(t4);return!!e3&&(e3.clientHeight<t4.scrollHeight||e3.clientWidth<t4.scrollWidth)}(t3)}return!1}function r2(t3,e3,n3,r3,i3,o2,l2,d2){return o2<t3&&l2>e3||o2>t3&&l2<e3?0:o2<=t3&&d2<=n3||l2>=e3&&d2>=n3?o2-t3-r3:l2>e3&&d2<n3||o2<t3&&d2>n3?l2-e3+i3:0}var i2=function(e3,i3){var o2=window,l2=i3.scrollMode,d2=i3.block,f2=i3.inline,h2=i3.boundary,u2=i3.skipOverflowHiddenElements,s2=typeof h2=="function"?h2:function(t3){return t3!==h2};if(!t2(e3))throw new TypeError("Invalid target");for(var a2,c2,g2=document.scrollingElement||document.documentElement,p2=[],m2=e3;t2(m2)&&s2(m2);){if((m2=(c2=(a2=m2).parentElement)==null?a2.getRootNode().host||null:c2)===g2){p2.push(m2);break}m2!=null&&m2===document.body&&n2(m2)&&!n2(document.documentElement)||m2!=null&&n2(m2,u2)&&p2.push(m2)}for(var w2=o2.visualViewport?o2.visualViewport.width:innerWidth,v2=o2.visualViewport?o2.visualViewport.height:innerHeight,W2=window.scrollX||pageXOffset,H2=window.scrollY||pageYOffset,b2=e3.getBoundingClientRect(),y2=b2.height,E2=b2.width,M2=b2.top,V=b2.right,x2=b2.bottom,I2=b2.left,C2=d2==="start"||d2==="nearest"?M2:d2==="end"?x2:M2+y2/2,R2=f2==="center"?I2+E2/2:f2==="end"?V:I2,T2=[],k2=0;k2<p2.length;k2++){var B2=p2[k2],D2=B2.getBoundingClientRect(),O2=D2.height,X=D2.width,Y2=D2.top,L2=D2.right,S2=D2.bottom,j2=D2.left;if(l2==="if-needed"&&M2>=0&&I2>=0&&x2<=v2&&V<=w2&&M2>=Y2&&x2<=S2&&I2>=j2&&V<=L2)return T2;var N2=getComputedStyle(B2),q2=parseInt(N2.borderLeftWidth,10),z2=parseInt(N2.borderTopWidth,10),A2=parseInt(N2.borderRightWidth,10),F2=parseInt(N2.borderBottomWidth,10),G2=0,J=0,K2="offsetWidth"in B2?B2.offsetWidth-B2.clientWidth-q2-A2:0,P2="offsetHeight"in B2?B2.offsetHeight-B2.clientHeight-z2-F2:0,Q="offsetWidth"in B2?B2.offsetWidth===0?0:X/B2.offsetWidth:0,U2="offsetHeight"in B2?B2.offsetHeight===0?0:O2/B2.offsetHeight:0;if(g2===B2)G2=d2==="start"?C2:d2==="end"?C2-v2:d2==="nearest"?r2(H2,H2+v2,v2,z2,F2,H2+C2,H2+C2+y2,y2):C2-v2/2,J=f2==="start"?R2:f2==="center"?R2-w2/2:f2==="end"?R2-w2:r2(W2,W2+w2,w2,q2,A2,W2+R2,W2+R2+E2,E2),G2=Math.max(0,G2+H2),J=Math.max(0,J+W2);else{G2=d2==="start"?C2-Y2-z2:d2==="end"?C2-S2+F2+P2:d2==="nearest"?r2(Y2,S2,O2,z2,F2+P2,C2,C2+y2,y2):C2-(Y2+O2/2)+P2/2,J=f2==="start"?R2-j2-q2:f2==="center"?R2-(j2+X/2)+K2/2:f2==="end"?R2-L2+A2+K2:r2(j2,L2,X,q2,A2+K2,R2,R2+E2,E2);var Z=B2.scrollLeft,$=B2.scrollTop;C2+=$-(G2=Math.max(0,Math.min($+G2/U2,B2.scrollHeight-O2/U2+P2))),R2+=Z-(J=Math.max(0,Math.min(Z+J/Q,B2.scrollWidth-X/Q+K2)))}T2.push({el:B2,top:G2,left:J})}return T2};var __assign=function(){return __assign=Object.assign||function(t3){for(var s2,i3=1,n3=arguments.length;i3<n3;i3++){s2=arguments[i3];for(var p2 in s2)Object.prototype.hasOwnProperty.call(s2,p2)&&(t3[p2]=s2[p2])}return t3},__assign.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 debounce(fn,time){let timeoutId;function cancel(){timeoutId&&clearTimeout(timeoutId)}function wrapper(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];cancel(),timeoutId=setTimeout(()=>{timeoutId=null,fn(...args)},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,args=new Array(_len3>1?_len3-1:0),_key3=1;_key3<_len3;_key3++)args[_key3-1]=arguments[_key3];return fns.some(fn=>(fn&&fn(event,...args),event.preventDownshiftDefault||event.hasOwnProperty("nativeEvent")&&event.nativeEvent.preventDownshiftDefault))}}function handleRefs(){for(var _len4=arguments.length,refs=new Array(_len4),_key4=0;_key4<_len4;_key4++)refs[_key4]=arguments[_key4];return node=>{refs.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 isDOMElement(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 result={};return stateKeys.forEach(k2=>{state.hasOwnProperty(k2)&&(result[k2]=state[k2])}),result}function getState(state,props){return Object.keys(state).reduce((prevState,key)=>(prevState[key]=isControlledProp(props,key)?props[key]:state[key],prevState),{})}function isControlledProp(props,key){return props[key]!==void 0}function normalizeArrowKey(event){let{key,keyCode}=event;return keyCode>=37&&keyCode<=40&&key.indexOf("Arrow")!==0?`Arrow${key}`:key}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;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=debounce(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="__autocomplete_unknown__",mouseUp="__autocomplete_mouseup__",itemMouseEnter="__autocomplete_item_mouseenter__",keyDownArrowUp="__autocomplete_keydown_arrow_up__",keyDownArrowDown="__autocomplete_keydown_arrow_down__",keyDownEscape="__autocomplete_keydown_escape__",keyDownEnter="__autocomplete_keydown_enter__",keyDownHome="__autocomplete_keydown_home__",keyDownEnd="__autocomplete_keydown_end__",clickItem="__autocomplete_click_item__",blurInput="__autocomplete_blur_input__",changeInput="__autocomplete_change_input__",keyDownSpaceButton="__autocomplete_keydown_space_button__",clickButton="__autocomplete_click_button__",blurButton="__autocomplete_blur_button__",controlledPropUpdatedSelectedItem="__autocomplete_controlled_prop_updated_selected_item__",touchEnd="__autocomplete_touchend__",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_react20.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(i3=>i3!==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(key=>{state[key]!==newStateToSet[key]&&(onStateChangeArg[key]=newStateToSet[key]),key!=="type"&&(newStateToSet[key],isControlledProp(this.props,key)||(nextState[key]=newStateToSet[key]))}),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 key=normalizeArrowKey(event);this.buttonKeyDownHandlers[key]&&this.buttonKeyDownHandlers[key].call(this,event)},this.buttonHandleClick=event=>{event.preventDefault(),this.props.environment.document.activeElement===this.props.environment.document.body&&event.target.focus(),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 key=normalizeArrowKey(event);key&&this.inputKeyDownHandlers[key]&&this.inputKeyDownHandlers[key].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=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=debounce(()=>{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(){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){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!this.getRootProps.suppressRefError&&!this.props.suppressRefError&&validateGetRootPropsCalledCorrectly(element,this.getRootProps),element;if(isDOMElement(element))return(0,import_react20.cloneElement)(element,this.getRootProps(getElementProps(element)));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:i3=>i3==null?"":(isPlainObject(i3)&&!i3.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:",i3),String(i3)),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})();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=!isDOMElement(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(key=>{invokeOnChangeHandler(key,action,state,newState),newState[key]!==state[key]&&(changes[key]=newState[key])}),props.onStateChange&&Object.keys(changes).length&&props.onStateChange({type,...changes})}function invokeOnChangeHandler(key,action,state,newState){let{props,type}=action,handler=`on${capitalizeString(key)}Change`;props[handler]&&newState[key]!==void 0&&newState[key]!==state[key]&&props[handler]({type,...newState})}function stateReducer(s2,a2){return a2.changes}function getA11ySelectionMessage(selectionParameters){let{selectedItem,itemToString:itemToStringLocal}=selectionParameters;return selectedItem?`${itemToStringLocal(selectedItem)} has been selected.`:""}var updateA11yStatus=debounce((getA11yMessage,document10)=>{setStatus(getA11yMessage(),document10)},200),useIsomorphicLayoutEffect=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?import_react20.useLayoutEffect:import_react20.useEffect;function useElementIds(_ref){let{id=`downshift-${generateId()}`,labelId,menuId,getItemId,toggleButtonId,inputId}=_ref;return(0,import_react20.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(key){return/^\S{1}$/.test(key)}function capitalizeString(string){return`${string.slice(0,1).toUpperCase()}${string.slice(1)}`}function useLatestRef(val){let ref=(0,import_react20.useRef)(val);return ref.current=val,ref}function useEnhancedReducer(reducer,initialState,props){let prevStateRef=(0,import_react20.useRef)(),actionRef=(0,import_react20.useRef)(),enhancedReducer=(0,import_react20.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_react20.useReducer)(enhancedReducer,initialState),propsRef=useLatestRef(props),dispatchWithProps=(0,import_react20.useCallback)(action2=>dispatch({props:propsRef.current,...action2}),[propsRef]),action=actionRef.current;return(0,import_react20.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 value=props[propKey];if(value!==void 0)return value;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_react20.useRef)({isMouseDown:!1,isTouchMove:!1});return(0,import_react20.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;useGetterPropsCalledChecker=function(){let isInitialMountRef=(0,import_react20.useRef)(!0);for(var _len=arguments.length,propKeys=new Array(_len),_key=0;_key<_len;_key++)propKeys[_key]=arguments[_key];let getterPropsCalledRef=(0,import_react20.useRef)(propKeys.reduce((acc,propKey)=>(acc[propKey]={},acc),{}));return(0,import_react20.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_react20.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_react20.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_react20.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;useControlPropsValidator=_ref4=>{let{isInitialMount,props,state}=_ref4,prevPropsRef=(0,import_react20.useRef)(props);(0,import_react20.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?.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=__assign(__assign({},defaultProps$3),{getA11yStatusMessage}),validatePropTypes$2=noop2;validatePropTypes$2=function(options2,caller){import_prop_types2.default.checkPropTypes(propTypes$2,options2,"prop",caller.name)};var MenuKeyDownArrowDown="__menu_keydown_arrow_down__",MenuKeyDownArrowUp="__menu_keydown_arrow_up__",MenuKeyDownEscape="__menu_keydown_escape__",MenuKeyDownHome="__menu_keydown_home__",MenuKeyDownEnd="__menu_keydown_end__",MenuKeyDownEnter="__menu_keydown_enter__",MenuKeyDownSpaceButton="__menu_keydown_space_button__",MenuKeyDownCharacter="__menu_keydown_character__",MenuBlur="__menu_blur__",MenuMouseLeave$1="__menu_mouse_leave__",ItemMouseMove$1="__item_mouse_move__",ItemClick$1="__item_click__",ToggleButtonClick$1="__togglebutton_click__",ToggleButtonKeyDownArrowDown="__togglebutton_keydown_arrow_down__",ToggleButtonKeyDownArrowUp="__togglebutton_keydown_arrow_up__",ToggleButtonKeyDownCharacter="__togglebutton_keydown_character__",FunctionToggleMenu$1="__function_toggle_menu__",FunctionOpenMenu$1="__function_open_menu__",FunctionCloseMenu$1="__function_close_menu__",FunctionSetHighlightedIndex$1="__function_set_highlighted_index__",FunctionSelectItem$1="__function_select_item__",FunctionSetInputValue$1="__function_set_input_value__",FunctionReset$2="__function_reset__",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_react20.useRef)(null),menuRef=(0,import_react20.useRef)(null),itemRefs=(0,import_react20.useRef)({}),shouldBlurRef=(0,import_react20.useRef)(!0),clearTimeoutRef=(0,import_react20.useRef)(null),elementIds=useElementIds(props),previousResultCountRef=(0,import_react20.useRef)(),isInitialMountRef=(0,import_react20.useRef)(!0),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react20.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_react20.useEffect)(()=>(clearTimeoutRef.current=debounce(outerDispatch=>{outerDispatch({type:FunctionSetInputValue$1,inputValue:""})},500),()=>{clearTimeoutRef.current.cancel()}),[]),(0,import_react20.useEffect)(()=>{inputValue&&clearTimeoutRef.current(dispatch)},[dispatch,inputValue]),useControlPropsValidator({isInitialMount:isInitialMountRef.current,props,state}),(0,import_react20.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_react20.useEffect)(()=>{isInitialMountRef.current||(previousResultCountRef.current=items.length)});let mouseAndTouchTrackersRef=useMouseAndTouchTracker(isOpen,[menuRef,toggleButtonRef],environment,()=>{dispatch({type:MenuBlur})}),setGetterPropCallInfo=useGetterPropsCalledChecker("getMenuProps","getToggleButtonProps");(0,import_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react20.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let toggleButtonKeyDownHandlers=(0,import_react20.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_react20.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_react20.useCallback)(()=>{dispatch({type:FunctionToggleMenu$1})},[dispatch]),closeMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionCloseMenu$1})},[dispatch]),openMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionOpenMenu$1})},[dispatch]),setHighlightedIndex=(0,import_react20.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex$1,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react20.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem$1,selectedItem:newSelectedItem})},[dispatch]),reset=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionReset$2})},[dispatch]),setInputValue=(0,import_react20.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue$1,inputValue:newInputValue})},[dispatch]),getLabelProps=(0,import_react20.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.toggleButtonId,...labelProps}),[elementIds]),getMenuProps=(0,import_react20.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 key=normalizeArrowKey(event);key&&menuKeyDownHandlers[key]?menuKeyDownHandlers[key](event):isAcceptedCharacterKey(key)&&dispatch({type:MenuKeyDownCharacter,key,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_react20.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 key=normalizeArrowKey(event);key&&toggleButtonKeyDownHandlers[key]?toggleButtonKeyDownHandlers[key](event):isAcceptedCharacterKey(key)&&dispatch({type:ToggleButtonKeyDownCharacter,key,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_react20.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="__input_keydown_arrow_down__",InputKeyDownArrowUp="__input_keydown_arrow_up__",InputKeyDownEscape="__input_keydown_escape__",InputKeyDownHome="__input_keydown_home__",InputKeyDownEnd="__input_keydown_end__",InputKeyDownEnter="__input_keydown_enter__",InputChange="__input_change__",InputBlur="__input_blur__",MenuMouseLeave="__menu_mouse_leave__",ItemMouseMove="__item_mouse_move__",ItemClick="__item_click__",ToggleButtonClick="__togglebutton_click__",FunctionToggleMenu="__function_toggle_menu__",FunctionOpenMenu="__function_open_menu__",FunctionCloseMenu="__function_close_menu__",FunctionSetHighlightedIndex="__function_set_highlighted_index__",FunctionSelectItem="__function_select_item__",FunctionSetInputValue="__function_set_input_value__",FunctionReset$1="__function_reset__",ControlledPropUpdatedSelectedItem="__controlled_prop_updated_selected_item__",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_react20.useRef)(),[state,dispatch]=useEnhancedReducer(reducer,initialState,props);return(0,import_react20.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;validatePropTypes$1=(options2,caller)=>{import_prop_types2.default.checkPropTypes(propTypes$1,options2,"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_react20.useRef)(null),itemRefs=(0,import_react20.useRef)({}),inputRef=(0,import_react20.useRef)(null),toggleButtonRef=(0,import_react20.useRef)(null),comboboxRef=(0,import_react20.useRef)(null),isInitialMountRef=(0,import_react20.useRef)(!0),elementIds=useElementIds(props),previousResultCountRef=(0,import_react20.useRef)(),latest=useLatestRef({state,props}),getItemNodeFromIndex=(0,import_react20.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_react20.useEffect)(()=>{(initialIsOpen||defaultIsOpen||isOpen)&&inputRef.current&&inputRef.current.focus()},[]),(0,import_react20.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_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]),(0,import_react20.useEffect)(()=>{isOpen||(itemRefs.current={})},[isOpen]);let inputKeyDownHandlers=(0,import_react20.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_react20.useCallback)(labelProps=>({id:elementIds.labelId,htmlFor:elementIds.inputId,...labelProps}),[elementIds]),getMenuProps=(0,import_react20.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_react20.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=e3=>e3.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_react20.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_react20.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 key=normalizeArrowKey(event);key&&inputKeyDownHandlers[key]&&inputKeyDownHandlers[key](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_react20.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_react20.useCallback)(()=>{dispatch({type:FunctionToggleMenu})},[dispatch]),closeMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionCloseMenu})},[dispatch]),openMenu=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionOpenMenu})},[dispatch]),setHighlightedIndex=(0,import_react20.useCallback)(newHighlightedIndex=>{dispatch({type:FunctionSetHighlightedIndex,highlightedIndex:newHighlightedIndex})},[dispatch]),selectItem=(0,import_react20.useCallback)(newSelectedItem=>{dispatch({type:FunctionSelectItem,selectedItem:newSelectedItem})},[dispatch]),setInputValue=(0,import_react20.useCallback)(newInputValue=>{dispatch({type:FunctionSetInputValue,inputValue:newInputValue})},[dispatch]),reset=(0,import_react20.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;validatePropTypes=(options2,caller)=>{import_prop_types2.default.checkPropTypes(propTypes,options2,"prop",caller.name)};var SelectedItemClick="__selected_item_click__",SelectedItemKeyDownDelete="__selected_item_keydown_delete__",SelectedItemKeyDownBackspace="__selected_item_keydown_backspace__",SelectedItemKeyDownNavigationNext="__selected_item_keydown_navigation_next__",SelectedItemKeyDownNavigationPrevious="__selected_item_keydown_navigation_previous__",DropdownKeyDownNavigationPrevious="__dropdown_keydown_navigation_previous__",DropdownKeyDownBackspace="__dropdown_keydown_backspace__",DropdownClick="__dropdown_click__",FunctionAddSelectedItem="__function_add_selected_item__",FunctionRemoveSelectedItem="__function_remove_selected_item__",FunctionSetSelectedItems="__function_set_selected_items__",FunctionSetActiveIndex="__function_set_active_index__",FunctionReset="__function_reset__",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_react20.useRef)(!0),dropdownRef=(0,import_react20.useRef)(null),previousSelectedItemsRef=(0,import_react20.useRef)(selectedItems),selectedItemRefs=(0,import_react20.useRef)();selectedItemRefs.current=[];let latest=useLatestRef({state,props});(0,import_react20.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_react20.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_react20.useEffect)(()=>{isInitialMountRef.current=!1},[]);let selectedItemKeyDownHandlers=(0,import_react20.useMemo)(()=>({[keyNavigationPrevious](){dispatch({type:SelectedItemKeyDownNavigationPrevious})},[keyNavigationNext](){dispatch({type:SelectedItemKeyDownNavigationNext})},Delete(){dispatch({type:SelectedItemKeyDownDelete})},Backspace(){dispatch({type:SelectedItemKeyDownBackspace})}}),[dispatch,keyNavigationNext,keyNavigationPrevious]),dropdownKeyDownHandlers=(0,import_react20.useMemo)(()=>({[keyNavigationPrevious](event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownNavigationPrevious})},Backspace(event){isKeyDownOperationPermitted(event)&&dispatch({type:DropdownKeyDownBackspace})}}),[dispatch,keyNavigationPrevious]),getSelectedItemProps=(0,import_react20.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 key=normalizeArrowKey(event);key&&selectedItemKeyDownHandlers[key]&&selectedItemKeyDownHandlers[key](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_react20.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 key=normalizeArrowKey(event);key&&dropdownKeyDownHandlers[key]&&dropdownKeyDownHandlers[key](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_react20.useCallback)(selectedItem=>{dispatch({type:FunctionAddSelectedItem,selectedItem})},[dispatch]),removeSelectedItem=(0,import_react20.useCallback)(selectedItem=>{dispatch({type:FunctionRemoveSelectedItem,selectedItem})},[dispatch]),setSelectedItems=(0,import_react20.useCallback)(newSelectedItems=>{dispatch({type:FunctionSetSelectedItems,selectedItems:newSelectedItems})},[dispatch]),setActiveIndex=(0,import_react20.useCallback)(newActiveIndex=>{dispatch({type:FunctionSetActiveIndex,activeIndex:newActiveIndex})},[dispatch]),reset=(0,import_react20.useCallback)(()=>{dispatch({type:FunctionReset})},[dispatch]);return{getSelectedItemProps,getDropdownProps,addSelectedItem,removeSelectedItem,setSelectedItems,setActiveIndex,reset,selectedItems,activeIndex}}var import_fuse=__toESM(require_fuse());var import_react21=__toESM(require_react());function isExpandType(x2){return!!(x2&&x2.showAll)}function isSearchResult(x2){return!!(x2&&x2.item)}var{document:document6}=scope,DEFAULT_MAX_SEARCH_RESULTS=50,options={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=newStyled.label({position:"absolute",left:-1e4,top:"auto",width:1,height:1,overflow:"hidden"}),SearchIconWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:8,zIndex:1,pointerEvents:"none",color:theme.textMutedColor,display:"flex",alignItems:"center",height:"100%"})),SearchField=newStyled.div({display:"flex",flexDirection:"column",position:"relative"}),Input=newStyled.input(({theme})=>({appearance:"none",height:32,paddingLeft:28,paddingRight:28,border:`1px solid ${theme.appBorderColor}`,background:"transparent",borderRadius:4,fontSize:`${theme.typography.size.s1+1}px`,fontFamily:"inherit",transition:"all 150ms",color:theme.color.defaultText,width:"100%","&: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=newStyled.code(({theme})=>({position:"absolute",top:8,right:9,height:16,zIndex:1,lineHeight:"16px",textAlign:"center",fontSize:"11px",color:theme.base==="light"?theme.color.dark:theme.textMutedColor,userSelect:"none",pointerEvents:"none",display:"flex",alignItems:"center",gap:4})),FocusKeyCmd=newStyled.span({fontSize:"14px"}),ClearIcon=newStyled.div(({theme})=>({position:"absolute",top:0,right:8,zIndex:1,color:theme.textMutedColor,cursor:"pointer",display:"flex",alignItems:"center",height:"100%"})),FocusContainer=newStyled.div({outline:0}),Search=import_react21.default.memo(function({children,dataset,enableShortcuts=!0,getLastViewed,initialQuery=""}){let api=useStorybookApi(),inputRef=(0,import_react21.useRef)(null),[inputPlaceholder,setPlaceholder]=(0,import_react21.useState)("Find components"),[allComponents,showAllComponents]=(0,import_react21.useState)(!1),searchShortcut=api?shortcutToHumanString(api.getShortcutKeys().search):"/",selectStory=(0,import_react21.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]),makeFuse=(0,import_react21.useCallback)(()=>{let list=dataset.entries.reduce((acc,[refId,{index,status}])=>{let groupStatus=getGroupStatus(index||{},status);return index&&acc.push(...Object.values(index).map(item=>{let statusValue=status&&status[item.id]?getHighestStatus(Object.values(status[item.id]||{}).map(s2=>s2.status)):null;return{...searchItem(item,dataset.hash[refId]),status:statusValue||groupStatus[item.id]||null}})),acc},[]);return new import_fuse.default(list,options)},[dataset]),getResults=(0,import_react21.useCallback)(input=>{let fuse=makeFuse();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,makeFuse]),stateReducer2=(0,import_react21.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(),{}):changes}case Downshift$1.stateChangeTypes.changeInput:return showAllComponents(!1),changes;default:return changes}},[inputRef,selectStory,showAllComponents]),{isMobile}=useLayout();return import_react21.default.createElement(Downshift$1,{initialInputValue:initialQuery,stateReducer:stateReducer2,itemToString:result=>result?.item?.name||"",scrollIntoView:e3=>scrollIntoView(e3)},({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},[]));let inputId="storybook-explorer-searchfield",inputProps=getInputProps({id:inputId,ref:inputRef,required:!0,type:"search",placeholder:inputPlaceholder,onFocus:()=>{openMenu(),setPlaceholder("Type to find...")},onBlur:()=>setPlaceholder("Find components")}),labelProps=getLabelProps({htmlFor:inputId});return import_react21.default.createElement(import_react21.default.Fragment,null,import_react21.default.createElement(ScreenReaderLabel,{...labelProps},"Search for components"),import_react21.default.createElement(SearchField,{...getRootProps({refKey:""},{suppressRefError:!0}),className:"search-field"},import_react21.default.createElement(SearchIconWrapper,null,import_react21.default.createElement(SearchIcon,null)),import_react21.default.createElement(Input,{...inputProps}),!isMobile&&enableShortcuts&&!isOpen&&import_react21.default.createElement(FocusKey,null,searchShortcut==="\u2318 K"?import_react21.default.createElement(import_react21.default.Fragment,null,import_react21.default.createElement(FocusKeyCmd,null,"\u2318"),"K"):searchShortcut),isOpen&&import_react21.default.createElement(ClearIcon,{onClick:()=>clearSelection()},import_react21.default.createElement(CloseIcon,null))),import_react21.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_react22=__toESM(require_react());var{document:document7}=scope,ResultsList=newStyled.ol({listStyle:"none",margin:0,padding:0}),ResultRow=newStyled.li(({theme,isHighlighted})=>({width:"100%",border:"none",cursor:"pointer",display:"flex",alignItems:"start",textAlign:"left",color:"inherit",fontSize:`${theme.typography.size.s2}px`,background:isHighlighted?theme.background.hoverable:"transparent",minHeight:28,borderRadius:4,gap:6,paddingTop:7,paddingBottom:7,paddingLeft:8,paddingRight:8,"&:hover, &:focus":{background:curriedTransparentize$1(.93,theme.color.secondary),outline:"none"}})),IconWrapper=newStyled.div({marginTop:2}),ResultRowContent=newStyled.div(()=>({display:"flex",flexDirection:"column"})),NoResults=newStyled.div(({theme})=>({marginTop:20,textAlign:"center",fontSize:`${theme.typography.size.s2}px`,lineHeight:"18px",color:theme.color.defaultText,small:{color:theme.barTextColor,fontSize:`${theme.typography.size.s1}px`}})),Mark=newStyled.mark(({theme})=>({background:"transparent",color:theme.color.secondary})),MoreWrapper=newStyled.div({marginTop:8}),RecentlyOpenedTitle=newStyled.div(({theme})=>({display:"flex",justifyContent:"space-between",fontSize:`${theme.typography.size.s1-1}px`,fontWeight:theme.typography.weight.bold,minHeight:28,letterSpacing:"0.16em",textTransform:"uppercase",color:theme.textMutedColor,marginTop:16,marginBottom:4,alignItems:"center",".search-result-recentlyOpened-clear":{visibility:"hidden"},"&:hover":{".search-result-recentlyOpened-clear":{visibility:"visible"}}})),Highlight=import_react22.default.memo(function({children,match}){if(!match)return children;let{value,indices}=match,{nodes:result}=indices.reduce(({cursor,nodes},[start,end],index,{length})=>(nodes.push(import_react22.default.createElement("span",null,value.slice(cursor,start))),nodes.push(import_react22.default.createElement(Mark,null,value.slice(start,end+1))),index===length-1&&nodes.push(import_react22.default.createElement("span",null,value.slice(end+1))),{cursor:end+1,nodes}),{cursor:0,nodes:[]});return import_react22.default.createElement("span",null,result)}),Title=newStyled.div(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,"& > span":{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),Path=newStyled.div(({theme})=>({display:"grid",justifyContent:"start",gridAutoColumns:"auto",gridAutoFlow:"column",color:theme.textMutedColor,fontSize:`${theme.typography.size.s1-1}px`,"& > span":{display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"& > span + span":{"&:before":{content:"' / '"}}})),Result=import_react22.default.memo(function({item,matches,icon,onClick,...props}){let click=(0,import_react22.useCallback)(event=>{event.preventDefault(),onClick(event)},[onClick]),api=useStorybookApi();(0,import_react22.useEffect)(()=>{api&&props.isHighlighted&&item.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[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"),[i3]=item.status?statusMapping[item.status]:[];return import_react22.default.createElement(ResultRow,{...props,onClick:click},import_react22.default.createElement(IconWrapper,null,item.type==="component"&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"component"},import_react22.default.createElement(UseSymbol,{type:"component"})),item.type==="story"&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"story"},import_react22.default.createElement(UseSymbol,{type:"story"})),!(item.type==="component"||item.type==="story")&&import_react22.default.createElement(TypeIcon,{viewBox:"0 0 14 14",width:"14",height:"14",type:"document"},import_react22.default.createElement(UseSymbol,{type:"document"}))),import_react22.default.createElement(ResultRowContent,{className:"search-result-item--label"},import_react22.default.createElement(Title,null,import_react22.default.createElement(Highlight,{match:nameMatch},item.name)),import_react22.default.createElement(Path,null,item.path.map((group,index)=>import_react22.default.createElement("span",{key:index},import_react22.default.createElement(Highlight,{match:pathMatches.find(match=>match.arrayIndex===index)},group))))),item.status?i3:null)}),SearchResults=import_react22.default.memo(function({query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,isLoading=!1,enableShortcuts=!0,clearLastViewed}){let api=useStorybookApi();(0,import_react22.useEffect)(()=>{let handleEscape=event=>{if(!(!enableShortcuts||isLoading||event.repeat)&&matchesModifiers(!1,event)&&matchesKeyCode("Escape",event)){if(event.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_react22.useCallback)(event=>{if(!api)return;let currentTarget=event.currentTarget,storyId=currentTarget.getAttribute("data-id"),refId=currentTarget.getAttribute("data-refid"),item=api.resolveStory(storyId,refId==="storybook_internal"?void 0:refId);item?.type==="component"&&api.emit(PRELOAD_ENTRIES,{ids:[item.isLeaf?item.id:item.children[0]],options:{target:refId}})},[]),handleClearLastViewed=()=>{clearLastViewed(),closeMenu()};return import_react22.default.createElement(ResultsList,{...getMenuProps()},results.length>0&&!query&&import_react22.default.createElement(RecentlyOpenedTitle,{className:"search-result-recentlyOpened"},"Recently opened",import_react22.default.createElement(IconButton,{className:"search-result-recentlyOpened-clear",onClick:handleClearLastViewed},import_react22.default.createElement(TrashIcon,null))),results.length===0&&query&&import_react22.default.createElement("li",null,import_react22.default.createElement(NoResults,null,import_react22.default.createElement("strong",null,"No components found"),import_react22.default.createElement("br",null),import_react22.default.createElement("small",null,"Find components by name or path."))),results.map((result,index)=>{if(isExpandType(result))return import_react22.default.createElement(MoreWrapper,{key:"search-result-expand"},import_react22.default.createElement(Button,{...result,...getItemProps({key:index,index,item:result}),size:"small"},"Show ",result.moreCount," more results"));let{item}=result,key=`${item.refId}::${item.id}`;return import_react22.default.createElement(Result,{key:item.id,...result,...getItemProps({key,index,item:result}),isHighlighted:highlightedIndex===index,"data-id":result.item.id,"data-refid":result.item.refId,onMouseOver:mouseOverHandler,className:"search-result-item"})}))});var import_debounce=__toESM(require_debounce()),import_react23=__toESM(require_react()),import_store2=__toESM(require_store2()),save=(0,import_debounce.default)(value=>import_store2.default.set("lastViewedStoryIds",value),1e3),useLastViewed=selection=>{let initialLastViewedStoryIds=(0,import_react23.useMemo)(()=>{let items=import_store2.default.get("lastViewedStoryIds");return!items||!Array.isArray(items)?[]:items.some(item=>typeof item=="object"&&item.storyId&&item.refId)?items:[]},[import_store2.default]),lastViewedRef=(0,import_react23.useRef)(initialLastViewedStoryIds),updateLastViewed=(0,import_react23.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_react23.useEffect)(()=>{selection&&updateLastViewed(selection)},[selection]),{getLastViewed:(0,import_react23.useCallback)(()=>lastViewedRef.current,[lastViewedRef]),clearLastViewed:(0,import_react23.useCallback)(()=>{lastViewedRef.current=lastViewedRef.current.slice(0,1),save(lastViewedRef.current)},[lastViewedRef])}};var DEFAULT_REF_ID="storybook_internal",Container2=newStyled.nav(({theme})=>({position:"absolute",zIndex:1,left:0,top:0,bottom:0,right:0,width:"100%",height:"100%",display:"flex",flexDirection:"column",background:theme.background.content,[MEDIA_DESKTOP_BREAKPOINT]:{background:theme.background.app}})),Top=newStyled(Spaced)({paddingLeft:12,paddingRight:12,paddingBottom:20,paddingTop:16,flex:1}),Bottom=newStyled.div(({theme})=>({borderTop:`1px solid ${theme.appBorderColor}`,padding:theme.layoutMargin/2,display:"flex",flexWrap:"wrap",gap:theme.layoutMargin/2,backgroundColor:theme.barBg,"&:empty":{display:"none"}})),Swap=import_react24.default.memo(function({children,condition}){let[a2,b2]=import_react24.default.Children.toArray(children);return import_react24.default.createElement(import_react24.default.Fragment,null,import_react24.default.createElement("div",{style:{display:condition?"block":"none"}},a2),import_react24.default.createElement("div",{style:{display:condition?"none":"block"}},b2))}),useCombination=(defaultRefData,refs)=>{let hash=(0,import_react24.useMemo)(()=>({[DEFAULT_REF_ID]:{...defaultRefData,title:null,id:DEFAULT_REF_ID,url:"iframe.html"},...refs}),[refs,defaultRefData]);return(0,import_react24.useMemo)(()=>({hash,entries:Object.entries(hash)}),[hash])},Sidebar=import_react24.default.memo(function({storyId=null,refId=DEFAULT_REF_ID,index,indexError,status,previewInitialized,menu,extra,bottom=[],menuHighlighted=!1,enableShortcuts=!0,refs={},onMenuClick}){let selected=(0,import_react24.useMemo)(()=>storyId&&{storyId,refId},[storyId,refId]),dataset=useCombination({index,indexError,previewInitialized,status},refs),isLoading=!index&&!indexError,lastViewedProps=useLastViewed(selected);return import_react24.default.createElement(Container2,{className:"container sidebar-container"},import_react24.default.createElement(ScrollArea,{vertical:!0,offset:3,scrollbarSize:6},import_react24.default.createElement(Top,{row:1.6},import_react24.default.createElement(Heading,{className:"sidebar-header",menuHighlighted,menu,extra,skipLinkHref:"#storybook-preview-wrapper",isLoading,onMenuClick}),import_react24.default.createElement(Search,{dataset,enableShortcuts,...lastViewedProps},({query,results,isBrowsing,closeMenu,getMenuProps,getItemProps,highlightedIndex})=>import_react24.default.createElement(Swap,{condition:isBrowsing},import_react24.default.createElement(Explorer,{dataset,selected,isLoading,isBrowsing}),import_react24.default.createElement(SearchResults,{query,results,closeMenu,getMenuProps,getItemProps,highlightedIndex,enableShortcuts,isLoading,clearLastViewed:lastViewedProps.clearLastViewed}))))),isLoading?null:import_react24.default.createElement(Bottom,null,bottom.map(({id,render:Render})=>import_react24.default.createElement(Render,{key:id}))))});var import_react25=__toESM(require_react());var focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},Key=newStyled.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=newStyled.code(({theme})=>`
171
171
  padding: 0;
172
172
  vertical-align: middle;
173
173