@storybook/manager 8.1.0-alpha.4 → 8.1.0-alpha.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/WithTooltip-V5Q6XQJ3-G62KKX4Q.js +1 -0
- package/dist/{chunk-ROGVWABF.js → chunk-4QTVYP7D.js} +3 -3
- package/dist/{chunk-TZAR34JC.js → chunk-JXYH3BOA.js} +1 -1
- package/dist/{chunk-UOBNU442.js → chunk-RJWES4AQ.js} +10 -10
- package/dist/{chunk-TD63EMHQ.js → chunk-VKXROMIB.js} +8 -8
- package/dist/{chunk-PZKTFIVX.js → chunk-Y3J4QONK.js} +1 -1
- package/dist/globals-runtime.js +1 -1
- package/dist/index.js +1 -1
- package/dist/runtime.js +1 -1
- package/dist/{syntaxhighlighter-JOJW2KGS-7BF26SBB.js → syntaxhighlighter-JOJW2KGS-BD6JLFAD.js} +1 -1
- package/package.json +10 -10
- package/dist/WithTooltip-V5Q6XQJ3-5VMNUQVH.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Addon_TypesEnum,AlertIcon,ArrowLeftIcon,Badge,BottomBarIcon,BottomBarToggleIcon,Button,CheckIcon,ChevronDownIcon,CircleIcon,CloseAltIcon,CloseIcon,CogIcon,CollapseIcon,DocumentIcon,EmptyTabContent,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-TD63EMHQ.js";import{ScrollArea,_extends}from"./chunk-TZAR34JC.js";import{Global,ThemeProvider,createGlobal,ensure,keyframes,logger,newStyled,require_react,require_react_dom,scope,useTheme,withTheme}from"./chunk-UOBNU442.js";import{__commonJS,__toESM,require_memoizerific}from"./chunk-XP3HGWTR.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," ")+`
|
|
1
|
+
import{Addon_TypesEnum,AlertIcon,ArrowLeftIcon,Badge,BottomBarIcon,BottomBarToggleIcon,Button,CheckIcon,ChevronDownIcon,CircleIcon,CloseAltIcon,CloseIcon,CogIcon,CollapseIcon,DocumentIcon,EmptyTabContent,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-VKXROMIB.js";import{ScrollArea,_extends}from"./chunk-JXYH3BOA.js";import{Global,ThemeProvider,createGlobal,ensure,keyframes,logger,newStyled,require_react,require_react_dom,scope,useTheme,withTheme}from"./chunk-RJWES4AQ.js";import{__commonJS,__toESM,require_memoizerific}from"./chunk-XP3HGWTR.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
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=NaN,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(`
|
|
@@ -12,7 +12,7 @@ Sorting....`),e5.sort(this.options.sortFn)}},{key:"_format",value:function(e5){v
|
|
|
12
12
|
|
|
13
13
|
Output:
|
|
14
14
|
|
|
15
|
-
`,JSON.stringify(e5,function(e6,t6){if(n3(t6)==="object"&&t6!==null){if(r5.indexOf(t6)!==-1)return;r5.push(t6)}return t6},2)),r5=null}var o3=[];this.options.includeMatches&&o3.push(function(e6,t6){var r6=e6.output;t6.matches=[];for(var n4=0,o4=r6.length;n4<o4;n4+=1){var i5=r6[n4];if(i5.matchedIndices.length!==0){var a5={indices:i5.matchedIndices,value:i5.value};i5.key&&(a5.key=i5.key),i5.hasOwnProperty("arrayIndex")&&i5.arrayIndex>-1&&(a5.arrayIndex=i5.arrayIndex),t6.matches.push(a5)}}}),this.options.includeScore&&o3.push(function(e6,t6){t6.score=e6.score});for(var i4=0,a4=e5.length;i4<a4;i4+=1){var s3=e5[i4];if(this.options.id&&(s3.item=this.options.getFn(s3.item,this.options.id)[0]),o3.length){for(var c3={item:s3.item},h3=0,l2=o3.length;h3<l2;h3+=1)o3[h3](s3,c3);t5.push(c3)}else t5.push(s3.item)}return t5}},{key:"_log",value:function(){var e5;this.options.verbose&&(e5=console).log.apply(e5,arguments)}}])&&o2(t4.prototype,r4),a3&&o2(t4,a3),e4}();e3.exports=h2},function(e3,t3,r3){function n3(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 o2=r3(2),i3=r3(3),a2=r3(6),s2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,s4=i4===void 0?100:i4,c2=r5.threshold,h2=c2===void 0?.6:c2,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f2=r5.isCaseSensitive,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.includeMatches,S2=b2!==void 0&&b2;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:s4,threshold:h2,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,includeMatches:S2,minMatchCharLength:k2},this.pattern=v2?t5:t5.toLowerCase(),this.pattern.length<=u2&&(this.patternAlphabet=a2(this.pattern))}var t4,r4,s3;return t4=e4,(r4=[{key:"search",value:function(e5){var t5=this.options,r5=t5.isCaseSensitive,n4=t5.includeMatches;if(r5||(e5=e5.toLowerCase()),this.pattern===e5){var a3={isMatch:!0,score:0};return n4&&(a3.matchedIndices=[[0,e5.length-1]]),a3}var s4=this.options,c2=s4.maxPatternLength,h2=s4.tokenSeparator;if(this.pattern.length>c2)return o2(e5,this.pattern,h2);var l2=this.options,u2=l2.location,f2=l2.distance,v2=l2.threshold,p2=l2.findAllMatches,d2=l2.minMatchCharLength;return i3(e5,this.pattern,this.patternAlphabet,{location:u2,distance:f2,threshold:v2,findAllMatches:p2,minMatchCharLength:d2,includeMatches:n4})}}])&&n3(t4.prototype,r4),s3&&n3(t4,s3),e4}();e3.exports=s2},function(e3,t3){var r3=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e3.exports=function(e4,t4){var n3=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o2=new RegExp(t4.replace(r3,"\\$&").replace(n3,"|")),i3=e4.match(o2),a2=!!i3,s2=[];if(a2)for(var c2=0,h2=i3.length;c2<h2;c2+=1){var l2=i3[c2];s2.push([e4.indexOf(l2),l2.length-1])}return{score:a2?.5:1,isMatch:a2,matchedIndices:s2}}},function(e3,t3,r3){var n3=r3(4),o2=r3(5);e3.exports=function(e4,t4,r4,i3){for(var a2=i3.location,s2=a2===void 0?0:a2,c2=i3.distance,h2=c2===void 0?100:c2,l2=i3.threshold,u2=l2===void 0?.6:l2,f2=i3.findAllMatches,v2=f2!==void 0&&f2,p2=i3.minMatchCharLength,d2=p2===void 0?1:p2,g2=i3.includeMatches,y2=g2!==void 0&&g2,m2=s2,k2=e4.length,b2=u2,S2=e4.indexOf(t4,m2),x2=t4.length,M2=[],_2=0;_2<k2;_2+=1)M2[_2]=0;if(S2!==-1){var w2=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m2,distance:h2});if(b2=Math.min(w2,b2),(S2=e4.lastIndexOf(t4,m2+x2))!==-1){var L2=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m2,distance:h2});b2=Math.min(L2,b2)}}S2=-1;for(var A2=[],O2=1,C2=x2+k2,j2=1<<(x2<=31?x2-1:30),P2=0;P2<x2;P2+=1){for(var I2=0,F2=C2;I2<F2;)n3(t4,{errors:P2,currentLocation:m2+F2,expectedLocation:m2,distance:h2})<=b2?I2=F2:C2=F2,F2=Math.floor((C2-I2)/2+I2);C2=F2;var T2=Math.max(1,m2-F2+1),N2=v2?k2:Math.min(m2+F2,k2)+x2,z2=Array(N2+2);z2[N2+1]=(1<<P2)-1;for(var E2=N2;E2>=T2;E2-=1){var W2=E2-1,K2=r4[e4.charAt(W2)];if(K2&&(M2[W2]=1),z2[E2]=(z2[E2+1]<<1|1)&K2,P2!==0&&(z2[E2]|=(A2[E2+1]|A2[E2])<<1|1|A2[E2+1]),z2[E2]&j2&&(O2=n3(t4,{errors:P2,currentLocation:W2,expectedLocation:m2,distance:h2}))<=b2){if(b2=O2,(S2=W2)<=m2)break;T2=Math.max(1,2*m2-S2)}}if(n3(t4,{errors:P2+1,currentLocation:m2,expectedLocation:m2,distance:h2})>b2)break;A2=z2}var $={isMatch:S2>=0,score:O2===0?.001:O2};return y2&&($.matchedIndices=o2(M2,d2)),$}},function(e3,t3){e3.exports=function(e4,t4){var r3=t4.errors,n3=r3===void 0?0:r3,o2=t4.currentLocation,i3=o2===void 0?0:o2,a2=t4.expectedLocation,s2=a2===void 0?0:a2,c2=t4.distance,h2=c2===void 0?100:c2,l2=n3/e4.length,u2=Math.abs(s2-i3);return h2?l2+u2/h2:u2?1:l2}},function(e3,t3){e3.exports=function(){for(var e4=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t4=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r3=[],n3=-1,o2=-1,i3=0,a2=e4.length;i3<a2;i3+=1){var s2=e4[i3];s2&&n3===-1?n3=i3:s2||n3===-1||((o2=i3-1)-n3+1>=t4&&r3.push([n3,o2]),n3=-1)}return e4[i3-1]&&i3-n3>=t4&&r3.push([n3,i3-1]),r3}},function(e3,t3){e3.exports=function(e4){for(var t4={},r3=e4.length,n3=0;n3<r3;n3+=1)t4[e4.charAt(n3)]=0;for(var o2=0;o2<r3;o2+=1)t4[e4.charAt(o2)]|=1<<r3-o2-1;return t4}},function(e3,t3){var r3=function(e4){return Array.isArray?Array.isArray(e4):Object.prototype.toString.call(e4)==="[object Array]"},n3=function(e4){return e4==null?"":function(e5){if(typeof e5=="string")return e5;var t4=e5+"";return t4=="0"&&1/e5==-1/0?"-0":t4}(e4)},o2=function(e4){return typeof e4=="string"},i3=function(e4){return typeof e4=="number"};e3.exports={get:function(e4,t4){var a2=[];return function e5(t5,s2){if(s2){var c2=s2.indexOf("."),h2=s2,l2=null;c2!==-1&&(h2=s2.slice(0,c2),l2=s2.slice(c2+1));var u2=t5[h2];if(u2!=null)if(l2||!o2(u2)&&!i3(u2))if(r3(u2))for(var f2=0,v2=u2.length;f2<v2;f2+=1)e5(u2[f2],l2);else l2&&e5(u2,l2);else a2.push(n3(u2))}else a2.push(t5)}(e4,t4),a2},isArray:r3,isString:o2,isNum:i3,toString:n3}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i3=0;i3<selection.rangeCount;i3++)ranges.push(selection.getRangeAt(i3));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format2(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options2){var debug,message,reselectPrevious,range,selection,mark,success=!1;options2||(options2={}),debug=options2.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e3){if(e3.stopPropagation(),options2.format)if(e3.preventDefault(),typeof e3.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format3=clipboardToIE11Formatting[options2.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format3,text)}else e3.clipboardData.clearData(),e3.clipboardData.setData(options2.format,text);options2.onCopy&&(e3.preventDefault(),options2.onCopy(e3.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options2.format||"text",text),options2.onCopy&&options2.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format2("message"in options2?options2.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_client=__toESM(require_client()),import_react62=__toESM(require_react());var import_react=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t3){for(var e3=1;e3<arguments.length;e3++){var r3=arguments[e3];for(var n3 in r3)Object.prototype.hasOwnProperty.call(r3,n3)&&(t3[n3]=r3[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c(t3,e3)}function c(t3,e3){return c=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c(t3,e3)}function u(t3,e3){if(t3==null)return{};var r3,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r3=o2[n3])>=0||(i3[r3]=t3[r3]);return i3}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t3){return l[t3]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t3,e3){return t3[m[e3]]=e3,t3},{}),T=function(t3,e3){for(var r3=t3.length-1;r3>=0;r3-=1){var n3=t3[r3];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r3=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r3&&e3)return r3.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r3){if(!e4.length)for(var n3=Object.keys(r3),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r3[o2])return e4.concat(r3)}return e4},[])},C=function(t3,e3,r3){var n3={};return r3.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r4){var i3={};r4.filter(function(t5){for(var r5,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c3=s3.toLowerCase();e3.indexOf(c3)===-1||r5==="rel"&&t5[r5].toLowerCase()==="canonical"||c3==="rel"&&t5[c3].toLowerCase()==="stylesheet"||(r5=c3),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r5=s3)}if(!r5||!t5[r5])return!1;var u3=t5[r5].toLowerCase();return n3[r5]||(n3[r5]={}),i3[r5]||(i3[r5]={}),!n3[r5][u3]&&(i3[r5][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c2=o2[s2],u2=a({},n3[c2],i3[c2]);n3[c2]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r3=0;r3<t3.length;r3+=1)if(t3[r3][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r3){return function(t5,e4){for(var r4=Object.keys(t5),n3=0;n3<r4.length;n3+=1)if(e4[r4[n3]]&&e4[r4[n3]].includes(t5[r4[n3]]))return!0;return!1}(r3,e3)?t4.priority.push(r3):t4.default.push(r3),t4},{priority:[],default:[]}):{default:t3}},I=function(t3,e3){var r3;return a({},t3,((r3={})[e3]=void 0,r3))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},x=function(t3){return Object.keys(t3).reduce(function(e3,r3){var n3=t3[r3]!==void 0?r3+'="'+t3[r3]+'"':""+r3;return e3?e3+" "+n3:n3},"")},L=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r3){return e4[m[r3]||r3]=t3[r3],e4},e3)},j=function(e3,r3){return r3.map(function(r4,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r4).forEach(function(t3){var e4=m[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r4.innerHTML||r4.cssText}:o2[e4]=r4[t3]}),import_react.default.createElement(e3,o2)})},M=function(e3,r3,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r3.titleAttributes,(i3={key:e4=r3.title})["data-rh"]=!0,o2=L(n4,i3),[import_react.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r4,n4){var i3=x(r4),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w(o2,n4)+"</"+t3+">"}(e3,r3.title,r3.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r3)},toString:function(){return x(r3)}};default:return{toComponent:function(){return j(e3,r3)},toString:function(){return function(t3,e4,r4){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w(n4[e6],r4)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r3,n3)}}}},k=function(t3){var e3=t3.baseTag,r3=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c2=s2===void 0?"":s2,u2=t3.titleAttributes,h2=t3.linkTags,m2=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r4=t4.scriptTags,n4=t4.encode,i4=E(t4.metaTags,d),o3=E(e4,p),a3=E(r4,f);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h2=g2.linkTags,m2=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r3,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h2,n3),meta:M(l.META,m2,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c2,titleAttributes:u2},n3)}},H=[],N=function(t3,e3){var r3=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r3.context.helmet=t4},helmetInstances:{get:function(){return r3.canUseDOM?H:r3.instances},add:function(t4){(r3.canUseDOM?H:r3.instances).push(t4)},remove:function(t4){var e4=(r3.canUseDOM?H:r3.instances).indexOf(t4);(r3.canUseDOM?H:r3.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e3){function r3(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N(n3.props.context,r3.canUseDOM),n3}return s(r3,e3),r3.prototype.render=function(){return import_react.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r3}(import_react.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t3,e3){var r3,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r3=e5,n4.isEqualNode(t4)})?o2.splice(r3,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B=function(t3,e3){var r3=document.getElementsByTagName(t3)[0];if(r3){for(var n3=r3.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c2=a2[s2],u2=e3[c2]||"";r3.getAttribute(c2)!==u2&&r3.setAttribute(c2,u2),i3.indexOf(c2)===-1&&i3.push(c2);var l2=o2.indexOf(c2);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r3.removeAttribute(o2[p2]);i3.length===o2.length?r3.removeAttribute("data-rh"):r3.getAttribute("data-rh")!==a2.join(",")&&r3.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r3=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c2=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f2=t3.titleAttributes;B(l.BODY,t3.bodyAttributes),B(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B(l.TITLE,e4)}(p2,f2);var d2={baseTag:Y(l.BASE,r3),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c2),styleTags:Y(l.STYLE,u2)},h2={},m2={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r4=e4.newTags,n4=e4.oldTags;r4.length&&(h2[t4]=r4),n4.length&&(m2[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h2,m2)},_=null,z=function(t3){function e3(){for(var e4,r4=arguments.length,n3=new Array(r4),i3=0;i3<r4;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r3=e3.prototype;return r3.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r3.componentDidUpdate=function(){this.emitChange()},r3.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r3.emitChange=function(){var t4,e4,r4=this.props.context,n3=r4.setHelmet,i3=null,o2=(t4=r4.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C(l.LINK,["rel","href"],t4),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b(t4),scriptTags:C(l.SCRIPT,["src","innerHTML"],t4),styleTags:C(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r3.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r3.render=function(){return this.init(),null},e3}(import_react.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r3(){return e3.apply(this,arguments)||this}s(r3,e3);var o2=r3.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r4=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r4.type]=[].concat(n3[r4.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r4,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r4,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r4={})[n3.type]=a({},o3),r4))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r4=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r4=a({},r4,((n3={})[e5]=t3[e5],n3))}),r4},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h.some(function(e5){return t3.type===e5}),typeof t3.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r4){var n3=this,i3={};return import_react.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c2=t3.type;switch(typeof c2=="symbol"?c2=c2.toString():n3.warnOnInvalidChildren(t3,o3),c2){case l.FRAGMENT:r4=n3.mapChildrenToProps(o3,r4);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r4=n3.mapObjectTypeChildren({child:t3,newProps:r4,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r4)},o2.render=function(){var e4=this.props,r4=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r4&&(i3=this.mapChildrenToProps(r4,i3)),!o3||o3 instanceof N||(o3=new N(o3.context,o3.instances)),o3?import_react.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react.default.createElement(R.Consumer,null,function(e5){return import_react.default.createElement(z,a({},i3,{context:e5}))})},r3}(import_react.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react53=__toESM(require_react());var import_react26=__toESM(require_react());var import_react24=__toESM(require_react());var import_react6=__toESM(require_react());var import_react2=__toESM(require_react());var StorybookLogoStyled=newStyled(StorybookLogo)(({theme})=>({width:"auto",height:"22px !important",display:"block",color:theme.base==="light"?theme.color.defaultText:theme.color.lightest})),Img=newStyled.img({display:"block",maxWidth:"150px",maxHeight:"100px"}),LogoLink=newStyled.a(({theme})=>({display:"inline-block",height:"100%",margin:"-3px -4px",padding:"2px 3px",border:"1px solid transparent",borderRadius:3,color:"inherit",textDecoration:"none","&:focus":{outline:0,borderColor:theme.color.secondary}})),Brand=withTheme(({theme})=>{let{title="Storybook",url="./",image,target}=theme.brand,targetValue=target||(url==="./"?"":"_blank");if(image===null)return title===null?null:url?import_react2.default.createElement(LogoLink,{href:url,target:targetValue,dangerouslySetInnerHTML:{__html:title}}):import_react2.default.createElement("div",{dangerouslySetInnerHTML:{__html:title}});let logo=image?import_react2.default.createElement(Img,{src:image,alt:title}):import_react2.default.createElement(StorybookLogoStyled,{alt:title});return url?import_react2.default.createElement(LogoLink,{title,href:url,target:targetValue},logo):import_react2.default.createElement("div",null,logo)});var import_react5=__toESM(require_react());function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o3,p3){return o3.__proto__=p3,o3},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o3){return o3.__proto__||Object.getPrototypeOf(o3)},_getPrototypeOf(o2)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf("[native code]")!==-1}catch{return typeof fn=="function"}}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a2=[null];a2.push.apply(a2,args2);var Constructor=Function.bind.apply(Parent2,a2),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper3)}function Wrapper3(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper3.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper3,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper3,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
15
|
+
`,JSON.stringify(e5,function(e6,t6){if(n3(t6)==="object"&&t6!==null){if(r5.indexOf(t6)!==-1)return;r5.push(t6)}return t6},2)),r5=null}var o3=[];this.options.includeMatches&&o3.push(function(e6,t6){var r6=e6.output;t6.matches=[];for(var n4=0,o4=r6.length;n4<o4;n4+=1){var i5=r6[n4];if(i5.matchedIndices.length!==0){var a5={indices:i5.matchedIndices,value:i5.value};i5.key&&(a5.key=i5.key),i5.hasOwnProperty("arrayIndex")&&i5.arrayIndex>-1&&(a5.arrayIndex=i5.arrayIndex),t6.matches.push(a5)}}}),this.options.includeScore&&o3.push(function(e6,t6){t6.score=e6.score});for(var i4=0,a4=e5.length;i4<a4;i4+=1){var s3=e5[i4];if(this.options.id&&(s3.item=this.options.getFn(s3.item,this.options.id)[0]),o3.length){for(var c3={item:s3.item},h3=0,l2=o3.length;h3<l2;h3+=1)o3[h3](s3,c3);t5.push(c3)}else t5.push(s3.item)}return t5}},{key:"_log",value:function(){var e5;this.options.verbose&&(e5=console).log.apply(e5,arguments)}}])&&o2(t4.prototype,r4),a3&&o2(t4,a3),e4}();e3.exports=h2},function(e3,t3,r3){function n3(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 o2=r3(2),i3=r3(3),a2=r3(6),s2=function(){function e4(t5,r5){var n4=r5.location,o3=n4===void 0?0:n4,i4=r5.distance,s4=i4===void 0?100:i4,c2=r5.threshold,h2=c2===void 0?.6:c2,l2=r5.maxPatternLength,u2=l2===void 0?32:l2,f2=r5.isCaseSensitive,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.includeMatches,S2=b2!==void 0&&b2;(function(e5,t6){if(!(e5 instanceof t6))throw new TypeError("Cannot call a class as a function")})(this,e4),this.options={location:o3,distance:s4,threshold:h2,maxPatternLength:u2,isCaseSensitive:v2,tokenSeparator:d2,findAllMatches:y2,includeMatches:S2,minMatchCharLength:k2},this.pattern=v2?t5:t5.toLowerCase(),this.pattern.length<=u2&&(this.patternAlphabet=a2(this.pattern))}var t4,r4,s3;return t4=e4,(r4=[{key:"search",value:function(e5){var t5=this.options,r5=t5.isCaseSensitive,n4=t5.includeMatches;if(r5||(e5=e5.toLowerCase()),this.pattern===e5){var a3={isMatch:!0,score:0};return n4&&(a3.matchedIndices=[[0,e5.length-1]]),a3}var s4=this.options,c2=s4.maxPatternLength,h2=s4.tokenSeparator;if(this.pattern.length>c2)return o2(e5,this.pattern,h2);var l2=this.options,u2=l2.location,f2=l2.distance,v2=l2.threshold,p2=l2.findAllMatches,d2=l2.minMatchCharLength;return i3(e5,this.pattern,this.patternAlphabet,{location:u2,distance:f2,threshold:v2,findAllMatches:p2,minMatchCharLength:d2,includeMatches:n4})}}])&&n3(t4.prototype,r4),s3&&n3(t4,s3),e4}();e3.exports=s2},function(e3,t3){var r3=/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g;e3.exports=function(e4,t4){var n3=arguments.length>2&&arguments[2]!==void 0?arguments[2]:/ +/g,o2=new RegExp(t4.replace(r3,"\\$&").replace(n3,"|")),i3=e4.match(o2),a2=!!i3,s2=[];if(a2)for(var c2=0,h2=i3.length;c2<h2;c2+=1){var l2=i3[c2];s2.push([e4.indexOf(l2),l2.length-1])}return{score:a2?.5:1,isMatch:a2,matchedIndices:s2}}},function(e3,t3,r3){var n3=r3(4),o2=r3(5);e3.exports=function(e4,t4,r4,i3){for(var a2=i3.location,s2=a2===void 0?0:a2,c2=i3.distance,h2=c2===void 0?100:c2,l2=i3.threshold,u2=l2===void 0?.6:l2,f2=i3.findAllMatches,v2=f2!==void 0&&f2,p2=i3.minMatchCharLength,d2=p2===void 0?1:p2,g2=i3.includeMatches,y2=g2!==void 0&&g2,m2=s2,k2=e4.length,b2=u2,S2=e4.indexOf(t4,m2),x2=t4.length,M2=[],_2=0;_2<k2;_2+=1)M2[_2]=0;if(S2!==-1){var w2=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m2,distance:h2});if(b2=Math.min(w2,b2),(S2=e4.lastIndexOf(t4,m2+x2))!==-1){var L2=n3(t4,{errors:0,currentLocation:S2,expectedLocation:m2,distance:h2});b2=Math.min(L2,b2)}}S2=-1;for(var A2=[],O2=1,C2=x2+k2,j2=1<<(x2<=31?x2-1:30),P2=0;P2<x2;P2+=1){for(var I2=0,F2=C2;I2<F2;)n3(t4,{errors:P2,currentLocation:m2+F2,expectedLocation:m2,distance:h2})<=b2?I2=F2:C2=F2,F2=Math.floor((C2-I2)/2+I2);C2=F2;var T2=Math.max(1,m2-F2+1),N2=v2?k2:Math.min(m2+F2,k2)+x2,z2=Array(N2+2);z2[N2+1]=(1<<P2)-1;for(var E2=N2;E2>=T2;E2-=1){var W2=E2-1,K2=r4[e4.charAt(W2)];if(K2&&(M2[W2]=1),z2[E2]=(z2[E2+1]<<1|1)&K2,P2!==0&&(z2[E2]|=(A2[E2+1]|A2[E2])<<1|1|A2[E2+1]),z2[E2]&j2&&(O2=n3(t4,{errors:P2,currentLocation:W2,expectedLocation:m2,distance:h2}))<=b2){if(b2=O2,(S2=W2)<=m2)break;T2=Math.max(1,2*m2-S2)}}if(n3(t4,{errors:P2+1,currentLocation:m2,expectedLocation:m2,distance:h2})>b2)break;A2=z2}var $={isMatch:S2>=0,score:O2===0?.001:O2};return y2&&($.matchedIndices=o2(M2,d2)),$}},function(e3,t3){e3.exports=function(e4,t4){var r3=t4.errors,n3=r3===void 0?0:r3,o2=t4.currentLocation,i3=o2===void 0?0:o2,a2=t4.expectedLocation,s2=a2===void 0?0:a2,c2=t4.distance,h2=c2===void 0?100:c2,l2=n3/e4.length,u2=Math.abs(s2-i3);return h2?l2+u2/h2:u2?1:l2}},function(e3,t3){e3.exports=function(){for(var e4=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],t4=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1,r3=[],n3=-1,o2=-1,i3=0,a2=e4.length;i3<a2;i3+=1){var s2=e4[i3];s2&&n3===-1?n3=i3:s2||n3===-1||((o2=i3-1)-n3+1>=t4&&r3.push([n3,o2]),n3=-1)}return e4[i3-1]&&i3-n3>=t4&&r3.push([n3,i3-1]),r3}},function(e3,t3){e3.exports=function(e4){for(var t4={},r3=e4.length,n3=0;n3<r3;n3+=1)t4[e4.charAt(n3)]=0;for(var o2=0;o2<r3;o2+=1)t4[e4.charAt(o2)]|=1<<r3-o2-1;return t4}},function(e3,t3){var r3=function(e4){return Array.isArray?Array.isArray(e4):Object.prototype.toString.call(e4)==="[object Array]"},n3=function(e4){return e4==null?"":function(e5){if(typeof e5=="string")return e5;var t4=e5+"";return t4=="0"&&1/e5==-1/0?"-0":t4}(e4)},o2=function(e4){return typeof e4=="string"},i3=function(e4){return typeof e4=="number"};e3.exports={get:function(e4,t4){var a2=[];return function e5(t5,s2){if(s2){var c2=s2.indexOf("."),h2=s2,l2=null;c2!==-1&&(h2=s2.slice(0,c2),l2=s2.slice(c2+1));var u2=t5[h2];if(u2!=null)if(l2||!o2(u2)&&!i3(u2))if(r3(u2))for(var f2=0,v2=u2.length;f2<v2;f2+=1)e5(u2[f2],l2);else l2&&e5(u2,l2);else a2.push(n3(u2))}else a2.push(t5)}(e4,t4),a2},isArray:r3,isString:o2,isNum:i3,toString:n3}}])})}});var require_toggle_selection=__commonJS({"../../node_modules/toggle-selection/index.js"(exports,module){module.exports=function(){var selection=document.getSelection();if(!selection.rangeCount)return function(){};for(var active=document.activeElement,ranges=[],i3=0;i3<selection.rangeCount;i3++)ranges.push(selection.getRangeAt(i3));switch(active.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":active.blur();break;default:active=null;break}return selection.removeAllRanges(),function(){selection.type==="Caret"&&selection.removeAllRanges(),selection.rangeCount||ranges.forEach(function(range){selection.addRange(range)}),active&&active.focus()}}}});var require_copy_to_clipboard=__commonJS({"../../node_modules/copy-to-clipboard/index.js"(exports,module){"use strict";var deselectCurrent=require_toggle_selection(),clipboardToIE11Formatting={"text/plain":"Text","text/html":"Url",default:"Text"},defaultMessage="Copy to clipboard: #{key}, Enter";function format2(message){var copyKey=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return message.replace(/#{\s*key\s*}/g,copyKey)}function copy2(text,options2){var debug,message,reselectPrevious,range,selection,mark,success=!1;options2||(options2={}),debug=options2.debug||!1;try{reselectPrevious=deselectCurrent(),range=document.createRange(),selection=document.getSelection(),mark=document.createElement("span"),mark.textContent=text,mark.ariaHidden="true",mark.style.all="unset",mark.style.position="fixed",mark.style.top=0,mark.style.clip="rect(0, 0, 0, 0)",mark.style.whiteSpace="pre",mark.style.webkitUserSelect="text",mark.style.MozUserSelect="text",mark.style.msUserSelect="text",mark.style.userSelect="text",mark.addEventListener("copy",function(e3){if(e3.stopPropagation(),options2.format)if(e3.preventDefault(),typeof e3.clipboardData>"u"){debug&&console.warn("unable to use e.clipboardData"),debug&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var format3=clipboardToIE11Formatting[options2.format]||clipboardToIE11Formatting.default;window.clipboardData.setData(format3,text)}else e3.clipboardData.clearData(),e3.clipboardData.setData(options2.format,text);options2.onCopy&&(e3.preventDefault(),options2.onCopy(e3.clipboardData))}),document.body.appendChild(mark),range.selectNodeContents(mark),selection.addRange(range);var successful=document.execCommand("copy");if(!successful)throw new Error("copy command was unsuccessful");success=!0}catch(err){debug&&console.error("unable to copy using execCommand: ",err),debug&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(options2.format||"text",text),options2.onCopy&&options2.onCopy(window.clipboardData),success=!0}catch(err2){debug&&console.error("unable to copy using clipboardData: ",err2),debug&&console.error("falling back to prompt"),message=format2("message"in options2?options2.message:defaultMessage),window.prompt(message,text)}}finally{selection&&(typeof selection.removeRange=="function"?selection.removeRange(range):selection.removeAllRanges()),mark&&document.body.removeChild(mark),reselectPrevious()}return success}module.exports=copy2}});var import_client=__toESM(require_client()),import_react62=__toESM(require_react());var import_react=__toESM(require_react()),import_prop_types=__toESM(require_prop_types()),import_react_fast_compare=__toESM(require_react_fast_compare()),import_invariant=__toESM(require_browser()),import_shallowequal=__toESM(require_shallowequal());function a(){return a=Object.assign||function(t3){for(var e3=1;e3<arguments.length;e3++){var r3=arguments[e3];for(var n3 in r3)Object.prototype.hasOwnProperty.call(r3,n3)&&(t3[n3]=r3[n3])}return t3},a.apply(this,arguments)}function s(t3,e3){t3.prototype=Object.create(e3.prototype),t3.prototype.constructor=t3,c(t3,e3)}function c(t3,e3){return c=Object.setPrototypeOf||function(t4,e4){return t4.__proto__=e4,t4},c(t3,e3)}function u(t3,e3){if(t3==null)return{};var r3,n3,i3={},o2=Object.keys(t3);for(n3=0;n3<o2.length;n3++)e3.indexOf(r3=o2[n3])>=0||(i3[r3]=t3[r3]);return i3}var l={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},p={rel:["amphtml","canonical","alternate"]},f={type:["application/ld+json"]},d={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},h=Object.keys(l).map(function(t3){return l[t3]}),m={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},y=Object.keys(m).reduce(function(t3,e3){return t3[m[e3]]=e3,t3},{}),T=function(t3,e3){for(var r3=t3.length-1;r3>=0;r3-=1){var n3=t3[r3];if(Object.prototype.hasOwnProperty.call(n3,e3))return n3[e3]}return null},g=function(t3){var e3=T(t3,l.TITLE),r3=T(t3,"titleTemplate");if(Array.isArray(e3)&&(e3=e3.join("")),r3&&e3)return r3.replace(/%s/g,function(){return e3});var n3=T(t3,"defaultTitle");return e3||n3||void 0},b=function(t3){return T(t3,"onChangeClientState")||function(){}},v=function(t3,e3){return e3.filter(function(e4){return e4[t3]!==void 0}).map(function(e4){return e4[t3]}).reduce(function(t4,e4){return a({},t4,e4)},{})},A=function(t3,e3){return e3.filter(function(t4){return t4[l.BASE]!==void 0}).map(function(t4){return t4[l.BASE]}).reverse().reduce(function(e4,r3){if(!e4.length)for(var n3=Object.keys(r3),i3=0;i3<n3.length;i3+=1){var o2=n3[i3].toLowerCase();if(t3.indexOf(o2)!==-1&&r3[o2])return e4.concat(r3)}return e4},[])},C=function(t3,e3,r3){var n3={};return r3.filter(function(e4){return!!Array.isArray(e4[t3])||(e4[t3]!==void 0&&console&&typeof console.warn=="function"&&console.warn("Helmet: "+t3+' should be of type "Array". Instead found type "'+typeof e4[t3]+'"'),!1)}).map(function(e4){return e4[t3]}).reverse().reduce(function(t4,r4){var i3={};r4.filter(function(t5){for(var r5,o3=Object.keys(t5),a2=0;a2<o3.length;a2+=1){var s3=o3[a2],c3=s3.toLowerCase();e3.indexOf(c3)===-1||r5==="rel"&&t5[r5].toLowerCase()==="canonical"||c3==="rel"&&t5[c3].toLowerCase()==="stylesheet"||(r5=c3),e3.indexOf(s3)===-1||s3!=="innerHTML"&&s3!=="cssText"&&s3!=="itemprop"||(r5=s3)}if(!r5||!t5[r5])return!1;var u3=t5[r5].toLowerCase();return n3[r5]||(n3[r5]={}),i3[r5]||(i3[r5]={}),!n3[r5][u3]&&(i3[r5][u3]=!0,!0)}).reverse().forEach(function(e4){return t4.push(e4)});for(var o2=Object.keys(i3),s2=0;s2<o2.length;s2+=1){var c2=o2[s2],u2=a({},n3[c2],i3[c2]);n3[c2]=u2}return t4},[]).reverse()},O=function(t3,e3){if(Array.isArray(t3)&&t3.length){for(var r3=0;r3<t3.length;r3+=1)if(t3[r3][e3])return!0}return!1},S=function(t3){return Array.isArray(t3)?t3.join(""):t3},E=function(t3,e3){return Array.isArray(t3)?t3.reduce(function(t4,r3){return function(t5,e4){for(var r4=Object.keys(t5),n3=0;n3<r4.length;n3+=1)if(e4[r4[n3]]&&e4[r4[n3]].includes(t5[r4[n3]]))return!0;return!1}(r3,e3)?t4.priority.push(r3):t4.default.push(r3),t4},{priority:[],default:[]}):{default:t3}},I=function(t3,e3){var r3;return a({},t3,((r3={})[e3]=void 0,r3))},P=[l.NOSCRIPT,l.SCRIPT,l.STYLE],w=function(t3,e3){return e3===void 0&&(e3=!0),e3===!1?String(t3):String(t3).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")},x=function(t3){return Object.keys(t3).reduce(function(e3,r3){var n3=t3[r3]!==void 0?r3+'="'+t3[r3]+'"':""+r3;return e3?e3+" "+n3:n3},"")},L=function(t3,e3){return e3===void 0&&(e3={}),Object.keys(t3).reduce(function(e4,r3){return e4[m[r3]||r3]=t3[r3],e4},e3)},j=function(e3,r3){return r3.map(function(r4,n3){var i3,o2=((i3={key:n3})["data-rh"]=!0,i3);return Object.keys(r4).forEach(function(t3){var e4=m[t3]||t3;e4==="innerHTML"||e4==="cssText"?o2.dangerouslySetInnerHTML={__html:r4.innerHTML||r4.cssText}:o2[e4]=r4[t3]}),import_react.default.createElement(e3,o2)})},M=function(e3,r3,n3){switch(e3){case l.TITLE:return{toComponent:function(){return n4=r3.titleAttributes,(i3={key:e4=r3.title})["data-rh"]=!0,o2=L(n4,i3),[import_react.default.createElement(l.TITLE,o2,e4)];var e4,n4,i3,o2},toString:function(){return function(t3,e4,r4,n4){var i3=x(r4),o2=S(e4);return i3?"<"+t3+' data-rh="true" '+i3+">"+w(o2,n4)+"</"+t3+">":"<"+t3+' data-rh="true">'+w(o2,n4)+"</"+t3+">"}(e3,r3.title,r3.titleAttributes,n3)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return L(r3)},toString:function(){return x(r3)}};default:return{toComponent:function(){return j(e3,r3)},toString:function(){return function(t3,e4,r4){return e4.reduce(function(e5,n4){var i3=Object.keys(n4).filter(function(t4){return!(t4==="innerHTML"||t4==="cssText")}).reduce(function(t4,e6){var i4=n4[e6]===void 0?e6:e6+'="'+w(n4[e6],r4)+'"';return t4?t4+" "+i4:i4},""),o2=n4.innerHTML||n4.cssText||"",a2=P.indexOf(t3)===-1;return e5+"<"+t3+' data-rh="true" '+i3+(a2?"/>":">"+o2+"</"+t3+">")},"")}(e3,r3,n3)}}}},k=function(t3){var e3=t3.baseTag,r3=t3.bodyAttributes,n3=t3.encode,i3=t3.htmlAttributes,o2=t3.noscriptTags,a2=t3.styleTags,s2=t3.title,c2=s2===void 0?"":s2,u2=t3.titleAttributes,h2=t3.linkTags,m2=t3.metaTags,y2=t3.scriptTags,T2={toComponent:function(){},toString:function(){return""}};if(t3.prioritizeSeoTags){var g2=function(t4){var e4=t4.linkTags,r4=t4.scriptTags,n4=t4.encode,i4=E(t4.metaTags,d),o3=E(e4,p),a3=E(r4,f);return{priorityMethods:{toComponent:function(){return[].concat(j(l.META,i4.priority),j(l.LINK,o3.priority),j(l.SCRIPT,a3.priority))},toString:function(){return M(l.META,i4.priority,n4)+" "+M(l.LINK,o3.priority,n4)+" "+M(l.SCRIPT,a3.priority,n4)}},metaTags:i4.default,linkTags:o3.default,scriptTags:a3.default}}(t3);T2=g2.priorityMethods,h2=g2.linkTags,m2=g2.metaTags,y2=g2.scriptTags}return{priority:T2,base:M(l.BASE,e3,n3),bodyAttributes:M("bodyAttributes",r3,n3),htmlAttributes:M("htmlAttributes",i3,n3),link:M(l.LINK,h2,n3),meta:M(l.META,m2,n3),noscript:M(l.NOSCRIPT,o2,n3),script:M(l.SCRIPT,y2,n3),style:M(l.STYLE,a2,n3),title:M(l.TITLE,{title:c2,titleAttributes:u2},n3)}},H=[],N=function(t3,e3){var r3=this;e3===void 0&&(e3=typeof document<"u"),this.instances=[],this.value={setHelmet:function(t4){r3.context.helmet=t4},helmetInstances:{get:function(){return r3.canUseDOM?H:r3.instances},add:function(t4){(r3.canUseDOM?H:r3.instances).push(t4)},remove:function(t4){var e4=(r3.canUseDOM?H:r3.instances).indexOf(t4);(r3.canUseDOM?H:r3.instances).splice(e4,1)}}},this.context=t3,this.canUseDOM=e3,e3||(t3.helmet=k({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},R=import_react.default.createContext({}),D=import_prop_types.default.shape({setHelmet:import_prop_types.default.func,helmetInstances:import_prop_types.default.shape({get:import_prop_types.default.func,add:import_prop_types.default.func,remove:import_prop_types.default.func})}),U=typeof document<"u",q=function(e3){function r3(t3){var n3;return(n3=e3.call(this,t3)||this).helmetData=new N(n3.props.context,r3.canUseDOM),n3}return s(r3,e3),r3.prototype.render=function(){return import_react.default.createElement(R.Provider,{value:this.helmetData.value},this.props.children)},r3}(import_react.Component);q.canUseDOM=U,q.propTypes={context:import_prop_types.default.shape({helmet:import_prop_types.default.shape()}),children:import_prop_types.default.node.isRequired},q.defaultProps={context:{}},q.displayName="HelmetProvider";var Y=function(t3,e3){var r3,n3=document.head||document.querySelector(l.HEAD),i3=n3.querySelectorAll(t3+"[data-rh]"),o2=[].slice.call(i3),a2=[];return e3&&e3.length&&e3.forEach(function(e4){var n4=document.createElement(t3);for(var i4 in e4)Object.prototype.hasOwnProperty.call(e4,i4)&&(i4==="innerHTML"?n4.innerHTML=e4.innerHTML:i4==="cssText"?n4.styleSheet?n4.styleSheet.cssText=e4.cssText:n4.appendChild(document.createTextNode(e4.cssText)):n4.setAttribute(i4,e4[i4]===void 0?"":e4[i4]));n4.setAttribute("data-rh","true"),o2.some(function(t4,e5){return r3=e5,n4.isEqualNode(t4)})?o2.splice(r3,1):a2.push(n4)}),o2.forEach(function(t4){return t4.parentNode.removeChild(t4)}),a2.forEach(function(t4){return n3.appendChild(t4)}),{oldTags:o2,newTags:a2}},B=function(t3,e3){var r3=document.getElementsByTagName(t3)[0];if(r3){for(var n3=r3.getAttribute("data-rh"),i3=n3?n3.split(","):[],o2=[].concat(i3),a2=Object.keys(e3),s2=0;s2<a2.length;s2+=1){var c2=a2[s2],u2=e3[c2]||"";r3.getAttribute(c2)!==u2&&r3.setAttribute(c2,u2),i3.indexOf(c2)===-1&&i3.push(c2);var l2=o2.indexOf(c2);l2!==-1&&o2.splice(l2,1)}for(var p2=o2.length-1;p2>=0;p2-=1)r3.removeAttribute(o2[p2]);i3.length===o2.length?r3.removeAttribute("data-rh"):r3.getAttribute("data-rh")!==a2.join(",")&&r3.setAttribute("data-rh",a2.join(","))}},K=function(t3,e3){var r3=t3.baseTag,n3=t3.htmlAttributes,i3=t3.linkTags,o2=t3.metaTags,a2=t3.noscriptTags,s2=t3.onChangeClientState,c2=t3.scriptTags,u2=t3.styleTags,p2=t3.title,f2=t3.titleAttributes;B(l.BODY,t3.bodyAttributes),B(l.HTML,n3),function(t4,e4){t4!==void 0&&document.title!==t4&&(document.title=S(t4)),B(l.TITLE,e4)}(p2,f2);var d2={baseTag:Y(l.BASE,r3),linkTags:Y(l.LINK,i3),metaTags:Y(l.META,o2),noscriptTags:Y(l.NOSCRIPT,a2),scriptTags:Y(l.SCRIPT,c2),styleTags:Y(l.STYLE,u2)},h2={},m2={};Object.keys(d2).forEach(function(t4){var e4=d2[t4],r4=e4.newTags,n4=e4.oldTags;r4.length&&(h2[t4]=r4),n4.length&&(m2[t4]=d2[t4].oldTags)}),e3&&e3(),s2(t3,h2,m2)},_=null,z=function(t3){function e3(){for(var e4,r4=arguments.length,n3=new Array(r4),i3=0;i3<r4;i3++)n3[i3]=arguments[i3];return(e4=t3.call.apply(t3,[this].concat(n3))||this).rendered=!1,e4}s(e3,t3);var r3=e3.prototype;return r3.shouldComponentUpdate=function(t4){return!(0,import_shallowequal.default)(t4,this.props)},r3.componentDidUpdate=function(){this.emitChange()},r3.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},r3.emitChange=function(){var t4,e4,r4=this.props.context,n3=r4.setHelmet,i3=null,o2=(t4=r4.helmetInstances.get().map(function(t5){var e5=a({},t5.props);return delete e5.context,e5}),{baseTag:A(["href"],t4),bodyAttributes:v("bodyAttributes",t4),defer:T(t4,"defer"),encode:T(t4,"encodeSpecialCharacters"),htmlAttributes:v("htmlAttributes",t4),linkTags:C(l.LINK,["rel","href"],t4),metaTags:C(l.META,["name","charset","http-equiv","property","itemprop"],t4),noscriptTags:C(l.NOSCRIPT,["innerHTML"],t4),onChangeClientState:b(t4),scriptTags:C(l.SCRIPT,["src","innerHTML"],t4),styleTags:C(l.STYLE,["cssText"],t4),title:g(t4),titleAttributes:v("titleAttributes",t4),prioritizeSeoTags:O(t4,"prioritizeSeoTags")});q.canUseDOM?(e4=o2,_&&cancelAnimationFrame(_),e4.defer?_=requestAnimationFrame(function(){K(e4,function(){_=null})}):(K(e4),_=null)):k&&(i3=k(o2)),n3(i3)},r3.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},r3.render=function(){return this.init(),null},e3}(import_react.Component);z.propTypes={context:D.isRequired},z.displayName="HelmetDispatcher";var F=["children"],G=["children"],W=function(e3){function r3(){return e3.apply(this,arguments)||this}s(r3,e3);var o2=r3.prototype;return o2.shouldComponentUpdate=function(t3){return!(0,import_react_fast_compare.default)(I(this.props,"helmetData"),I(t3,"helmetData"))},o2.mapNestedChildrenToProps=function(t3,e4){if(!e4)return null;switch(t3.type){case l.SCRIPT:case l.NOSCRIPT:return{innerHTML:e4};case l.STYLE:return{cssText:e4};default:throw new Error("<"+t3.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},o2.flattenArrayTypeChildren=function(t3){var e4,r4=t3.child,n3=t3.arrayTypeChildren;return a({},n3,((e4={})[r4.type]=[].concat(n3[r4.type]||[],[a({},t3.newChildProps,this.mapNestedChildrenToProps(r4,t3.nestedChildren))]),e4))},o2.mapObjectTypeChildren=function(t3){var e4,r4,n3=t3.child,i3=t3.newProps,o3=t3.newChildProps,s2=t3.nestedChildren;switch(n3.type){case l.TITLE:return a({},i3,((e4={})[n3.type]=s2,e4.titleAttributes=a({},o3),e4));case l.BODY:return a({},i3,{bodyAttributes:a({},o3)});case l.HTML:return a({},i3,{htmlAttributes:a({},o3)});default:return a({},i3,((r4={})[n3.type]=a({},o3),r4))}},o2.mapArrayTypeChildrenToProps=function(t3,e4){var r4=a({},e4);return Object.keys(t3).forEach(function(e5){var n3;r4=a({},r4,((n3={})[e5]=t3[e5],n3))}),r4},o2.warnOnInvalidChildren=function(t3,e4){return(0,import_invariant.default)(h.some(function(e5){return t3.type===e5}),typeof t3.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+h.join(", ")+" are allowed. Helmet does not support rendering <"+t3.type+"> elements. Refer to our API for more information."),(0,import_invariant.default)(!e4||typeof e4=="string"||Array.isArray(e4)&&!e4.some(function(t4){return typeof t4!="string"}),"Helmet expects a string as a child of <"+t3.type+">. Did you forget to wrap your children in braces? ( <"+t3.type+">{``}</"+t3.type+"> ) Refer to our API for more information."),!0},o2.mapChildrenToProps=function(e4,r4){var n3=this,i3={};return import_react.default.Children.forEach(e4,function(t3){if(t3&&t3.props){var e5=t3.props,o3=e5.children,a2=u(e5,F),s2=Object.keys(a2).reduce(function(t4,e6){return t4[y[e6]||e6]=a2[e6],t4},{}),c2=t3.type;switch(typeof c2=="symbol"?c2=c2.toString():n3.warnOnInvalidChildren(t3,o3),c2){case l.FRAGMENT:r4=n3.mapChildrenToProps(o3,r4);break;case l.LINK:case l.META:case l.NOSCRIPT:case l.SCRIPT:case l.STYLE:i3=n3.flattenArrayTypeChildren({child:t3,arrayTypeChildren:i3,newChildProps:s2,nestedChildren:o3});break;default:r4=n3.mapObjectTypeChildren({child:t3,newProps:r4,newChildProps:s2,nestedChildren:o3})}}}),this.mapArrayTypeChildrenToProps(i3,r4)},o2.render=function(){var e4=this.props,r4=e4.children,n3=u(e4,G),i3=a({},n3),o3=n3.helmetData;return r4&&(i3=this.mapChildrenToProps(r4,i3)),!o3||o3 instanceof N||(o3=new N(o3.context,o3.instances)),o3?import_react.default.createElement(z,a({},i3,{context:o3.value,helmetData:void 0})):import_react.default.createElement(R.Consumer,null,function(e5){return import_react.default.createElement(z,a({},i3,{context:e5}))})},r3}(import_react.Component);W.propTypes={base:import_prop_types.default.object,bodyAttributes:import_prop_types.default.object,children:import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node),import_prop_types.default.node]),defaultTitle:import_prop_types.default.string,defer:import_prop_types.default.bool,encodeSpecialCharacters:import_prop_types.default.bool,htmlAttributes:import_prop_types.default.object,link:import_prop_types.default.arrayOf(import_prop_types.default.object),meta:import_prop_types.default.arrayOf(import_prop_types.default.object),noscript:import_prop_types.default.arrayOf(import_prop_types.default.object),onChangeClientState:import_prop_types.default.func,script:import_prop_types.default.arrayOf(import_prop_types.default.object),style:import_prop_types.default.arrayOf(import_prop_types.default.object),title:import_prop_types.default.string,titleAttributes:import_prop_types.default.object,titleTemplate:import_prop_types.default.string,prioritizeSeoTags:import_prop_types.default.bool,helmetData:import_prop_types.default.object},W.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},W.displayName="Helmet";var import_react53=__toESM(require_react());var import_react26=__toESM(require_react());var import_react24=__toESM(require_react());var import_react6=__toESM(require_react());var import_react2=__toESM(require_react());var StorybookLogoStyled=newStyled(StorybookLogo)(({theme})=>({width:"auto",height:"22px !important",display:"block",color:theme.base==="light"?theme.color.defaultText:theme.color.lightest})),Img=newStyled.img({display:"block",maxWidth:"150px",maxHeight:"100px"}),LogoLink=newStyled.a(({theme})=>({display:"inline-block",height:"100%",margin:"-3px -4px",padding:"2px 3px",border:"1px solid transparent",borderRadius:3,color:"inherit",textDecoration:"none","&:focus":{outline:0,borderColor:theme.color.secondary}})),Brand=withTheme(({theme})=>{let{title="Storybook",url="./",image,target}=theme.brand,targetValue=target||(url==="./"?"":"_blank");if(image===null)return title===null?null:url?import_react2.default.createElement(LogoLink,{href:url,target:targetValue,dangerouslySetInnerHTML:{__html:title}}):import_react2.default.createElement("div",{dangerouslySetInnerHTML:{__html:title}});let logo=image?import_react2.default.createElement(Img,{src:image,alt:title}):import_react2.default.createElement(StorybookLogoStyled,{alt:title});return url?import_react2.default.createElement(LogoLink,{title,href:url,target:targetValue},logo):import_react2.default.createElement("div",null,logo)});var import_react5=__toESM(require_react());function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _setPrototypeOf(o2,p2){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o3,p3){return o3.__proto__=p3,o3},_setPrototypeOf(o2,p2)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o2){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o3){return o3.__proto__||Object.getPrototypeOf(o3)},_getPrototypeOf(o2)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf("[native code]")!==-1}catch{return typeof fn=="function"}}function _isNativeReflectConstruct(){try{var t3=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(_isNativeReflectConstruct=function(){return!!t3})()}function _construct(t3,e3,r3){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o2=[null];o2.push.apply(o2,e3);var p2=new(t3.bind.apply(t3,o2));return r3&&_setPrototypeOf(p2,r3.prototype),p2}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper3)}function Wrapper3(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper3.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper3,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper3,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
16
16
|
|
|
17
17
|
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
|
|
18
18
|
|
|
@@ -174,7 +174,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
|
|
|
174
174
|
& + & {
|
|
175
175
|
margin-left: 6px;
|
|
176
176
|
}
|
|
177
|
-
`),Shortcut=({keys})=>import_react25.default.createElement(import_react25.default.Fragment,null,import_react25.default.createElement(Key,null,keys.map((key,index)=>import_react25.default.createElement(KeyChild,{key},shortcutToHumanString([key]))))),useMenu=(state,api,showToolbar,isFullscreen,isPanelShown,isNavShown,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react25.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.changeSettingsTab("about"),icon:import_react25.default.createElement(InfoIcon,null)}),[api]),documentation=(0,import_react25.useMemo)(()=>({id:"documentation",title:"Documentation",href:api.getDocsUrl({versioned:!0,renderer:!0}),icon:import_react25.default.createElement(ShareAltIcon,null)}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react25.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.changeSettingsTab("whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react25.default.createElement(Badge,{status:"positive"},"Check it out"),icon:import_react25.default.createElement(WandIcon,null)}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react25.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.changeSettingsTab("shortcuts"),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react25.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:isNavShown,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,icon:isNavShown?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isNavShown]),toolbarToogle=(0,import_react25.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,icon:showToolbar?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react25.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:isPanelShown,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,icon:isPanelShown?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isPanelShown]),addonsOrientationToggle=(0,import_react25.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react25.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,icon:isFullscreen?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react25.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements.storySearchField),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react25.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react25.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react25.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react25.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react25.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react25.useCallback)(()=>{let addonsShortcuts=api.getAddonsShortcuts(),keys=shortcutKeys;return Object.entries(addonsShortcuts).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:keys[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react25.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],documentation,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,documentation,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar3=import_react26.default.memo(function({onMenuClick}){return import_react26.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar},index,status,indexError,previewInitialized,refs}=state,menu=useMenu(state,api,showToolbar,api.getIsFullscreen(),api.getIsPanelShown(),api.getIsNavShown(),enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,bottomItems=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_BOTTOM),topItems=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_TOP),bottom=(0,import_react26.useMemo)(()=>Object.values(bottomItems),[Object.keys(bottomItems).join("")]),top=(0,import_react26.useMemo)(()=>Object.values(topItems),[Object.keys(topItems).join("")]);return{title:name,url,index,indexError,status,previewInitialized,refs,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts,bottom,extra:top}}},fromState=>import_react26.default.createElement(Sidebar,{...fromState,onMenuClick}))}),Sidebar_default=Sidebar3;var import_react38=__toESM(require_react()),import_memoizerific2=__toESM(require_memoizerific());var import_react36=__toESM(require_react());var PreviewContainer=newStyled.main({display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"}),FrameWrap=newStyled.div({overflow:"auto",width:"100%",zIndex:3,background:"transparent",flex:1}),CanvasWrap=newStyled.div({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%"},({show})=>({display:show?"grid":"none"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",display:"grid",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%"})),LoaderWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.preview,zIndex:1}));var import_react27=__toESM(require_react());var initialZoom=1,Context=(0,import_react27.createContext)({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react27.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value=>this.setState({value})}render(){let{children,shouldScale}=this.props,{set}=this,{value}=this.state;return import_react27.default.createElement(Context.Provider,{value:{value:shouldScale?value:initialZoom,set}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=(0,import_react27.memo)(function({zoomIn,zoomOut,reset}){return import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react27.default.createElement(ZoomIcon,null)),import_react27.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react27.default.createElement(ZoomOutIcon,null)),import_react27.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react27.default.createElement(ZoomResetIcon,null)))});var ZoomWrapper=(0,import_react27.memo)(function({set,value}){let zoomIn=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(.8*value)},[set,value]),zoomOut=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(1.25*value)},[set,value]),reset=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(initialZoom)},[set,initialZoom]);return import_react27.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})});function ZoomToolRenderer(){return import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(ZoomConsumer,null,({set,value})=>import_react27.default.createElement(ZoomWrapper,{set,value})),import_react27.default.createElement(Separator,null))}var zoomTool={title:"zoom",id:"zoom",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:ZoomToolRenderer};var import_react28=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,children})=>import_react28.default.createElement(import_react28.Fragment,null,wrappers.reduceRight((acc,wrapper,index)=>import_react28.default.createElement(wrapper.render,{index,children:acc,id,storyId}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p2=>import_react28.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper"},p2.children)}];var import_react33=__toESM(require_react());var import_react29=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document8}=scope,copyMapper=({state})=>{let{storyId,refId,refs}=state,{location}=document8,ref=refs[refId],baseUrl=`${location.origin}${location.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react29.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react29.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react29.default.createElement(LinkIcon,null)):null)};var import_react30=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs}=state,ref=refs[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react30.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react30.default.createElement(IconButton,{key:"opener",asChild:!0},import_react30.default.createElement("a",{href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",rel:"noopener noreferrer",title:"Open canvas in new tab"},import_react30.default.createElement(ShareAltIcon,null))):null)};var import_react31=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:api.getIsPanelShown(),singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react31.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react31.default.createElement(import_react31.default.Fragment,null,import_react31.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},panelPosition==="bottom"?import_react31.default.createElement(BottomBarIcon,null):import_react31.default.createElement(SidebarAltIcon,null))))};var import_react32=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper2=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react32.default.createElement(ManagerConsumer,{filter:menuMapper2},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react32.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react32.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react32.default.createElement(SyncIcon,null))})};var fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,isFullscreen:api.getIsFullscreen(),shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getElements(Addon_TypesEnum.PANEL)).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:typesX.TOOL,match:p2=>["story","docs"].includes(p2.viewMode),render:()=>{let{isMobile}=useLayout();return isMobile?null:import_react33.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,isFullscreen,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react33.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${isFullscreen?"Exit full screen":"Go full screen"} [${shortcut}]`,"aria-label":isFullscreen?"Exit full screen":"Go full screen"},isFullscreen?import_react33.default.createElement(CloseIcon,null):import_react33.default.createElement(ExpandIcon,null)))}};var ToolbarComp=import_react33.default.memo(function({isShown,tools,toolsExtra,tabs,tabId,api}){return tabs||tools||toolsExtra?import_react33.default.createElement(Toolbar,{className:"sb-bar",key:"toolbar",shown:isShown,"data-test-id":"sb-preview-toolbar"},import_react33.default.createElement(ToolbarInner,null,import_react33.default.createElement(ToolbarLeft,null,tabs.length>1?import_react33.default.createElement(import_react33.Fragment,null,import_react33.default.createElement(TabBar,{key:"tabs"},tabs.map((tab,index)=>import_react33.default.createElement(TabButton,{disabled:tab.disabled,active:tab.id===tabId||tab.id==="canvas"&&!tabId,onClick:()=>{api.applyQueryParams({tab:tab.id==="canvas"?void 0:tab.id})},key:tab.id||`tab-${index}`},tab.title))),import_react33.default.createElement(Separator,null)):null,import_react33.default.createElement(Tools,{key:"left",list:tools})),import_react33.default.createElement(ToolbarRight,null,import_react33.default.createElement(Tools,{key:"right",list:toolsExtra})))):null}),Tools=import_react33.default.memo(function({list}){return import_react33.default.createElement(import_react33.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index)=>import_react33.default.createElement(Render,{key:id||t3.key||`f-${index}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry?.type==="story"&&entry?.prepared?entry?.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item?.id]?.hidden:!1}function filterToolsSide(tools,entry,viewMode,location,path,tabId){let filter=item=>item&&(!item.match||item.match({storyId:entry?.id,refId:entry?.refId,viewMode,location,path,tabId}))&&!toolbarItemHasBeenExcluded(item,entry);return tools.filter(filter)}var Toolbar=newStyled.div(({theme,shown})=>({position:"relative",color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflowX:"auto",overflowY:"hidden",marginTop:shown?0:-40,boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg,zIndex:4})),ToolbarInner=newStyled.div({position:"absolute",width:"calc(100% - 20px)",display:"flex",justifyContent:"space-between",flexWrap:"nowrap",flexShrink:0,height:40,marginLeft:10,marginRight:10}),ToolbarLeft=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",gap:6,alignItems:"center"}),ToolbarRight=newStyled(ToolbarLeft)({marginLeft:30});var import_react35=__toESM(require_react());var import_react34=__toESM(require_react());var StyledIframe=newStyled.iframe(({theme})=>({backgroundColor:theme.background.preview,display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",margin:"auto",boxShadow:"0 0 100px 100vw rgba(0,0,0,0.5)"}));function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react34.default.useRef(null);return import_react34.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react34.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs)=>refId&&refs[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({api,state})=>({isFullscreen:api.getIsFullscreen(),isNavShown:api.getIsNavShown(),selectedStoryId:state.storyId}),styles={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version=refs[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version&&{version}}),active=getActive(refId,refs),{current:frames}=(0,import_react35.useRef)({}),refsToLoad=Object.values(refs).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version&&{version},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react35.default.createElement(import_react35.Fragment,null,import_react35.default.createElement(Global,{styles}),import_react35.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,isNavShown,selectedStoryId})=>isFullscreen||!isNavShown||!selectedStoryId?null:import_react35.default.createElement(SkipToSidebarLink,{asChild:!0},import_react35.default.createElement("a",{href:`#${selectedStoryId}`,tabIndex:0,title:"Skip to sidebar"},"Skip to sidebar"))),Object.entries(frames).map(([id,src])=>import_react35.default.createElement(import_react35.Fragment,{key:id},import_react35.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs}),createCanvasTab=()=>({id:"canvas",type:typesX.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),Preview=import_react36.default.memo(function(props){let{api,id:previewId,options:options2,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0,tools,toolsExtra,tabs,wrappers,tabId}=props,tabContent=tabs.find(tab=>tab.id===tabId)?.render,shouldScale=viewMode==="story",{showToolbar}=options2,previousStoryId=(0,import_react36.useRef)(storyId);return(0,import_react36.useEffect)(()=>{if(entry&&viewMode){if(storyId===previousStoryId.current)return;if(previousStoryId.current=storyId,viewMode.match(/docs|story/)){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}}},[entry,viewMode,storyId,api]),import_react36.default.createElement(import_react36.Fragment,null,previewId==="main"&&import_react36.default.createElement(W,{key:"description"},import_react36.default.createElement("title",null,description)),import_react36.default.createElement(ZoomProvider,{shouldScale},import_react36.default.createElement(PreviewContainer,null,import_react36.default.createElement(ToolbarComp,{key:"tools",isShown:showToolbar,tabId,tabs,tools,toolsExtra,api}),import_react36.default.createElement(FrameWrap,{key:"frame"},tabContent&&import_react36.default.createElement(IframeWrapper,null,tabContent({active:!0})),import_react36.default.createElement(CanvasWrap,{show:!tabId},import_react36.default.createElement(Canvas,{withLoader,baseUrl,wrappers}))))))});var Canvas=({baseUrl,withLoader,wrappers})=>import_react36.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs,customCanvas,storyId,refId,viewMode,queryParams,previewInitialized})=>{let id="canvas",[progress,setProgress]=(0,import_react36.useState)(void 0);(0,import_react36.useEffect)(()=>{if(scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getChannel().on(PREVIEW_BUILDER_PROGRESS,options2=>{setProgress(options2)})}catch{}},[]);let refLoading=!!refs[refId]&&!refs[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react36.default.createElement(ZoomConsumer,null,({value:scale})=>import_react36.default.createElement(import_react36.default.Fragment,null,withLoader&&isLoading&&import_react36.default.createElement(LoaderWrapper,null,import_react36.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react36.default.createElement(ApplyWrappers,{id,storyId,viewMode,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react36.default.createElement(FramesRenderer,{baseUrl,refs,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key,index)=>({index,...typeof tabs[key]=="string"?{title:tabs[key]}:tabs[key],id:key}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index)=>({...panel,index})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var import_react37=__toESM(require_react());var menuMapper3=({api,state})=>({isVisible:api.getIsNavShown(),singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:typesX.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react37.default.createElement(ManagerConsumer,{filter:menuMapper3},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react37.default.createElement(import_react37.default.Fragment,null,import_react37.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react37.default.createElement(MenuIcon,null)),import_react37.default.createElement(Separator,null)))};var defaultTabs=[createCanvasTab()],defaultTools=[menuTool,remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],emptyTabsList=[],memoizedTabs=(0,import_memoizerific2.default)(1)((_2,tabElements,parameters,showTabs)=>showTabs?filterTabs([...defaultTabs,...Object.values(tabElements)],parameters):emptyTabsList),memoizedTools=(0,import_memoizerific2.default)(1)((_2,toolElements,filterProps)=>filterToolsSide([...defaultTools,...Object.values(toolElements)],...filterProps)),memoizedExtra=(0,import_memoizerific2.default)(1)((_2,extraElements,filterProps)=>filterToolsSide([...defaultToolsExtra,...Object.values(extraElements)],...filterProps)),memoizedWrapper=(0,import_memoizerific2.default)(1)((_2,previewElements)=>[...defaultWrappers,...Object.values(previewElements)]),{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name}=item;return title&&name?splitTitleAddExtraSpace(`${title} - ${name} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location,customQueryParams,storyId,refs,viewMode,path,refId}=state,entry=api.getData(storyId,refId),tabsList=Object.values(api.getElements(Addon_TypesEnum.TAB)),wrapperList=Object.values(api.getElements(Addon_TypesEnum.PREVIEW)),toolsList=Object.values(api.getElements(Addon_TypesEnum.TOOL)),toolsExtraList=Object.values(api.getElements(Addon_TypesEnum.TOOLEXTRA)),tabId=api.getQueryParam("tab"),tools=memoizedTools(toolsList.length,api.getElements(Addon_TypesEnum.TOOL),[entry,viewMode,location,path,tabId]),toolsExtra=memoizedExtra(toolsExtraList.length,api.getElements(Addon_TypesEnum.TOOLEXTRA),[entry,viewMode,location,path,tabId]);return{api,entry,options:layout,description:getDescription(entry),viewMode,refs,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,tools,toolsExtra,tabs:memoizedTabs(tabsList.length,api.getElements(Addon_TypesEnum.TAB),entry?entry.parameters:void 0,layout.showTabs),wrappers:memoizedWrapper(wrapperList.length,api.getElements(Addon_TypesEnum.PREVIEW)),tabId}},PreviewConnected=import_react38.default.memo(function(props){return import_react38.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react38.default.createElement(Preview,{...props,...fromState}))}),Preview_default=PreviewConnected;var import_react40=__toESM(require_react()),import_memoizerific3=__toESM(require_memoizerific());var import_react39=__toESM(require_react());var SafeTab=class extends import_react39.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react39.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel=import_react39.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let{isDesktop,setMobilePanelOpen}=useLayout();return import_react39.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,showToolsWhenEmpty:!0,emptyState:import_react39.default.createElement(EmptyTabContent,{title:"Storybook add-ons",description:import_react39.default.createElement(import_react39.default.Fragment,null,"Integrate your tools with Storybook to connect workflows and unlock advanced features."),footer:import_react39.default.createElement(Link22,{href:"https://storybook.js.org/integrations",target:"_blank",withArrow:!0},import_react39.default.createElement(DocumentIcon,null)," Explore integrations catalog")}),tools:import_react39.default.createElement(Actions,null,isDesktop?import_react39.default.createElement(import_react39.default.Fragment,null,import_react39.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},panelPosition==="bottom"?import_react39.default.createElement(SidebarAltIcon,null):import_react39.default.createElement(BottomBarIcon,null)),import_react39.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react39.default.createElement(CloseIcon,null))):import_react39.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!1),title:"Close addon panel"},import_react39.default.createElement(CloseIcon,null))),id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react39.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?import_react39.default.createElement(v2.title,null):v2.title},v2.render)))});AddonPanel.displayName="AddonPanel";var Actions=newStyled.div({display:"flex",alignItems:"center",gap:6});var createPanelActions=(0,import_memoizerific3.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),getPanels=api=>{let allPanels=api.getElements(Addon_TypesEnum.PANEL),story=api.getCurrentStoryData();if(!allPanels||!story||story.type!=="story")return allPanels;let{parameters}=story,filteredPanels={};return Object.entries(allPanels).forEach(([id,panel])=>{let{paramKey}=panel;paramKey&¶meters&¶meters[paramKey]&¶meters[paramKey].disable||(filteredPanels[id]=panel)}),filteredPanels},mapper2=({state,api})=>({panels:getPanels(api),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel=props=>import_react40.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react40.default.createElement(AddonPanel,{...props,...customProps})),Panel_default=Panel;var import_react52=__toESM(require_react());var import_react41=__toESM(require_react()),SNAP_THRESHOLD_PX=30,SIDEBAR_MIN_WIDTH_PX=240,RIGHT_PANEL_MIN_WIDTH_PX=270,MIN_WIDTH_STIFFNESS=.9;function clamp(value,min,max){return Math.min(Math.max(value,min),max)}function interpolate(relativeValue,min,max){return min+(max-min)*relativeValue}function useDragging({setState,isPanelShown,isDesktop}){let panelResizerRef=(0,import_react41.useRef)(null),sidebarResizerRef=(0,import_react41.useRef)(null);return(0,import_react41.useEffect)(()=>{let panelResizer=panelResizerRef.current,sidebarResizer=sidebarResizerRef.current,previewIframe=document.querySelector("#storybook-preview-iframe"),draggedElement=null,onDragStart=e3=>{e3.preventDefault(),setState(state=>({...state,isDragging:!0})),e3.currentTarget===panelResizer?draggedElement=panelResizer:e3.currentTarget===sidebarResizer&&(draggedElement=sidebarResizer),window.addEventListener("mousemove",onDrag),window.addEventListener("mouseup",onDragEnd),previewIframe&&(previewIframe.style.pointerEvents="none")},onDragEnd=e3=>{setState(state=>draggedElement===sidebarResizer&&state.navSize<SIDEBAR_MIN_WIDTH_PX&&state.navSize>0?{...state,isDragging:!1,navSize:SIDEBAR_MIN_WIDTH_PX}:draggedElement===panelResizer&&state.panelPosition==="right"&&state.rightPanelWidth<RIGHT_PANEL_MIN_WIDTH_PX&&state.rightPanelWidth>0?{...state,isDragging:!1,rightPanelWidth:RIGHT_PANEL_MIN_WIDTH_PX}:{...state,isDragging:!1}),window.removeEventListener("mousemove",onDrag),window.removeEventListener("mouseup",onDragEnd),previewIframe?.removeAttribute("style"),draggedElement=null},onDrag=e3=>{if(e3.buttons===0){onDragEnd(e3);return}setState(state=>{if(draggedElement===sidebarResizer){let sidebarDragX=e3.clientX;return sidebarDragX===state.navSize?state:sidebarDragX<=SNAP_THRESHOLD_PX?{...state,navSize:0}:sidebarDragX<=SIDEBAR_MIN_WIDTH_PX?{...state,navSize:interpolate(MIN_WIDTH_STIFFNESS,sidebarDragX,SIDEBAR_MIN_WIDTH_PX)}:{...state,navSize:clamp(sidebarDragX,0,e3.view.innerWidth)}}if(draggedElement===panelResizer){let sizeAxisState=state.panelPosition==="bottom"?"bottomPanelHeight":"rightPanelWidth",panelDragSize=state.panelPosition==="bottom"?e3.view.innerHeight-e3.clientY:e3.view.innerWidth-e3.clientX;if(panelDragSize===state[sizeAxisState])return state;if(panelDragSize<=SNAP_THRESHOLD_PX)return{...state,[sizeAxisState]:0};if(state.panelPosition==="right"&&panelDragSize<=RIGHT_PANEL_MIN_WIDTH_PX)return{...state,[sizeAxisState]:interpolate(MIN_WIDTH_STIFFNESS,panelDragSize,RIGHT_PANEL_MIN_WIDTH_PX)};let sizeAxisMax=state.panelPosition==="bottom"?e3.view.innerHeight:e3.view.innerWidth;return{...state,[sizeAxisState]:clamp(panelDragSize,0,sizeAxisMax)}}return state})};return panelResizer?.addEventListener("mousedown",onDragStart),sidebarResizer?.addEventListener("mousedown",onDragStart),()=>{panelResizer?.removeEventListener("mousedown",onDragStart),sidebarResizer?.removeEventListener("mousedown",onDragStart),previewIframe?.removeAttribute("style")}},[isPanelShown,isDesktop,setState]),{panelResizerRef,sidebarResizerRef}}var import_react48=__toESM(require_react());var import_react46=__toESM(require_react());function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i3;for(i3=0;i3<sourceKeys.length;i3++)key=sourceKeys[i3],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var import_prop_types4=__toESM(require_prop_types()),import_react43=__toESM(require_react()),import_react_dom=__toESM(require_react_dom());var config_default={disabled:!1};var import_prop_types3=__toESM(require_prop_types()),timeoutsShape=import_prop_types3.default.oneOfType([import_prop_types3.default.number,import_prop_types3.default.shape({enter:import_prop_types3.default.number,exit:import_prop_types3.default.number,appear:import_prop_types3.default.number}).isRequired]),classNamesShape=import_prop_types3.default.oneOfType([import_prop_types3.default.string,import_prop_types3.default.shape({enter:import_prop_types3.default.string,exit:import_prop_types3.default.string,active:import_prop_types3.default.string}),import_prop_types3.default.shape({enter:import_prop_types3.default.string,enterDone:import_prop_types3.default.string,enterActive:import_prop_types3.default.string,exit:import_prop_types3.default.string,exitDone:import_prop_types3.default.string,exitActive:import_prop_types3.default.string})]);var import_react42=__toESM(require_react()),TransitionGroupContext_default=import_react42.default.createContext(null);var forceReflow=function(node){return node.scrollTop};var UNMOUNTED="unmounted",EXITED="exited",ENTERING="entering",ENTERED="entered",EXITING="exiting",Transition=function(_React$Component){_inheritsLoose(Transition2,_React$Component);function Transition2(props,context){var _this;_this=_React$Component.call(this,props,context)||this;var parentGroup=context,appear=parentGroup&&!parentGroup.isMounting?props.enter:props.appear,initialStatus;return _this.appearStatus=null,props.in?appear?(initialStatus=EXITED,_this.appearStatus=ENTERING):initialStatus=ENTERED:props.unmountOnExit||props.mountOnEnter?initialStatus=UNMOUNTED:initialStatus=EXITED,_this.state={status:initialStatus},_this.nextCallback=null,_this}Transition2.getDerivedStateFromProps=function(_ref,prevState){var nextIn=_ref.in;return nextIn&&prevState.status===UNMOUNTED?{status:EXITED}:null};var _proto=Transition2.prototype;return _proto.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},_proto.componentDidUpdate=function(prevProps){var nextStatus=null;if(prevProps!==this.props){var status=this.state.status;this.props.in?status!==ENTERING&&status!==ENTERED&&(nextStatus=ENTERING):(status===ENTERING||status===ENTERED)&&(nextStatus=EXITING)}this.updateStatus(!1,nextStatus)},_proto.componentWillUnmount=function(){this.cancelNextCallback()},_proto.getTimeouts=function(){var timeout2=this.props.timeout,exit,enter,appear;return exit=enter=appear=timeout2,timeout2!=null&&typeof timeout2!="number"&&(exit=timeout2.exit,enter=timeout2.enter,appear=timeout2.appear!==void 0?timeout2.appear:enter),{exit,enter,appear}},_proto.updateStatus=function(mounting,nextStatus){if(mounting===void 0&&(mounting=!1),nextStatus!==null)if(this.cancelNextCallback(),nextStatus===ENTERING){if(this.props.unmountOnExit||this.props.mountOnEnter){var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this);node&&forceReflow(node)}this.performEnter(mounting)}else this.performExit();else this.props.unmountOnExit&&this.state.status===EXITED&&this.setState({status:UNMOUNTED})},_proto.performEnter=function(mounting){var _this2=this,enter=this.props.enter,appearing=this.context?this.context.isMounting:mounting,_ref2=this.props.nodeRef?[appearing]:[import_react_dom.default.findDOMNode(this),appearing],maybeNode=_ref2[0],maybeAppearing=_ref2[1],timeouts=this.getTimeouts(),enterTimeout=appearing?timeouts.appear:timeouts.enter;if(!mounting&&!enter||config_default.disabled){this.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode)});return}this.props.onEnter(maybeNode,maybeAppearing),this.safeSetState({status:ENTERING},function(){_this2.props.onEntering(maybeNode,maybeAppearing),_this2.onTransitionEnd(enterTimeout,function(){_this2.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode,maybeAppearing)})})})},_proto.performExit=function(){var _this3=this,exit=this.props.exit,timeouts=this.getTimeouts(),maybeNode=this.props.nodeRef?void 0:import_react_dom.default.findDOMNode(this);if(!exit||config_default.disabled){this.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)});return}this.props.onExit(maybeNode),this.safeSetState({status:EXITING},function(){_this3.props.onExiting(maybeNode),_this3.onTransitionEnd(timeouts.exit,function(){_this3.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)})})})},_proto.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},_proto.safeSetState=function(nextState,callback){callback=this.setNextCallback(callback),this.setState(nextState,callback)},_proto.setNextCallback=function(callback){var _this4=this,active=!0;return this.nextCallback=function(event){active&&(active=!1,_this4.nextCallback=null,callback(event))},this.nextCallback.cancel=function(){active=!1},this.nextCallback},_proto.onTransitionEnd=function(timeout2,handler){this.setNextCallback(handler);var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this),doesNotHaveTimeoutOrListener=timeout2==null&&!this.props.addEndListener;if(!node||doesNotHaveTimeoutOrListener){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var _ref3=this.props.nodeRef?[this.nextCallback]:[node,this.nextCallback],maybeNode=_ref3[0],maybeNextCallback=_ref3[1];this.props.addEndListener(maybeNode,maybeNextCallback)}timeout2!=null&&setTimeout(this.nextCallback,timeout2)},_proto.render=function(){var status=this.state.status;if(status===UNMOUNTED)return null;var _this$props=this.props,children=_this$props.children,_in=_this$props.in,_mountOnEnter=_this$props.mountOnEnter,_unmountOnExit=_this$props.unmountOnExit,_appear=_this$props.appear,_enter=_this$props.enter,_exit=_this$props.exit,_timeout=_this$props.timeout,_addEndListener=_this$props.addEndListener,_onEnter=_this$props.onEnter,_onEntering=_this$props.onEntering,_onEntered=_this$props.onEntered,_onExit=_this$props.onExit,_onExiting=_this$props.onExiting,_onExited=_this$props.onExited,_nodeRef=_this$props.nodeRef,childProps=_objectWithoutPropertiesLoose(_this$props,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return import_react43.default.createElement(TransitionGroupContext_default.Provider,{value:null},typeof children=="function"?children(status,childProps):import_react43.default.cloneElement(import_react43.default.Children.only(children),childProps))},Transition2}(import_react43.default.Component);Transition.contextType=TransitionGroupContext_default;Transition.propTypes={nodeRef:import_prop_types4.default.shape({current:typeof Element>"u"?import_prop_types4.default.any:function(propValue,key,componentName,location,propFullName,secret){var value=propValue[key];return import_prop_types4.default.instanceOf(value&&"ownerDocument"in value?value.ownerDocument.defaultView.Element:Element)(propValue,key,componentName,location,propFullName,secret)}}),children:import_prop_types4.default.oneOfType([import_prop_types4.default.func.isRequired,import_prop_types4.default.element.isRequired]).isRequired,in:import_prop_types4.default.bool,mountOnEnter:import_prop_types4.default.bool,unmountOnExit:import_prop_types4.default.bool,appear:import_prop_types4.default.bool,enter:import_prop_types4.default.bool,exit:import_prop_types4.default.bool,timeout:function(props){var pt=timeoutsShape;props.addEndListener||(pt=pt.isRequired);for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return pt.apply(void 0,[props].concat(args))},addEndListener:import_prop_types4.default.func,onEnter:import_prop_types4.default.func,onEntering:import_prop_types4.default.func,onEntered:import_prop_types4.default.func,onExit:import_prop_types4.default.func,onExiting:import_prop_types4.default.func,onExited:import_prop_types4.default.func};function noop3(){}Transition.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:noop3,onEntering:noop3,onEntered:noop3,onExit:noop3,onExiting:noop3,onExited:noop3};Transition.UNMOUNTED=UNMOUNTED;Transition.EXITED=EXITED;Transition.ENTERING=ENTERING;Transition.ENTERED=ENTERED;Transition.EXITING=EXITING;var Transition_default=Transition;var import_react45=__toESM(require_react());var import_react44=__toESM(require_react());var UpgradeBlock=({onNavigateToWhatsNew})=>{let api=useStorybookApi(),[activeTab,setActiveTab]=(0,import_react44.useState)("npm");return import_react44.default.createElement(Container3,null,import_react44.default.createElement("strong",null,"You are on Storybook ",api.getCurrentVersion().version),import_react44.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react44.default.createElement(Tabs2,null,import_react44.default.createElement(ButtonTab,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react44.default.createElement(ButtonTab,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react44.default.createElement(Code,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react44.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook"))},Container3=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,marginTop:0,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2,width:"100%",[MEDIA_DESKTOP_BREAKPOINT]:{maxWidth:400}})),Tabs2=newStyled.div({display:"flex",gap:2}),Code=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),ButtonTab=newStyled.button(({theme,active})=>({all:"unset",alignItems:"center",gap:10,color:theme.color.defaultText,fontSize:theme.typography.size.s2-1,borderBottom:"2px solid transparent",borderBottomColor:active?theme.color.secondary:"none",padding:"0 10px 5px",marginBottom:"5px",cursor:"pointer"}));var MobileAbout=()=>{let{isMobileAboutOpen,setMobileAboutOpen}=useLayout(),aboutRef=(0,import_react45.useRef)(null);return import_react45.default.createElement(Transition_default,{nodeRef:aboutRef,in:isMobileAboutOpen,timeout:300,appear:!0,mountOnEnter:!0,unmountOnExit:!0},state=>import_react45.default.createElement(Container4,{ref:aboutRef,state,transitionDuration:300},import_react45.default.createElement(Button2,{onClick:()=>setMobileAboutOpen(!1),title:"Close about section"},import_react45.default.createElement(ArrowLeftIcon,null),"Back"),import_react45.default.createElement(LinkContainer,null,import_react45.default.createElement(LinkLine,{href:"https://github.com/storybookjs/storybook",target:"_blank"},import_react45.default.createElement(LinkLeft,null,import_react45.default.createElement(GithubIcon,null),import_react45.default.createElement("span",null,"Github")),import_react45.default.createElement(ShareAltIcon,{width:12})),import_react45.default.createElement(LinkLine,{href:"https://storybook.js.org/docs/react/get-started/install/",target:"_blank"},import_react45.default.createElement(LinkLeft,null,import_react45.default.createElement(StorybookIcon,null),import_react45.default.createElement("span",null,"Documentation")),import_react45.default.createElement(ShareAltIcon,{width:12}))),import_react45.default.createElement(UpgradeBlock,null),import_react45.default.createElement(BottomText,null,"Open source software maintained by"," ",import_react45.default.createElement(Link22,{href:"https://chromatic.com",target:"_blank"},"Chromatic")," ","and the"," ",import_react45.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))},Container4=newStyled.div(({theme,state,transitionDuration})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:11,transition:`all ${transitionDuration}ms ease-in-out`,overflow:"scroll",padding:"25px 10px 10px",color:theme.color.defaultText,background:theme.background.content,opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(20px)";default:return"translateX(0)"}})()}`})),LinkContainer=newStyled.div({marginTop:20,marginBottom:20}),LinkLine=newStyled.a(({theme})=>({all:"unset",display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:theme.typography.size.s2-1,height:52,borderBottom:`1px solid ${theme.appBorderColor}`,cursor:"pointer",padding:"0 10px","&:last-child":{borderBottom:"none"}})),LinkLeft=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s2-1,height:40,gap:5})),BottomText=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,marginTop:30})),Button2=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:theme.typography.size.s2-1,padding:"0 10px"}));var MobileMenuDrawer=({children})=>{let containerRef=(0,import_react46.useRef)(null),sidebarRef=(0,import_react46.useRef)(null),overlayRef=(0,import_react46.useRef)(null),{isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen}=useLayout();return import_react46.default.createElement(import_react46.default.Fragment,null,import_react46.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0,onExited:()=>setMobileAboutOpen(!1)},state=>import_react46.default.createElement(Container5,{ref:containerRef,state},import_react46.default.createElement(Transition_default,{nodeRef:sidebarRef,in:!isMobileAboutOpen,timeout:300},sidebarState=>import_react46.default.createElement(SidebarContainer,{ref:sidebarRef,state:sidebarState},children)),import_react46.default.createElement(MobileAbout,null))),import_react46.default.createElement(Transition_default,{nodeRef:overlayRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0},state=>import_react46.default.createElement(Overlay,{ref:overlayRef,state,onClick:()=>setMobileMenuOpen(!1),"aria-label":"Close navigation menu"})))},Container5=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"80%",bottom:0,left:0,zIndex:11,borderRadius:"10px 10px 0 0",transition:`all ${300}ms ease-in-out`,overflow:"hidden",transform:`${state==="entering"||state==="entered"?"translateY(0)":state==="exiting"||state==="exited"?"translateY(100%)":"translateY(0)"}`})),SidebarContainer=newStyled.div(({theme,state})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1,transition:`all ${300}ms ease-in-out`,overflow:"hidden",opacity:`${state==="entered"||state==="entering"?1:state==="exiting"||state==="exited"?0:1}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(-20px)";default:return"translateX(0)"}})()}`})),Overlay=newStyled.div(({state})=>({position:"fixed",boxSizing:"border-box",background:"rgba(0, 0, 0, 0.5)",top:0,bottom:0,right:0,left:0,zIndex:10,transition:`all ${300}ms ease-in-out`,cursor:"pointer",opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,"&:hover":{background:"rgba(0, 0, 0, 0.6)"}}));var import_react47=__toESM(require_react());var Container6=newStyled.div(({theme})=>({position:"relative",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"42vh",zIndex:11,overflow:"hidden"})),MobileAddonsDrawer=({children})=>import_react47.default.createElement(Container6,null,children);var useFullStoryName=()=>{let{index}=useStorybookState(),currentStory=useStorybookApi().getCurrentStoryData();if(!currentStory)return"";let fullStoryName=currentStory.renderLabel?.(currentStory)||currentStory.name,node=index[currentStory.id];for(;"parent"in node&&node.parent&&index[node.parent]&&fullStoryName.length<24;)node=index[node.parent],fullStoryName=`${node.renderLabel?.(node)||node.name}/${fullStoryName}`;return fullStoryName},MobileNavigation=({menu,panel,showPanel})=>{let{isMobileMenuOpen,isMobilePanelOpen,setMobileMenuOpen,setMobilePanelOpen}=useLayout(),fullStoryName=useFullStoryName();return import_react48.default.createElement(Container7,null,import_react48.default.createElement(MobileMenuDrawer,null,menu),isMobilePanelOpen?import_react48.default.createElement(MobileAddonsDrawer,null,panel):import_react48.default.createElement(Nav,{className:"sb-bar"},import_react48.default.createElement(Button3,{onClick:()=>setMobileMenuOpen(!isMobileMenuOpen),title:"Open navigation menu"},import_react48.default.createElement(MenuIcon,null),import_react48.default.createElement(Text2,null,fullStoryName)),showPanel&&import_react48.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!0),title:"Open addon panel"},import_react48.default.createElement(BottomBarToggleIcon,null))))},Container7=newStyled.div(({theme})=>({bottom:0,left:0,width:"100%",zIndex:10,background:theme.barBg,borderTop:`1px solid ${theme.appBorderColor}`})),Nav=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:40,padding:"0 6px"}),Button3=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:theme.barTextColor,fontSize:`${theme.typography.size.s2-1}px`,padding:"0 7px",fontWeight:theme.typography.weight.bold,WebkitLineClamp:1,"> svg":{width:14,height:14,flexShrink:0}})),Text2=newStyled.p({display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",overflow:"hidden"});var import_react51=__toESM(require_react());var import_react50=__toESM(require_react());var import_react49=__toESM(require_react());var Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none"})),NotificationWithInteractiveStates=newStyled(Notification)(()=>({transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center",svg:{width:16,height:16}})),NotificationTextWrapper=newStyled.div(({theme})=>({width:"100%",display:"flex",flexDirection:"column",color:theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$1(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react49.default.createElement(import_react49.default.Fragment,null,!icon||import_react49.default.createElement(NotificationIconWrapper,null,import_react49.default.isValidElement(icon)?icon:typeof icon=="object"&&"name"in icon&&import_react49.default.createElement(Icons,{icon:icon.name,color:icon.color||defaultColor})),import_react49.default.createElement(NotificationTextWrapper,null,import_react49.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react49.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react49.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e3=>{e3.preventDefault(),onDismiss()}},import_react49.default.createElement(CloseAltIcon,{size:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,link,onClear,id,icon},onDismissNotification})=>{let dismissNotificationItem=()=>{onDismissNotification(id),onClear&&onClear({dismissed:!0})};return link?import_react49.default.createElement(NotificationLink,{to:link},import_react49.default.createElement(ItemContent,{icon,content}),import_react49.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem})):import_react49.default.createElement(Notification,null,import_react49.default.createElement(ItemContent,{icon,content}),import_react49.default.createElement(DismissNotificationItem,{onDismiss:dismissNotificationItem}))},NotificationItem_default=NotificationItem;var NotificationList=({notifications,clearNotification})=>import_react50.default.createElement(List,null,notifications&¬ifications.map(notification=>import_react50.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),List=newStyled.div({zIndex:200,position:"fixed",left:20,bottom:60,[MEDIA_DESKTOP_BREAKPOINT]:{bottom:20},"> * + *":{marginTop:10},"&:empty":{display:"none"}});var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),Notifications=props=>import_react51.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react51.default.createElement(NotificationList,{...props,...fromState}));var MINIMUM_CONTENT_WIDTH_PX=100,layoutStateIsEqual=(state,other)=>state.navSize===other.navSize&&state.bottomPanelHeight===other.bottomPanelHeight&&state.rightPanelWidth===other.rightPanelWidth&&state.panelPosition===other.panelPosition,useLayoutSyncingState=({managerLayoutState,setManagerLayoutState,isDesktop,hasTab})=>{let prevManagerLayoutStateRef=import_react52.default.useRef(managerLayoutState),[internalDraggingSizeState,setInternalDraggingSizeState]=(0,import_react52.useState)({...managerLayoutState,isDragging:!1});(0,import_react52.useEffect)(()=>{internalDraggingSizeState.isDragging||layoutStateIsEqual(managerLayoutState,prevManagerLayoutStateRef.current)||(prevManagerLayoutStateRef.current=managerLayoutState,setInternalDraggingSizeState(state=>({...state,...managerLayoutState})))},[internalDraggingSizeState.isDragging,managerLayoutState,setInternalDraggingSizeState]),(0,import_react52.useLayoutEffect)(()=>{if(internalDraggingSizeState.isDragging||layoutStateIsEqual(prevManagerLayoutStateRef.current,internalDraggingSizeState))return;let nextState={navSize:internalDraggingSizeState.navSize,bottomPanelHeight:internalDraggingSizeState.bottomPanelHeight,rightPanelWidth:internalDraggingSizeState.rightPanelWidth};prevManagerLayoutStateRef.current={...prevManagerLayoutStateRef.current,...nextState},setManagerLayoutState(nextState)},[internalDraggingSizeState,setManagerLayoutState]);let isPagesShown=managerLayoutState.viewMode!=="story"&&managerLayoutState.viewMode!=="docs",isPanelShown=managerLayoutState.viewMode==="story"&&!hasTab,{panelResizerRef,sidebarResizerRef}=useDragging({setState:setInternalDraggingSizeState,isPanelShown,isDesktop}),{navSize,rightPanelWidth,bottomPanelHeight}=internalDraggingSizeState.isDragging?internalDraggingSizeState:managerLayoutState;return{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,panelResizerRef,sidebarResizerRef,showPages:isPagesShown,showPanel:isPanelShown,isDragging:internalDraggingSizeState.isDragging}},Layout=({managerLayoutState,setManagerLayoutState,hasTab,...slots})=>{let{isDesktop,isMobile}=useLayout(),{navSize,rightPanelWidth,bottomPanelHeight,panelPosition,panelResizerRef,sidebarResizerRef,showPages,showPanel,isDragging}=useLayoutSyncingState({managerLayoutState,setManagerLayoutState,isDesktop,hasTab});return import_react52.default.createElement(LayoutContainer,{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,isDragging,viewMode:managerLayoutState.viewMode,showPanel},import_react52.default.createElement(Notifications,null),showPages&&import_react52.default.createElement(PagesContainer,null,slots.slotPages),import_react52.default.createElement(Match,{path:/(^\/story|docs|onboarding\/|^\/$)/,startsWith:!1},({match})=>import_react52.default.createElement(ContentContainer,{shown:!!match},slots.slotMain)),isDesktop&&import_react52.default.createElement(import_react52.default.Fragment,null,import_react52.default.createElement(SidebarContainer2,null,import_react52.default.createElement(Drag,{ref:sidebarResizerRef}),slots.slotSidebar),showPanel&&import_react52.default.createElement(PanelContainer,{position:panelPosition},import_react52.default.createElement(Drag,{orientation:panelPosition==="bottom"?"horizontal":"vertical",position:panelPosition==="bottom"?"left":"right",ref:panelResizerRef}),slots.slotPanel)),isMobile&&import_react52.default.createElement(MobileNavigation,{menu:slots.slotSidebar,panel:slots.slotPanel,showPanel}))},LayoutContainer=newStyled.div(({navSize,rightPanelWidth,bottomPanelHeight,viewMode,panelPosition,showPanel})=>({width:"100%",height:["100vh","100dvh"],overflow:"hidden",display:"flex",flexDirection:"column",[MEDIA_DESKTOP_BREAKPOINT]:{display:"grid",gap:0,gridTemplateColumns:`minmax(0, ${navSize}px) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, ${rightPanelWidth}px)`,gridTemplateRows:`1fr minmax(0, ${bottomPanelHeight}px)`,gridTemplateAreas:viewMode==="docs"||!showPanel?`"sidebar content content"
|
|
177
|
+
`),Shortcut=({keys})=>import_react25.default.createElement(import_react25.default.Fragment,null,import_react25.default.createElement(Key,null,keys.map((key,index)=>import_react25.default.createElement(KeyChild,{key},shortcutToHumanString([key]))))),useMenu=(state,api,showToolbar,isFullscreen,isPanelShown,isNavShown,enableShortcuts)=>{let theme=useTheme(),shortcutKeys=api.getShortcutKeys(),about=(0,import_react25.useMemo)(()=>({id:"about",title:"About your Storybook",onClick:()=>api.changeSettingsTab("about"),icon:import_react25.default.createElement(InfoIcon,null)}),[api]),documentation=(0,import_react25.useMemo)(()=>({id:"documentation",title:"Documentation",href:api.getDocsUrl({versioned:!0,renderer:!0}),icon:import_react25.default.createElement(ShareAltIcon,null)}),[api]),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,isWhatsNewUnread=api.isWhatsNewUnread(),whatsNew=(0,import_react25.useMemo)(()=>({id:"whats-new",title:"What's new?",onClick:()=>api.changeSettingsTab("whats-new"),right:whatsNewNotificationsEnabled&&isWhatsNewUnread&&import_react25.default.createElement(Badge,{status:"positive"},"Check it out"),icon:import_react25.default.createElement(WandIcon,null)}),[api,whatsNewNotificationsEnabled,isWhatsNewUnread]),shortcuts=(0,import_react25.useMemo)(()=>({id:"shortcuts",title:"Keyboard shortcuts",onClick:()=>api.changeSettingsTab("shortcuts"),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.shortcutsPage}):null,style:{borderBottom:`4px solid ${theme.appBorderColor}`}}),[api,enableShortcuts,shortcutKeys.shortcutsPage,theme.appBorderColor]),sidebarToggle=(0,import_react25.useMemo)(()=>({id:"S",title:"Show sidebar",onClick:()=>api.toggleNav(),active:isNavShown,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.toggleNav}):null,icon:isNavShown?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isNavShown]),toolbarToogle=(0,import_react25.useMemo)(()=>({id:"T",title:"Show toolbar",onClick:()=>api.toggleToolbar(),active:showToolbar,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.toolbar}):null,icon:showToolbar?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,showToolbar]),addonsToggle=(0,import_react25.useMemo)(()=>({id:"A",title:"Show addons",onClick:()=>api.togglePanel(),active:isPanelShown,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.togglePanel}):null,icon:isPanelShown?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isPanelShown]),addonsOrientationToggle=(0,import_react25.useMemo)(()=>({id:"D",title:"Change addons orientation",onClick:()=>api.togglePanelPosition(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.panelPosition}):null}),[api,enableShortcuts,shortcutKeys]),fullscreenToggle=(0,import_react25.useMemo)(()=>({id:"F",title:"Go full screen",onClick:()=>api.toggleFullscreen(),active:isFullscreen,right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.fullScreen}):null,icon:isFullscreen?import_react25.default.createElement(CheckIcon,null):null}),[api,enableShortcuts,shortcutKeys,isFullscreen]),searchToggle=(0,import_react25.useMemo)(()=>({id:"/",title:"Search",onClick:()=>api.focusOnUIElement(focusableUIElements.storySearchField),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.search}):null}),[api,enableShortcuts,shortcutKeys]),up=(0,import_react25.useMemo)(()=>({id:"up",title:"Previous component",onClick:()=>api.jumpToComponent(-1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.prevComponent}):null}),[api,enableShortcuts,shortcutKeys]),down=(0,import_react25.useMemo)(()=>({id:"down",title:"Next component",onClick:()=>api.jumpToComponent(1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.nextComponent}):null}),[api,enableShortcuts,shortcutKeys]),prev=(0,import_react25.useMemo)(()=>({id:"prev",title:"Previous story",onClick:()=>api.jumpToStory(-1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.prevStory}):null}),[api,enableShortcuts,shortcutKeys]),next=(0,import_react25.useMemo)(()=>({id:"next",title:"Next story",onClick:()=>api.jumpToStory(1),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.nextStory}):null}),[api,enableShortcuts,shortcutKeys]),collapse=(0,import_react25.useMemo)(()=>({id:"collapse",title:"Collapse all",onClick:()=>api.collapseAll(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:shortcutKeys.collapseAll}):null}),[api,enableShortcuts,shortcutKeys]),getAddonsShortcuts=(0,import_react25.useCallback)(()=>{let addonsShortcuts=api.getAddonsShortcuts(),keys=shortcutKeys;return Object.entries(addonsShortcuts).filter(([_2,{showInMenu}])=>showInMenu).map(([actionName,{label,action}])=>({id:actionName,title:label,onClick:()=>action(),right:enableShortcuts?import_react25.default.createElement(Shortcut,{keys:keys[actionName]}):null}))},[api,enableShortcuts,shortcutKeys]);return(0,import_react25.useMemo)(()=>[about,...state.whatsNewData?.status==="SUCCESS"?[whatsNew]:[],documentation,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,...getAddonsShortcuts()],[about,state,whatsNew,documentation,shortcuts,sidebarToggle,toolbarToogle,addonsToggle,addonsOrientationToggle,fullscreenToggle,searchToggle,up,down,prev,next,collapse,getAddonsShortcuts])};var Sidebar3=import_react26.default.memo(function({onMenuClick}){return import_react26.default.createElement(ManagerConsumer,{filter:({state,api})=>{let{ui:{name,url,enableShortcuts},viewMode,storyId,refId,layout:{showToolbar},index,status,indexError,previewInitialized,refs}=state,menu=useMenu(state,api,showToolbar,api.getIsFullscreen(),api.getIsPanelShown(),api.getIsNavShown(),enableShortcuts),whatsNewNotificationsEnabled=state.whatsNewData?.status==="SUCCESS"&&!state.disableWhatsNewNotifications,bottomItems=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_BOTTOM),topItems=api.getElements(Addon_TypesEnum.experimental_SIDEBAR_TOP),bottom=(0,import_react26.useMemo)(()=>Object.values(bottomItems),[Object.keys(bottomItems).join("")]),top=(0,import_react26.useMemo)(()=>Object.values(topItems),[Object.keys(topItems).join("")]);return{title:name,url,index,indexError,status,previewInitialized,refs,storyId,refId,viewMode,menu,menuHighlighted:whatsNewNotificationsEnabled&&api.isWhatsNewUnread(),enableShortcuts,bottom,extra:top}}},fromState=>import_react26.default.createElement(Sidebar,{...fromState,onMenuClick}))}),Sidebar_default=Sidebar3;var import_react38=__toESM(require_react()),import_memoizerific2=__toESM(require_memoizerific());var import_react36=__toESM(require_react());var PreviewContainer=newStyled.main({display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"}),FrameWrap=newStyled.div({overflow:"auto",width:"100%",zIndex:3,background:"transparent",flex:1}),CanvasWrap=newStyled.div({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%"},({show})=>({display:show?"grid":"none"})),UnstyledLink=newStyled(Link2)({color:"inherit",textDecoration:"inherit",display:"inline-block"}),DesktopOnly=newStyled.span({"@media (max-width: 599px)":{display:"none"}}),IframeWrapper=newStyled.div(({theme})=>({alignContent:"center",alignItems:"center",justifyContent:"center",justifyItems:"center",overflow:"auto",display:"grid",gridTemplateColumns:"100%",gridTemplateRows:"100%",position:"relative",width:"100%",height:"100%"})),LoaderWrapper=newStyled.div(({theme})=>({position:"absolute",top:0,left:0,bottom:0,right:0,background:theme.background.preview,zIndex:1}));var import_react27=__toESM(require_react());var initialZoom=1,Context=(0,import_react27.createContext)({value:initialZoom,set:v2=>{}}),ZoomProvider=class extends import_react27.Component{constructor(){super(...arguments);this.state={value:initialZoom};this.set=value=>this.setState({value})}render(){let{children,shouldScale}=this.props,{set}=this,{value}=this.state;return import_react27.default.createElement(Context.Provider,{value:{value:shouldScale?value:initialZoom,set}},children)}},{Consumer:ZoomConsumer}=Context,Zoom2=(0,import_react27.memo)(function({zoomIn,zoomOut,reset}){return import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(IconButton,{key:"zoomin",onClick:zoomIn,title:"Zoom in"},import_react27.default.createElement(ZoomIcon,null)),import_react27.default.createElement(IconButton,{key:"zoomout",onClick:zoomOut,title:"Zoom out"},import_react27.default.createElement(ZoomOutIcon,null)),import_react27.default.createElement(IconButton,{key:"zoomreset",onClick:reset,title:"Reset zoom"},import_react27.default.createElement(ZoomResetIcon,null)))});var ZoomWrapper=(0,import_react27.memo)(function({set,value}){let zoomIn=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(.8*value)},[set,value]),zoomOut=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(1.25*value)},[set,value]),reset=(0,import_react27.useCallback)(e3=>{e3.preventDefault(),set(initialZoom)},[set,initialZoom]);return import_react27.default.createElement(Zoom2,{key:"zoom",zoomIn,zoomOut,reset})});function ZoomToolRenderer(){return import_react27.default.createElement(import_react27.default.Fragment,null,import_react27.default.createElement(ZoomConsumer,null,({set,value})=>import_react27.default.createElement(ZoomWrapper,{set,value})),import_react27.default.createElement(Separator,null))}var zoomTool={title:"zoom",id:"zoom",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:ZoomToolRenderer};var import_react28=__toESM(require_react());var ApplyWrappers=({wrappers,id,storyId,children})=>import_react28.default.createElement(import_react28.Fragment,null,wrappers.reduceRight((acc,wrapper,index)=>import_react28.default.createElement(wrapper.render,{index,children:acc,id,storyId}),children)),defaultWrappers=[{id:"iframe-wrapper",type:Addon_TypesEnum.PREVIEW,render:p2=>import_react28.default.createElement(IframeWrapper,{id:"storybook-preview-wrapper"},p2.children)}];var import_react33=__toESM(require_react());var import_react29=__toESM(require_react()),import_copy_to_clipboard=__toESM(require_copy_to_clipboard());var{PREVIEW_URL,document:document8}=scope,copyMapper=({state})=>{let{storyId,refId,refs}=state,{location}=document8,ref=refs[refId],baseUrl=`${location.origin}${location.pathname}`;return baseUrl.endsWith("/")||(baseUrl+="/"),{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL||`${baseUrl}iframe.html`,storyId,queryParams:state.customQueryParams}},copyTool={title:"copy",id:"copy",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react29.default.createElement(ManagerConsumer,{filter:copyMapper},({baseUrl,storyId,queryParams})=>storyId?import_react29.default.createElement(IconButton,{key:"copy",onClick:()=>(0,import_copy_to_clipboard.default)(getStoryHref(baseUrl,storyId,queryParams)),title:"Copy canvas link"},import_react29.default.createElement(LinkIcon,null)):null)};var import_react30=__toESM(require_react());var{PREVIEW_URL:PREVIEW_URL2}=scope,ejectMapper=({state})=>{let{storyId,refId,refs}=state,ref=refs[refId];return{refId,baseUrl:ref?`${ref.url}/iframe.html`:PREVIEW_URL2||"iframe.html",storyId,queryParams:state.customQueryParams}},ejectTool={title:"eject",id:"eject",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react30.default.createElement(ManagerConsumer,{filter:ejectMapper},({baseUrl,storyId,queryParams})=>storyId?import_react30.default.createElement(IconButton,{key:"opener",asChild:!0},import_react30.default.createElement("a",{href:getStoryHref(baseUrl,storyId,queryParams),target:"_blank",rel:"noopener noreferrer",title:"Open canvas in new tab"},import_react30.default.createElement(ShareAltIcon,null))):null)};var import_react31=__toESM(require_react());var menuMapper=({api,state})=>({isVisible:api.getIsPanelShown(),singleStory:state.singleStory,panelPosition:state.layout.panelPosition,toggle:()=>api.togglePanel()}),addonsTool={title:"addons",id:"addons",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react31.default.createElement(ManagerConsumer,{filter:menuMapper},({isVisible,toggle,singleStory,panelPosition})=>!singleStory&&!isVisible&&import_react31.default.createElement(import_react31.default.Fragment,null,import_react31.default.createElement(IconButton,{"aria-label":"Show addons",key:"addons",onClick:toggle,title:"Show addons"},panelPosition==="bottom"?import_react31.default.createElement(BottomBarIcon,null):import_react31.default.createElement(SidebarAltIcon,null))))};var import_react32=__toESM(require_react());var StyledAnimatedIconButton=newStyled(IconButton)(({theme,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme.animation.rotate360} 1000ms ease-out`}})),menuMapper2=({api,state})=>{let{storyId}=state;return{storyId,remount:()=>api.emit(FORCE_REMOUNT,{storyId:state.storyId}),api}},remountTool={title:"remount",id:"remount",type:typesX.TOOL,match:({viewMode,tabId})=>viewMode==="story"&&!tabId,render:()=>import_react32.default.createElement(ManagerConsumer,{filter:menuMapper2},({remount,storyId,api})=>{let[isAnimating,setIsAnimating]=(0,import_react32.useState)(!1),remountComponent=()=>{storyId&&remount()};return api.on(FORCE_REMOUNT,()=>{setIsAnimating(!0)}),import_react32.default.createElement(StyledAnimatedIconButton,{key:"remount",title:"Remount component",onClick:remountComponent,onAnimationEnd:()=>setIsAnimating(!1),animating:isAnimating,disabled:!storyId},import_react32.default.createElement(SyncIcon,null))})};var fullScreenMapper=({api,state})=>({toggle:api.toggleFullscreen,isFullscreen:api.getIsFullscreen(),shortcut:shortcutToHumanString(api.getShortcutKeys().fullScreen),hasPanel:Object.keys(api.getElements(Addon_TypesEnum.PANEL)).length>0,singleStory:state.singleStory}),fullScreenTool={title:"fullscreen",id:"fullscreen",type:typesX.TOOL,match:p2=>["story","docs"].includes(p2.viewMode),render:()=>{let{isMobile}=useLayout();return isMobile?null:import_react33.default.createElement(ManagerConsumer,{filter:fullScreenMapper},({toggle,isFullscreen,shortcut,hasPanel,singleStory})=>(!singleStory||singleStory&&hasPanel)&&import_react33.default.createElement(IconButton,{key:"full",onClick:toggle,title:`${isFullscreen?"Exit full screen":"Go full screen"} [${shortcut}]`,"aria-label":isFullscreen?"Exit full screen":"Go full screen"},isFullscreen?import_react33.default.createElement(CloseIcon,null):import_react33.default.createElement(ExpandIcon,null)))}};var ToolbarComp=import_react33.default.memo(function({isShown,tools,toolsExtra,tabs,tabId,api}){return tabs||tools||toolsExtra?import_react33.default.createElement(Toolbar,{className:"sb-bar",key:"toolbar",shown:isShown,"data-test-id":"sb-preview-toolbar"},import_react33.default.createElement(ToolbarInner,null,import_react33.default.createElement(ToolbarLeft,null,tabs.length>1?import_react33.default.createElement(import_react33.Fragment,null,import_react33.default.createElement(TabBar,{key:"tabs"},tabs.map((tab,index)=>import_react33.default.createElement(TabButton,{disabled:tab.disabled,active:tab.id===tabId||tab.id==="canvas"&&!tabId,onClick:()=>{api.applyQueryParams({tab:tab.id==="canvas"?void 0:tab.id})},key:tab.id||`tab-${index}`},tab.title))),import_react33.default.createElement(Separator,null)):null,import_react33.default.createElement(Tools,{key:"left",list:tools})),import_react33.default.createElement(ToolbarRight,null,import_react33.default.createElement(Tools,{key:"right",list:toolsExtra})))):null}),Tools=import_react33.default.memo(function({list}){return import_react33.default.createElement(import_react33.default.Fragment,null,list.filter(Boolean).map(({render:Render,id,...t3},index)=>import_react33.default.createElement(Render,{key:id||t3.key||`f-${index}`})))});function toolbarItemHasBeenExcluded(item,entry){let parameters=entry?.type==="story"&&entry?.prepared?entry?.parameters:{},toolbarItemsFromStoryParameters="toolbar"in parameters?parameters.toolbar:void 0,{toolbar:toolbarItemsFromAddonsConfig}=addons.getConfig(),toolbarItems=merge_default(toolbarItemsFromAddonsConfig,toolbarItemsFromStoryParameters);return toolbarItems?!!toolbarItems[item?.id]?.hidden:!1}function filterToolsSide(tools,entry,viewMode,location,path,tabId){let filter=item=>item&&(!item.match||item.match({storyId:entry?.id,refId:entry?.refId,viewMode,location,path,tabId}))&&!toolbarItemHasBeenExcluded(item,entry);return tools.filter(filter)}var Toolbar=newStyled.div(({theme,shown})=>({position:"relative",color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflowX:"auto",overflowY:"hidden",marginTop:shown?0:-40,boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg,zIndex:4})),ToolbarInner=newStyled.div({position:"absolute",width:"calc(100% - 20px)",display:"flex",justifyContent:"space-between",flexWrap:"nowrap",flexShrink:0,height:40,marginLeft:10,marginRight:10}),ToolbarLeft=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",gap:6,alignItems:"center"}),ToolbarRight=newStyled(ToolbarLeft)({marginLeft:30});var import_react35=__toESM(require_react());var import_react34=__toESM(require_react());var StyledIframe=newStyled.iframe(({theme})=>({backgroundColor:theme.background.preview,display:"block",boxSizing:"content-box",height:"100%",width:"100%",border:"0 none",transition:"background-position 0s, visibility 0s",backgroundPosition:"-1px -1px, -1px -1px, -1px -1px, -1px -1px",margin:"auto",boxShadow:"0 0 100px 100vw rgba(0,0,0,0.5)"}));function IFrame(props){let{active,id,title,src,allowFullScreen,scale,...rest}=props,iFrameRef=import_react34.default.useRef(null);return import_react34.default.createElement(Zoom.IFrame,{scale,active,iFrameRef},import_react34.default.createElement(StyledIframe,{"data-is-storybook":active?"true":"false",onLoad:e3=>e3.currentTarget.setAttribute("data-is-loaded","true"),id,title,src,allow:"clipboard-write;",allowFullScreen,ref:iFrameRef,...rest}))}var import_qs=__toESM(require_lib()),stringifyQueryParams=queryParams=>import_qs.default.stringify(queryParams,{addQueryPrefix:!0,encode:!1}).replace(/^\?/,"&");var getActive=(refId,refs)=>refId&&refs[refId]?`storybook-ref-${refId}`:"storybook-preview-iframe",SkipToSidebarLink=newStyled(Button)(({theme})=>({display:"none","@media (min-width: 600px)":{position:"absolute",display:"block",top:10,right:15,padding:"10px 15px",fontSize:theme.typography.size.s1,transform:"translateY(-100px)","&:focus":{transform:"translateY(0)",zIndex:1}}})),whenSidebarIsVisible=({api,state})=>({isFullscreen:api.getIsFullscreen(),isNavShown:api.getIsNavShown(),selectedStoryId:state.storyId}),styles={'#root [data-is-storybook="false"]':{display:"none"},'#root [data-is-storybook="true"]':{display:"block"}},FramesRenderer=({refs,scale,viewMode="story",refId,queryParams={},baseUrl,storyId="*"})=>{let version=refs[refId]?.version,stringifiedQueryParams=stringifyQueryParams({...queryParams,...version&&{version}}),active=getActive(refId,refs),{current:frames}=(0,import_react35.useRef)({}),refsToLoad=Object.values(refs).filter(ref=>ref.type==="auto-inject"||ref.id===refId,{});return frames["storybook-preview-iframe"]||(frames["storybook-preview-iframe"]=getStoryHref(baseUrl,storyId,{...queryParams,...version&&{version},viewMode})),refsToLoad.forEach(ref=>{let id=`storybook-ref-${ref.id}`,existingUrl=frames[id]?.split("/iframe.html")[0];if(!existingUrl||ref.url!==existingUrl){let newUrl=`${ref.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${ref.id}${stringifiedQueryParams}`;frames[id]=newUrl}}),import_react35.default.createElement(import_react35.Fragment,null,import_react35.default.createElement(Global,{styles}),import_react35.default.createElement(ManagerConsumer,{filter:whenSidebarIsVisible},({isFullscreen,isNavShown,selectedStoryId})=>isFullscreen||!isNavShown||!selectedStoryId?null:import_react35.default.createElement(SkipToSidebarLink,{asChild:!0},import_react35.default.createElement("a",{href:`#${selectedStoryId}`,tabIndex:0,title:"Skip to sidebar"},"Skip to sidebar"))),Object.entries(frames).map(([id,src])=>import_react35.default.createElement(import_react35.Fragment,{key:id},import_react35.default.createElement(IFrame,{active:id===active,key:id,id,title:id,src,allowFullScreen:!0,scale}))))};var canvasMapper=({state,api})=>({storyId:state.storyId,refId:state.refId,viewMode:state.viewMode,customCanvas:api.renderPreview,queryParams:state.customQueryParams,getElements:api.getElements,entry:api.getData(state.storyId,state.refId),previewInitialized:state.previewInitialized,refs:state.refs}),createCanvasTab=()=>({id:"canvas",type:typesX.TAB,title:"Canvas",route:({storyId,refId})=>refId?`/story/${refId}_${storyId}`:`/story/${storyId}`,match:({viewMode})=>!!(viewMode&&viewMode.match(/^(story|docs)$/)),render:()=>null}),Preview=import_react36.default.memo(function(props){let{api,id:previewId,options:options2,viewMode,storyId,entry=void 0,description,baseUrl,withLoader=!0,tools,toolsExtra,tabs,wrappers,tabId}=props,tabContent=tabs.find(tab=>tab.id===tabId)?.render,shouldScale=viewMode==="story",{showToolbar}=options2,previousStoryId=(0,import_react36.useRef)(storyId);return(0,import_react36.useEffect)(()=>{if(entry&&viewMode){if(storyId===previousStoryId.current)return;if(previousStoryId.current=storyId,viewMode.match(/docs|story/)){let{refId,id}=entry;api.emit(SET_CURRENT_STORY,{storyId:id,viewMode,options:{target:refId}})}}},[entry,viewMode,storyId,api]),import_react36.default.createElement(import_react36.Fragment,null,previewId==="main"&&import_react36.default.createElement(W,{key:"description"},import_react36.default.createElement("title",null,description)),import_react36.default.createElement(ZoomProvider,{shouldScale},import_react36.default.createElement(PreviewContainer,null,import_react36.default.createElement(ToolbarComp,{key:"tools",isShown:showToolbar,tabId,tabs,tools,toolsExtra,api}),import_react36.default.createElement(FrameWrap,{key:"frame"},tabContent&&import_react36.default.createElement(IframeWrapper,null,tabContent({active:!0})),import_react36.default.createElement(CanvasWrap,{show:!tabId},import_react36.default.createElement(Canvas,{withLoader,baseUrl,wrappers}))))))});var Canvas=({baseUrl,withLoader,wrappers})=>import_react36.default.createElement(ManagerConsumer,{filter:canvasMapper},({entry,refs,customCanvas,storyId,refId,viewMode,queryParams,previewInitialized})=>{let id="canvas",[progress,setProgress]=(0,import_react36.useState)(void 0);(0,import_react36.useEffect)(()=>{if(scope.CONFIG_TYPE==="DEVELOPMENT")try{addons.getChannel().on(PREVIEW_BUILDER_PROGRESS,options2=>{setProgress(options2)})}catch{}},[]);let refLoading=!!refs[refId]&&!refs[refId].previewInitialized,isBuilding=!(progress?.value===1||progress===void 0),rootLoading=!refId&&(!previewInitialized||isBuilding),isLoading=entry&&refLoading||rootLoading;return import_react36.default.createElement(ZoomConsumer,null,({value:scale})=>import_react36.default.createElement(import_react36.default.Fragment,null,withLoader&&isLoading&&import_react36.default.createElement(LoaderWrapper,null,import_react36.default.createElement(Loader,{id:"preview-loader",role:"progressbar",progress})),import_react36.default.createElement(ApplyWrappers,{id,storyId,viewMode,wrappers},customCanvas?customCanvas(storyId,viewMode,id,baseUrl,scale,queryParams):import_react36.default.createElement(FramesRenderer,{baseUrl,refs,scale,entry,viewMode,refId,queryParams,storyId}))))});function filterTabs(panels,parameters){let{previewTabs}=addons.getConfig(),parametersTabs=parameters?parameters.previewTabs:void 0;if(previewTabs||parametersTabs){let tabs=merge_default(previewTabs,parametersTabs),arrTabs=Object.keys(tabs).map((key,index)=>({index,...typeof tabs[key]=="string"?{title:tabs[key]}:tabs[key],id:key}));return panels.filter(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3===void 0||t3.id==="canvas"||!t3.hidden}).map((panel,index)=>({...panel,index})).sort((p1,p2)=>{let tab_1=arrTabs.find(tab=>tab.id===p1.id),index_1=tab_1?tab_1.index:arrTabs.length+p1.index,tab_2=arrTabs.find(tab=>tab.id===p2.id),index_2=tab_2?tab_2.index:arrTabs.length+p2.index;return index_1-index_2}).map(panel=>{let t3=arrTabs.find(tab=>tab.id===panel.id);return t3?{...panel,title:t3.title||panel.title,disabled:t3.disabled,hidden:t3.hidden}:panel})}return panels}var import_react37=__toESM(require_react());var menuMapper3=({api,state})=>({isVisible:api.getIsNavShown(),singleStory:state.singleStory,toggle:()=>api.toggleNav()}),menuTool={title:"menu",id:"menu",type:typesX.TOOL,match:({viewMode})=>["story","docs"].includes(viewMode),render:()=>import_react37.default.createElement(ManagerConsumer,{filter:menuMapper3},({isVisible,toggle,singleStory})=>!singleStory&&!isVisible&&import_react37.default.createElement(import_react37.default.Fragment,null,import_react37.default.createElement(IconButton,{"aria-label":"Show sidebar",key:"menu",onClick:toggle,title:"Show sidebar"},import_react37.default.createElement(MenuIcon,null)),import_react37.default.createElement(Separator,null)))};var defaultTabs=[createCanvasTab()],defaultTools=[menuTool,remountTool,zoomTool],defaultToolsExtra=[addonsTool,fullScreenTool,ejectTool,copyTool],emptyTabsList=[],memoizedTabs=(0,import_memoizerific2.default)(1)((_2,tabElements,parameters,showTabs)=>showTabs?filterTabs([...defaultTabs,...Object.values(tabElements)],parameters):emptyTabsList),memoizedTools=(0,import_memoizerific2.default)(1)((_2,toolElements,filterProps)=>filterToolsSide([...defaultTools,...Object.values(toolElements)],...filterProps)),memoizedExtra=(0,import_memoizerific2.default)(1)((_2,extraElements,filterProps)=>filterToolsSide([...defaultToolsExtra,...Object.values(extraElements)],...filterProps)),memoizedWrapper=(0,import_memoizerific2.default)(1)((_2,previewElements)=>[...defaultWrappers,...Object.values(previewElements)]),{PREVIEW_URL:PREVIEW_URL3}=scope,splitTitleAddExtraSpace=input=>input.split("/").join(" / ").replace(/\s\s/," "),getDescription=item=>{if(item?.type==="story"||item?.type==="docs"){let{title,name}=item;return title&&name?splitTitleAddExtraSpace(`${title} - ${name} \u22C5 Storybook`):"Storybook"}return item?.name?`${item.name} \u22C5 Storybook`:"Storybook"},mapper=({api,state})=>{let{layout,location,customQueryParams,storyId,refs,viewMode,path,refId}=state,entry=api.getData(storyId,refId),tabsList=Object.values(api.getElements(Addon_TypesEnum.TAB)),wrapperList=Object.values(api.getElements(Addon_TypesEnum.PREVIEW)),toolsList=Object.values(api.getElements(Addon_TypesEnum.TOOL)),toolsExtraList=Object.values(api.getElements(Addon_TypesEnum.TOOLEXTRA)),tabId=api.getQueryParam("tab"),tools=memoizedTools(toolsList.length,api.getElements(Addon_TypesEnum.TOOL),[entry,viewMode,location,path,tabId]),toolsExtra=memoizedExtra(toolsExtraList.length,api.getElements(Addon_TypesEnum.TOOLEXTRA),[entry,viewMode,location,path,tabId]);return{api,entry,options:layout,description:getDescription(entry),viewMode,refs,storyId,baseUrl:PREVIEW_URL3||"iframe.html",queryParams:customQueryParams,tools,toolsExtra,tabs:memoizedTabs(tabsList.length,api.getElements(Addon_TypesEnum.TAB),entry?entry.parameters:void 0,layout.showTabs),wrappers:memoizedWrapper(wrapperList.length,api.getElements(Addon_TypesEnum.PREVIEW)),tabId}},PreviewConnected=import_react38.default.memo(function(props){return import_react38.default.createElement(ManagerConsumer,{filter:mapper},fromState=>import_react38.default.createElement(Preview,{...props,...fromState}))}),Preview_default=PreviewConnected;var import_react40=__toESM(require_react()),import_memoizerific3=__toESM(require_memoizerific());var import_react39=__toESM(require_react());var SafeTab=class extends import_react39.Component{constructor(props){super(props),this.state={hasError:!1}}componentDidCatch(error,info){this.setState({hasError:!0}),console.error(error,info)}render(){let{hasError}=this.state,{children}=this.props;return hasError?import_react39.default.createElement("h1",null,"Something went wrong."):children}},AddonPanel=import_react39.default.memo(({panels,shortcuts,actions,selectedPanel=null,panelPosition="right",absolute=!0})=>{let{isDesktop,setMobilePanelOpen}=useLayout();return import_react39.default.createElement(Tabs,{absolute,...selectedPanel?{selected:selectedPanel}:{},menuName:"Addons",actions,showToolsWhenEmpty:!0,emptyState:import_react39.default.createElement(EmptyTabContent,{title:"Storybook add-ons",description:import_react39.default.createElement(import_react39.default.Fragment,null,"Integrate your tools with Storybook to connect workflows and unlock advanced features."),footer:import_react39.default.createElement(Link22,{href:"https://storybook.js.org/integrations",target:"_blank",withArrow:!0},import_react39.default.createElement(DocumentIcon,null)," Explore integrations catalog")}),tools:import_react39.default.createElement(Actions,null,isDesktop?import_react39.default.createElement(import_react39.default.Fragment,null,import_react39.default.createElement(IconButton,{key:"position",onClick:actions.togglePosition,title:`Change addon orientation [${shortcutToHumanString(shortcuts.panelPosition)}]`},panelPosition==="bottom"?import_react39.default.createElement(SidebarAltIcon,null):import_react39.default.createElement(BottomBarIcon,null)),import_react39.default.createElement(IconButton,{key:"visibility",onClick:actions.toggleVisibility,title:`Hide addons [${shortcutToHumanString(shortcuts.togglePanel)}]`},import_react39.default.createElement(CloseIcon,null))):import_react39.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!1),title:"Close addon panel"},import_react39.default.createElement(CloseIcon,null))),id:"storybook-panel-root"},Object.entries(panels).map(([k2,v2])=>import_react39.default.createElement(SafeTab,{key:k2,id:k2,title:typeof v2.title=="function"?import_react39.default.createElement(v2.title,null):v2.title},v2.render)))});AddonPanel.displayName="AddonPanel";var Actions=newStyled.div({display:"flex",alignItems:"center",gap:6});var createPanelActions=(0,import_memoizerific3.default)(1)(api=>({onSelect:panel=>api.setSelectedPanel(panel),toggleVisibility:()=>api.togglePanel(),togglePosition:()=>api.togglePanelPosition()})),getPanels=api=>{let allPanels=api.getElements(Addon_TypesEnum.PANEL),story=api.getCurrentStoryData();if(!allPanels||!story||story.type!=="story")return allPanels;let{parameters}=story,filteredPanels={};return Object.entries(allPanels).forEach(([id,panel])=>{let{paramKey}=panel;paramKey&¶meters&¶meters[paramKey]&¶meters[paramKey].disable||(filteredPanels[id]=panel)}),filteredPanels},mapper2=({state,api})=>({panels:getPanels(api),selectedPanel:api.getSelectedPanel(),panelPosition:state.layout.panelPosition,actions:createPanelActions(api),shortcuts:api.getShortcutKeys()}),Panel=props=>import_react40.default.createElement(ManagerConsumer,{filter:mapper2},customProps=>import_react40.default.createElement(AddonPanel,{...props,...customProps})),Panel_default=Panel;var import_react52=__toESM(require_react());var import_react41=__toESM(require_react()),SNAP_THRESHOLD_PX=30,SIDEBAR_MIN_WIDTH_PX=240,RIGHT_PANEL_MIN_WIDTH_PX=270,MIN_WIDTH_STIFFNESS=.9;function clamp(value,min,max){return Math.min(Math.max(value,min),max)}function interpolate(relativeValue,min,max){return min+(max-min)*relativeValue}function useDragging({setState,isPanelShown,isDesktop}){let panelResizerRef=(0,import_react41.useRef)(null),sidebarResizerRef=(0,import_react41.useRef)(null);return(0,import_react41.useEffect)(()=>{let panelResizer=panelResizerRef.current,sidebarResizer=sidebarResizerRef.current,previewIframe=document.querySelector("#storybook-preview-iframe"),draggedElement=null,onDragStart=e3=>{e3.preventDefault(),setState(state=>({...state,isDragging:!0})),e3.currentTarget===panelResizer?draggedElement=panelResizer:e3.currentTarget===sidebarResizer&&(draggedElement=sidebarResizer),window.addEventListener("mousemove",onDrag),window.addEventListener("mouseup",onDragEnd),previewIframe&&(previewIframe.style.pointerEvents="none")},onDragEnd=e3=>{setState(state=>draggedElement===sidebarResizer&&state.navSize<SIDEBAR_MIN_WIDTH_PX&&state.navSize>0?{...state,isDragging:!1,navSize:SIDEBAR_MIN_WIDTH_PX}:draggedElement===panelResizer&&state.panelPosition==="right"&&state.rightPanelWidth<RIGHT_PANEL_MIN_WIDTH_PX&&state.rightPanelWidth>0?{...state,isDragging:!1,rightPanelWidth:RIGHT_PANEL_MIN_WIDTH_PX}:{...state,isDragging:!1}),window.removeEventListener("mousemove",onDrag),window.removeEventListener("mouseup",onDragEnd),previewIframe?.removeAttribute("style"),draggedElement=null},onDrag=e3=>{if(e3.buttons===0){onDragEnd(e3);return}setState(state=>{if(draggedElement===sidebarResizer){let sidebarDragX=e3.clientX;return sidebarDragX===state.navSize?state:sidebarDragX<=SNAP_THRESHOLD_PX?{...state,navSize:0}:sidebarDragX<=SIDEBAR_MIN_WIDTH_PX?{...state,navSize:interpolate(MIN_WIDTH_STIFFNESS,sidebarDragX,SIDEBAR_MIN_WIDTH_PX)}:{...state,navSize:clamp(sidebarDragX,0,e3.view.innerWidth)}}if(draggedElement===panelResizer){let sizeAxisState=state.panelPosition==="bottom"?"bottomPanelHeight":"rightPanelWidth",panelDragSize=state.panelPosition==="bottom"?e3.view.innerHeight-e3.clientY:e3.view.innerWidth-e3.clientX;if(panelDragSize===state[sizeAxisState])return state;if(panelDragSize<=SNAP_THRESHOLD_PX)return{...state,[sizeAxisState]:0};if(state.panelPosition==="right"&&panelDragSize<=RIGHT_PANEL_MIN_WIDTH_PX)return{...state,[sizeAxisState]:interpolate(MIN_WIDTH_STIFFNESS,panelDragSize,RIGHT_PANEL_MIN_WIDTH_PX)};let sizeAxisMax=state.panelPosition==="bottom"?e3.view.innerHeight:e3.view.innerWidth;return{...state,[sizeAxisState]:clamp(panelDragSize,0,sizeAxisMax)}}return state})};return panelResizer?.addEventListener("mousedown",onDragStart),sidebarResizer?.addEventListener("mousedown",onDragStart),()=>{panelResizer?.removeEventListener("mousedown",onDragStart),sidebarResizer?.removeEventListener("mousedown",onDragStart),previewIframe?.removeAttribute("style")}},[isPanelShown,isDesktop,setState]),{panelResizerRef,sidebarResizerRef}}var import_react48=__toESM(require_react());var import_react46=__toESM(require_react());function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i3;for(i3=0;i3<sourceKeys.length;i3++)key=sourceKeys[i3],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var import_prop_types4=__toESM(require_prop_types()),import_react43=__toESM(require_react()),import_react_dom=__toESM(require_react_dom());var config_default={disabled:!1};var import_prop_types3=__toESM(require_prop_types()),timeoutsShape=import_prop_types3.default.oneOfType([import_prop_types3.default.number,import_prop_types3.default.shape({enter:import_prop_types3.default.number,exit:import_prop_types3.default.number,appear:import_prop_types3.default.number}).isRequired]),classNamesShape=import_prop_types3.default.oneOfType([import_prop_types3.default.string,import_prop_types3.default.shape({enter:import_prop_types3.default.string,exit:import_prop_types3.default.string,active:import_prop_types3.default.string}),import_prop_types3.default.shape({enter:import_prop_types3.default.string,enterDone:import_prop_types3.default.string,enterActive:import_prop_types3.default.string,exit:import_prop_types3.default.string,exitDone:import_prop_types3.default.string,exitActive:import_prop_types3.default.string})]);var import_react42=__toESM(require_react()),TransitionGroupContext_default=import_react42.default.createContext(null);var forceReflow=function(node){return node.scrollTop};var UNMOUNTED="unmounted",EXITED="exited",ENTERING="entering",ENTERED="entered",EXITING="exiting",Transition=function(_React$Component){_inheritsLoose(Transition2,_React$Component);function Transition2(props,context){var _this;_this=_React$Component.call(this,props,context)||this;var parentGroup=context,appear=parentGroup&&!parentGroup.isMounting?props.enter:props.appear,initialStatus;return _this.appearStatus=null,props.in?appear?(initialStatus=EXITED,_this.appearStatus=ENTERING):initialStatus=ENTERED:props.unmountOnExit||props.mountOnEnter?initialStatus=UNMOUNTED:initialStatus=EXITED,_this.state={status:initialStatus},_this.nextCallback=null,_this}Transition2.getDerivedStateFromProps=function(_ref,prevState){var nextIn=_ref.in;return nextIn&&prevState.status===UNMOUNTED?{status:EXITED}:null};var _proto=Transition2.prototype;return _proto.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},_proto.componentDidUpdate=function(prevProps){var nextStatus=null;if(prevProps!==this.props){var status=this.state.status;this.props.in?status!==ENTERING&&status!==ENTERED&&(nextStatus=ENTERING):(status===ENTERING||status===ENTERED)&&(nextStatus=EXITING)}this.updateStatus(!1,nextStatus)},_proto.componentWillUnmount=function(){this.cancelNextCallback()},_proto.getTimeouts=function(){var timeout2=this.props.timeout,exit,enter,appear;return exit=enter=appear=timeout2,timeout2!=null&&typeof timeout2!="number"&&(exit=timeout2.exit,enter=timeout2.enter,appear=timeout2.appear!==void 0?timeout2.appear:enter),{exit,enter,appear}},_proto.updateStatus=function(mounting,nextStatus){if(mounting===void 0&&(mounting=!1),nextStatus!==null)if(this.cancelNextCallback(),nextStatus===ENTERING){if(this.props.unmountOnExit||this.props.mountOnEnter){var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this);node&&forceReflow(node)}this.performEnter(mounting)}else this.performExit();else this.props.unmountOnExit&&this.state.status===EXITED&&this.setState({status:UNMOUNTED})},_proto.performEnter=function(mounting){var _this2=this,enter=this.props.enter,appearing=this.context?this.context.isMounting:mounting,_ref2=this.props.nodeRef?[appearing]:[import_react_dom.default.findDOMNode(this),appearing],maybeNode=_ref2[0],maybeAppearing=_ref2[1],timeouts=this.getTimeouts(),enterTimeout=appearing?timeouts.appear:timeouts.enter;if(!mounting&&!enter||config_default.disabled){this.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode)});return}this.props.onEnter(maybeNode,maybeAppearing),this.safeSetState({status:ENTERING},function(){_this2.props.onEntering(maybeNode,maybeAppearing),_this2.onTransitionEnd(enterTimeout,function(){_this2.safeSetState({status:ENTERED},function(){_this2.props.onEntered(maybeNode,maybeAppearing)})})})},_proto.performExit=function(){var _this3=this,exit=this.props.exit,timeouts=this.getTimeouts(),maybeNode=this.props.nodeRef?void 0:import_react_dom.default.findDOMNode(this);if(!exit||config_default.disabled){this.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)});return}this.props.onExit(maybeNode),this.safeSetState({status:EXITING},function(){_this3.props.onExiting(maybeNode),_this3.onTransitionEnd(timeouts.exit,function(){_this3.safeSetState({status:EXITED},function(){_this3.props.onExited(maybeNode)})})})},_proto.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},_proto.safeSetState=function(nextState,callback){callback=this.setNextCallback(callback),this.setState(nextState,callback)},_proto.setNextCallback=function(callback){var _this4=this,active=!0;return this.nextCallback=function(event){active&&(active=!1,_this4.nextCallback=null,callback(event))},this.nextCallback.cancel=function(){active=!1},this.nextCallback},_proto.onTransitionEnd=function(timeout2,handler){this.setNextCallback(handler);var node=this.props.nodeRef?this.props.nodeRef.current:import_react_dom.default.findDOMNode(this),doesNotHaveTimeoutOrListener=timeout2==null&&!this.props.addEndListener;if(!node||doesNotHaveTimeoutOrListener){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var _ref3=this.props.nodeRef?[this.nextCallback]:[node,this.nextCallback],maybeNode=_ref3[0],maybeNextCallback=_ref3[1];this.props.addEndListener(maybeNode,maybeNextCallback)}timeout2!=null&&setTimeout(this.nextCallback,timeout2)},_proto.render=function(){var status=this.state.status;if(status===UNMOUNTED)return null;var _this$props=this.props,children=_this$props.children,_in=_this$props.in,_mountOnEnter=_this$props.mountOnEnter,_unmountOnExit=_this$props.unmountOnExit,_appear=_this$props.appear,_enter=_this$props.enter,_exit=_this$props.exit,_timeout=_this$props.timeout,_addEndListener=_this$props.addEndListener,_onEnter=_this$props.onEnter,_onEntering=_this$props.onEntering,_onEntered=_this$props.onEntered,_onExit=_this$props.onExit,_onExiting=_this$props.onExiting,_onExited=_this$props.onExited,_nodeRef=_this$props.nodeRef,childProps=_objectWithoutPropertiesLoose(_this$props,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return import_react43.default.createElement(TransitionGroupContext_default.Provider,{value:null},typeof children=="function"?children(status,childProps):import_react43.default.cloneElement(import_react43.default.Children.only(children),childProps))},Transition2}(import_react43.default.Component);Transition.contextType=TransitionGroupContext_default;Transition.propTypes={nodeRef:import_prop_types4.default.shape({current:typeof Element>"u"?import_prop_types4.default.any:function(propValue,key,componentName,location,propFullName,secret){var value=propValue[key];return import_prop_types4.default.instanceOf(value&&"ownerDocument"in value?value.ownerDocument.defaultView.Element:Element)(propValue,key,componentName,location,propFullName,secret)}}),children:import_prop_types4.default.oneOfType([import_prop_types4.default.func.isRequired,import_prop_types4.default.element.isRequired]).isRequired,in:import_prop_types4.default.bool,mountOnEnter:import_prop_types4.default.bool,unmountOnExit:import_prop_types4.default.bool,appear:import_prop_types4.default.bool,enter:import_prop_types4.default.bool,exit:import_prop_types4.default.bool,timeout:function(props){var pt=timeoutsShape;props.addEndListener||(pt=pt.isRequired);for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return pt.apply(void 0,[props].concat(args))},addEndListener:import_prop_types4.default.func,onEnter:import_prop_types4.default.func,onEntering:import_prop_types4.default.func,onEntered:import_prop_types4.default.func,onExit:import_prop_types4.default.func,onExiting:import_prop_types4.default.func,onExited:import_prop_types4.default.func};function noop3(){}Transition.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:noop3,onEntering:noop3,onEntered:noop3,onExit:noop3,onExiting:noop3,onExited:noop3};Transition.UNMOUNTED=UNMOUNTED;Transition.EXITED=EXITED;Transition.ENTERING=ENTERING;Transition.ENTERED=ENTERED;Transition.EXITING=EXITING;var Transition_default=Transition;var import_react45=__toESM(require_react());var import_react44=__toESM(require_react());var UpgradeBlock=({onNavigateToWhatsNew})=>{let api=useStorybookApi(),[activeTab,setActiveTab]=(0,import_react44.useState)("npm");return import_react44.default.createElement(Container3,null,import_react44.default.createElement("strong",null,"You are on Storybook ",api.getCurrentVersion().version),import_react44.default.createElement("p",null,"Run the following script to check for updates and upgrade to the latest version."),import_react44.default.createElement(Tabs2,null,import_react44.default.createElement(ButtonTab,{active:activeTab==="npm",onClick:()=>setActiveTab("npm")},"npm"),import_react44.default.createElement(ButtonTab,{active:activeTab==="pnpm",onClick:()=>setActiveTab("pnpm")},"pnpm")),import_react44.default.createElement(Code,null,activeTab==="npm"?"npx storybook@latest upgrade":"pnpm dlx storybook@latest upgrade"),onNavigateToWhatsNew&&import_react44.default.createElement(Link22,{onClick:onNavigateToWhatsNew},"See what's new in Storybook"))},Container3=newStyled.div(({theme})=>({border:"1px solid",borderRadius:5,padding:20,marginTop:0,borderColor:theme.appBorderColor,fontSize:theme.typography.size.s2,width:"100%",[MEDIA_DESKTOP_BREAKPOINT]:{maxWidth:400}})),Tabs2=newStyled.div({display:"flex",gap:2}),Code=newStyled.pre(({theme})=>({background:theme.base==="light"?"rgba(0, 0, 0, 0.05)":theme.appBorderColor,fontSize:theme.typography.size.s2-1,margin:"4px 0 16px"})),ButtonTab=newStyled.button(({theme,active})=>({all:"unset",alignItems:"center",gap:10,color:theme.color.defaultText,fontSize:theme.typography.size.s2-1,borderBottom:"2px solid transparent",borderBottomColor:active?theme.color.secondary:"none",padding:"0 10px 5px",marginBottom:"5px",cursor:"pointer"}));var MobileAbout=()=>{let{isMobileAboutOpen,setMobileAboutOpen}=useLayout(),aboutRef=(0,import_react45.useRef)(null);return import_react45.default.createElement(Transition_default,{nodeRef:aboutRef,in:isMobileAboutOpen,timeout:300,appear:!0,mountOnEnter:!0,unmountOnExit:!0},state=>import_react45.default.createElement(Container4,{ref:aboutRef,state,transitionDuration:300},import_react45.default.createElement(Button2,{onClick:()=>setMobileAboutOpen(!1),title:"Close about section"},import_react45.default.createElement(ArrowLeftIcon,null),"Back"),import_react45.default.createElement(LinkContainer,null,import_react45.default.createElement(LinkLine,{href:"https://github.com/storybookjs/storybook",target:"_blank"},import_react45.default.createElement(LinkLeft,null,import_react45.default.createElement(GithubIcon,null),import_react45.default.createElement("span",null,"Github")),import_react45.default.createElement(ShareAltIcon,{width:12})),import_react45.default.createElement(LinkLine,{href:"https://storybook.js.org/docs/react/get-started/install/",target:"_blank"},import_react45.default.createElement(LinkLeft,null,import_react45.default.createElement(StorybookIcon,null),import_react45.default.createElement("span",null,"Documentation")),import_react45.default.createElement(ShareAltIcon,{width:12}))),import_react45.default.createElement(UpgradeBlock,null),import_react45.default.createElement(BottomText,null,"Open source software maintained by"," ",import_react45.default.createElement(Link22,{href:"https://chromatic.com",target:"_blank"},"Chromatic")," ","and the"," ",import_react45.default.createElement(Link22,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))))},Container4=newStyled.div(({theme,state,transitionDuration})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:11,transition:`all ${transitionDuration}ms ease-in-out`,overflow:"scroll",padding:"25px 10px 10px",color:theme.color.defaultText,background:theme.background.content,opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(20px)";default:return"translateX(0)"}})()}`})),LinkContainer=newStyled.div({marginTop:20,marginBottom:20}),LinkLine=newStyled.a(({theme})=>({all:"unset",display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:theme.typography.size.s2-1,height:52,borderBottom:`1px solid ${theme.appBorderColor}`,cursor:"pointer",padding:"0 10px","&:last-child":{borderBottom:"none"}})),LinkLeft=newStyled.div(({theme})=>({display:"flex",alignItems:"center",fontSize:theme.typography.size.s2-1,height:40,gap:5})),BottomText=newStyled.div(({theme})=>({fontSize:theme.typography.size.s2-1,marginTop:30})),Button2=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:"currentColor",fontSize:theme.typography.size.s2-1,padding:"0 10px"}));var MobileMenuDrawer=({children})=>{let containerRef=(0,import_react46.useRef)(null),sidebarRef=(0,import_react46.useRef)(null),overlayRef=(0,import_react46.useRef)(null),{isMobileMenuOpen,setMobileMenuOpen,isMobileAboutOpen,setMobileAboutOpen}=useLayout();return import_react46.default.createElement(import_react46.default.Fragment,null,import_react46.default.createElement(Transition_default,{nodeRef:containerRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0,onExited:()=>setMobileAboutOpen(!1)},state=>import_react46.default.createElement(Container5,{ref:containerRef,state},import_react46.default.createElement(Transition_default,{nodeRef:sidebarRef,in:!isMobileAboutOpen,timeout:300},sidebarState=>import_react46.default.createElement(SidebarContainer,{ref:sidebarRef,state:sidebarState},children)),import_react46.default.createElement(MobileAbout,null))),import_react46.default.createElement(Transition_default,{nodeRef:overlayRef,in:isMobileMenuOpen,timeout:300,mountOnEnter:!0,unmountOnExit:!0},state=>import_react46.default.createElement(Overlay,{ref:overlayRef,state,onClick:()=>setMobileMenuOpen(!1),"aria-label":"Close navigation menu"})))},Container5=newStyled.div(({theme,state})=>({position:"fixed",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"80%",bottom:0,left:0,zIndex:11,borderRadius:"10px 10px 0 0",transition:`all ${300}ms ease-in-out`,overflow:"hidden",transform:`${state==="entering"||state==="entered"?"translateY(0)":state==="exiting"||state==="exited"?"translateY(100%)":"translateY(0)"}`})),SidebarContainer=newStyled.div(({theme,state})=>({position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1,transition:`all ${300}ms ease-in-out`,overflow:"hidden",opacity:`${state==="entered"||state==="entering"?1:state==="exiting"||state==="exited"?0:1}`,transform:`${(()=>{switch(state){case"entering":case"entered":return"translateX(0)";case"exiting":case"exited":return"translateX(-20px)";default:return"translateX(0)"}})()}`})),Overlay=newStyled.div(({state})=>({position:"fixed",boxSizing:"border-box",background:"rgba(0, 0, 0, 0.5)",top:0,bottom:0,right:0,left:0,zIndex:10,transition:`all ${300}ms ease-in-out`,cursor:"pointer",opacity:`${(()=>{switch(state){case"entering":case"entered":return 1;case"exiting":case"exited":return 0;default:return 0}})()}`,"&:hover":{background:"rgba(0, 0, 0, 0.6)"}}));var import_react47=__toESM(require_react());var Container6=newStyled.div(({theme})=>({position:"relative",boxSizing:"border-box",width:"100%",background:theme.background.content,height:"42vh",zIndex:11,overflow:"hidden"})),MobileAddonsDrawer=({children})=>import_react47.default.createElement(Container6,null,children);var useFullStoryName=()=>{let{index}=useStorybookState(),currentStory=useStorybookApi().getCurrentStoryData();if(!currentStory)return"";let fullStoryName=currentStory.renderLabel?.(currentStory)||currentStory.name,node=index[currentStory.id];for(;"parent"in node&&node.parent&&index[node.parent]&&fullStoryName.length<24;)node=index[node.parent],fullStoryName=`${node.renderLabel?.(node)||node.name}/${fullStoryName}`;return fullStoryName},MobileNavigation=({menu,panel,showPanel})=>{let{isMobileMenuOpen,isMobilePanelOpen,setMobileMenuOpen,setMobilePanelOpen}=useLayout(),fullStoryName=useFullStoryName();return import_react48.default.createElement(Container7,null,import_react48.default.createElement(MobileMenuDrawer,null,menu),isMobilePanelOpen?import_react48.default.createElement(MobileAddonsDrawer,null,panel):import_react48.default.createElement(Nav,{className:"sb-bar"},import_react48.default.createElement(Button3,{onClick:()=>setMobileMenuOpen(!isMobileMenuOpen),title:"Open navigation menu"},import_react48.default.createElement(MenuIcon,null),import_react48.default.createElement(Text2,null,fullStoryName)),showPanel&&import_react48.default.createElement(IconButton,{onClick:()=>setMobilePanelOpen(!0),title:"Open addon panel"},import_react48.default.createElement(BottomBarToggleIcon,null))))},Container7=newStyled.div(({theme})=>({bottom:0,left:0,width:"100%",zIndex:10,background:theme.barBg,borderTop:`1px solid ${theme.appBorderColor}`})),Nav=newStyled.div({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:40,padding:"0 6px"}),Button3=newStyled.button(({theme})=>({all:"unset",display:"flex",alignItems:"center",gap:10,color:theme.barTextColor,fontSize:`${theme.typography.size.s2-1}px`,padding:"0 7px",fontWeight:theme.typography.weight.bold,WebkitLineClamp:1,"> svg":{width:14,height:14,flexShrink:0}})),Text2=newStyled.p({display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",overflow:"hidden"});var import_react51=__toESM(require_react());var import_react50=__toESM(require_react());var import_react49=__toESM(require_react());var slideIn=keyframes({"0%":{opacity:0,transform:"translateY(30px)"},"100%":{opacity:1,transform:"translateY(0)"}}),grow=keyframes({"0%":{width:"0%"},"100%":{width:"100%"}}),Notification=newStyled.div(({theme})=>({position:"relative",display:"flex",padding:15,width:280,borderRadius:4,alignItems:"center",animation:`${slideIn} 500ms`,background:theme.base==="light"?"hsla(203, 50%, 20%, .97)":"hsla(203, 30%, 95%, .97)",boxShadow:"0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)",color:theme.color.inverseText,textDecoration:"none",overflow:"hidden"}),({duration,theme})=>duration&&{"&::after":{content:'""',display:"block",position:"absolute",bottom:0,left:0,height:3,background:theme.color.secondary,animation:`${grow} ${duration}ms linear forwards reverse`}}),NotificationWithInteractiveStates=newStyled(Notification)(()=>({cursor:"pointer",border:"none",outline:"none",textAlign:"left",transition:"all 150ms ease-out",transform:"translate3d(0, 0, 0)","&:hover":{transform:"translate3d(0, -3px, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:active":{transform:"translate3d(0, 0, 0)",boxShadow:"0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"},"&:focus":{boxShadow:"rgba(2,156,253,1) 0 0 0 1px inset, 0 1px 3px 0 rgba(30,167,253,0.5), 0 2px 5px 0 rgba(0,0,0,0.05), 0 5px 15px 0 rgba(0,0,0,0.1)"}})),NotificationButton=NotificationWithInteractiveStates.withComponent("button"),NotificationLink=NotificationWithInteractiveStates.withComponent(Link2),NotificationIconWrapper=newStyled.div(()=>({display:"flex",marginRight:10,alignItems:"center",svg:{width:16,height:16}})),NotificationTextWrapper=newStyled.div(({theme})=>({width:"100%",display:"flex",flexDirection:"column",color:theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight})),Headline=newStyled.div(({theme,hasIcon})=>({height:"100%",width:hasIcon?205:230,alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:theme.typography.size.s1,lineHeight:"16px",fontWeight:theme.typography.weight.bold})),SubHeadline=newStyled.div(({theme})=>({color:curriedTransparentize$1(.25,theme.color.inverseText),fontSize:theme.typography.size.s1-1,lineHeight:"14px",marginTop:2})),ItemContent=({icon,content:{headline,subHeadline}})=>{let theme=useTheme(),defaultColor=theme.base==="dark"?theme.color.mediumdark:theme.color.mediumlight;return import_react49.default.createElement(import_react49.default.Fragment,null,!icon||import_react49.default.createElement(NotificationIconWrapper,null,import_react49.default.isValidElement(icon)?icon:typeof icon=="object"&&"name"in icon&&import_react49.default.createElement(Icons,{icon:icon.name,color:icon.color||defaultColor})),import_react49.default.createElement(NotificationTextWrapper,null,import_react49.default.createElement(Headline,{title:headline,hasIcon:!!icon},headline),subHeadline&&import_react49.default.createElement(SubHeadline,null,subHeadline)))},DismissButtonWrapper=newStyled(IconButton)(({theme})=>({alignSelf:"center",marginTop:0,color:theme.base==="light"?"rgba(255,255,255,0.7)":" #999999"})),DismissNotificationItem=({onDismiss})=>import_react49.default.createElement(DismissButtonWrapper,{title:"Dismiss notification",onClick:e3=>{e3.preventDefault(),e3.stopPropagation(),onDismiss()}},import_react49.default.createElement(CloseAltIcon,{size:12})),NotificationItemSpacer=newStyled.div({height:48}),NotificationItem=({notification:{content,duration,link,onClear,onClick,id,icon},onDismissNotification})=>{let onTimeout=(0,import_react49.useCallback)(()=>{onDismissNotification(id),onClear&&onClear({dismissed:!1,timeout:!0})},[onDismissNotification,onClear]),timer=(0,import_react49.useRef)(null);(0,import_react49.useEffect)(()=>{if(duration)return timer.current=setTimeout(onTimeout,duration),()=>clearTimeout(timer.current)},[duration,onTimeout]);let onDismiss=(0,import_react49.useCallback)(()=>{clearTimeout(timer.current),onDismissNotification(id),onClear&&onClear({dismissed:!0,timeout:!1})},[onDismissNotification,onClear]);return link?import_react49.default.createElement(NotificationLink,{to:link,duration},import_react49.default.createElement(ItemContent,{icon,content}),import_react49.default.createElement(DismissNotificationItem,{onDismiss})):onClick?import_react49.default.createElement(NotificationButton,{duration,onClick:()=>onClick({onDismiss})},import_react49.default.createElement(ItemContent,{icon,content}),import_react49.default.createElement(DismissNotificationItem,{onDismiss})):import_react49.default.createElement(Notification,{duration},import_react49.default.createElement(ItemContent,{icon,content}),import_react49.default.createElement(DismissNotificationItem,{onDismiss}))},NotificationItem_default=NotificationItem;var NotificationList=({notifications,clearNotification})=>import_react50.default.createElement(List,null,notifications&¬ifications.map(notification=>import_react50.default.createElement(NotificationItem_default,{key:notification.id,onDismissNotification:id=>clearNotification(id),notification}))),List=newStyled.div({zIndex:200,position:"fixed",left:20,bottom:60,[MEDIA_DESKTOP_BREAKPOINT]:{bottom:20},"> * + *":{marginTop:10},"&:empty":{display:"none"}});var mapper3=({state,api})=>({notifications:state.notifications,clearNotification:api.clearNotification}),Notifications=props=>import_react51.default.createElement(ManagerConsumer,{filter:mapper3},fromState=>import_react51.default.createElement(NotificationList,{...props,...fromState}));var MINIMUM_CONTENT_WIDTH_PX=100,layoutStateIsEqual=(state,other)=>state.navSize===other.navSize&&state.bottomPanelHeight===other.bottomPanelHeight&&state.rightPanelWidth===other.rightPanelWidth&&state.panelPosition===other.panelPosition,useLayoutSyncingState=({managerLayoutState,setManagerLayoutState,isDesktop,hasTab})=>{let prevManagerLayoutStateRef=import_react52.default.useRef(managerLayoutState),[internalDraggingSizeState,setInternalDraggingSizeState]=(0,import_react52.useState)({...managerLayoutState,isDragging:!1});(0,import_react52.useEffect)(()=>{internalDraggingSizeState.isDragging||layoutStateIsEqual(managerLayoutState,prevManagerLayoutStateRef.current)||(prevManagerLayoutStateRef.current=managerLayoutState,setInternalDraggingSizeState(state=>({...state,...managerLayoutState})))},[internalDraggingSizeState.isDragging,managerLayoutState,setInternalDraggingSizeState]),(0,import_react52.useLayoutEffect)(()=>{if(internalDraggingSizeState.isDragging||layoutStateIsEqual(prevManagerLayoutStateRef.current,internalDraggingSizeState))return;let nextState={navSize:internalDraggingSizeState.navSize,bottomPanelHeight:internalDraggingSizeState.bottomPanelHeight,rightPanelWidth:internalDraggingSizeState.rightPanelWidth};prevManagerLayoutStateRef.current={...prevManagerLayoutStateRef.current,...nextState},setManagerLayoutState(nextState)},[internalDraggingSizeState,setManagerLayoutState]);let isPagesShown=managerLayoutState.viewMode!=="story"&&managerLayoutState.viewMode!=="docs",isPanelShown=managerLayoutState.viewMode==="story"&&!hasTab,{panelResizerRef,sidebarResizerRef}=useDragging({setState:setInternalDraggingSizeState,isPanelShown,isDesktop}),{navSize,rightPanelWidth,bottomPanelHeight}=internalDraggingSizeState.isDragging?internalDraggingSizeState:managerLayoutState;return{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,panelResizerRef,sidebarResizerRef,showPages:isPagesShown,showPanel:isPanelShown,isDragging:internalDraggingSizeState.isDragging}},Layout=({managerLayoutState,setManagerLayoutState,hasTab,...slots})=>{let{isDesktop,isMobile}=useLayout(),{navSize,rightPanelWidth,bottomPanelHeight,panelPosition,panelResizerRef,sidebarResizerRef,showPages,showPanel,isDragging}=useLayoutSyncingState({managerLayoutState,setManagerLayoutState,isDesktop,hasTab});return import_react52.default.createElement(LayoutContainer,{navSize,rightPanelWidth,bottomPanelHeight,panelPosition:managerLayoutState.panelPosition,isDragging,viewMode:managerLayoutState.viewMode,showPanel},import_react52.default.createElement(Notifications,null),showPages&&import_react52.default.createElement(PagesContainer,null,slots.slotPages),import_react52.default.createElement(Match,{path:/(^\/story|docs|onboarding\/|^\/$)/,startsWith:!1},({match})=>import_react52.default.createElement(ContentContainer,{shown:!!match},slots.slotMain)),isDesktop&&import_react52.default.createElement(import_react52.default.Fragment,null,import_react52.default.createElement(SidebarContainer2,null,import_react52.default.createElement(Drag,{ref:sidebarResizerRef}),slots.slotSidebar),showPanel&&import_react52.default.createElement(PanelContainer,{position:panelPosition},import_react52.default.createElement(Drag,{orientation:panelPosition==="bottom"?"horizontal":"vertical",position:panelPosition==="bottom"?"left":"right",ref:panelResizerRef}),slots.slotPanel)),isMobile&&import_react52.default.createElement(MobileNavigation,{menu:slots.slotSidebar,panel:slots.slotPanel,showPanel}))},LayoutContainer=newStyled.div(({navSize,rightPanelWidth,bottomPanelHeight,viewMode,panelPosition,showPanel})=>({width:"100%",height:["100vh","100dvh"],overflow:"hidden",display:"flex",flexDirection:"column",[MEDIA_DESKTOP_BREAKPOINT]:{display:"grid",gap:0,gridTemplateColumns:`minmax(0, ${navSize}px) minmax(${MINIMUM_CONTENT_WIDTH_PX}px, 1fr) minmax(0, ${rightPanelWidth}px)`,gridTemplateRows:`1fr minmax(0, ${bottomPanelHeight}px)`,gridTemplateAreas:viewMode==="docs"||!showPanel?`"sidebar content content"
|
|
178
178
|
"sidebar content content"`:panelPosition==="right"?`"sidebar content panel"
|
|
179
179
|
"sidebar content panel"`:`"sidebar content content"
|
|
180
180
|
"sidebar panel panel"`}})),SidebarContainer2=newStyled.div(({theme})=>({backgroundColor:theme.background.app,gridArea:"sidebar",position:"relative",borderRight:`1px solid ${theme.color.border}`})),ContentContainer=newStyled.div(({theme,shown})=>({flex:1,position:"relative",backgroundColor:theme.background.content,display:shown?"grid":"none",overflow:"auto",[MEDIA_DESKTOP_BREAKPOINT]:{flex:"auto",gridArea:"content"}})),PagesContainer=newStyled.div(({theme})=>({gridRowStart:"sidebar-start",gridRowEnd:"-1",gridColumnStart:"sidebar-end",gridColumnEnd:"-1",backgroundColor:theme.background.content,zIndex:1})),PanelContainer=newStyled.div(({theme,position})=>({gridArea:"panel",position:"relative",backgroundColor:theme.background.content,borderTop:position==="bottom"?`1px solid ${theme.color.border}`:null,borderLeft:position==="right"?`1px solid ${theme.color.border}`:null})),Drag=newStyled.div(({theme})=>({position:"absolute",opacity:0,transition:"opacity 0.2s ease-in-out",zIndex:100,"&:after":{content:'""',display:"block",backgroundColor:theme.color.secondary},"&:hover":{opacity:1}}),({orientation="vertical",position="left"})=>orientation==="vertical"?{width:position==="left"?10:13,height:"100%",top:0,right:position==="left"?"-7px":null,left:position==="right"?"-7px":null,"&:after":{width:1,height:"100%",marginLeft:position==="left"?3:6},"&:hover":{cursor:"col-resize"}}:{width:"100%",height:"13px",top:"-7px",left:0,"&:after":{width:"100%",height:1,marginTop:6},"&:hover":{cursor:"row-resize"}});var App=({managerLayoutState,setManagerLayoutState,pages,hasTab})=>{let{setMobileAboutOpen}=useLayout();return import_react53.default.createElement(import_react53.default.Fragment,null,import_react53.default.createElement(Global,{styles:createGlobal}),import_react53.default.createElement(Layout,{hasTab,managerLayoutState,setManagerLayoutState,slotMain:import_react53.default.createElement(Preview_default,{id:"main",withLoader:!0}),slotSidebar:import_react53.default.createElement(Sidebar_default,{onMenuClick:()=>setMobileAboutOpen(state=>!state)}),slotPanel:import_react53.default.createElement(Panel_default,null),slotPages:pages.map(({id,render:Content2})=>import_react53.default.createElement(Content2,{key:id}))}))};var Provider=class{getElements(_type){throw new Error("Provider.getElements() is not implemented!")}handleAPI(_api){throw new Error("Provider.handleAPI() is not implemented!")}getConfig(){return console.error("Provider.getConfig() is not implemented!"),{}}};var import_react61=__toESM(require_react());var import_react55=__toESM(require_react());var import_react54=__toESM(require_react());var Container8=newStyled.div({display:"flex",alignItems:"center",flexDirection:"column",marginTop:40}),Header=newStyled.header({marginBottom:32,alignItems:"center",display:"flex","> svg":{height:48,width:"auto",marginRight:8}}),Footer=newStyled.div(({theme})=>({marginBottom:24,display:"flex",flexDirection:"column",alignItems:"center",color:theme.base==="light"?theme.color.dark:theme.color.lightest,fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2})),Actions2=newStyled.div({display:"flex",flexDirection:"row",alignItems:"center",marginBottom:24,marginTop:24,gap:16}),StyledLink=newStyled(Link22)(({theme})=>({"&&":{fontWeight:theme.typography.weight.bold,color:theme.base==="light"?theme.color.dark:theme.color.light},"&:hover":{color:theme.base==="light"?theme.color.darkest:theme.color.lightest}})),AboutScreen=({onNavigateToWhatsNew})=>import_react54.default.createElement(Container8,null,import_react54.default.createElement(Header,null,import_react54.default.createElement(StorybookLogo,{alt:"Storybook"})),import_react54.default.createElement(UpgradeBlock,{onNavigateToWhatsNew}),import_react54.default.createElement(Footer,null,import_react54.default.createElement(Actions2,null,import_react54.default.createElement(Button,{asChild:!0},import_react54.default.createElement("a",{href:"https://github.com/storybookjs/storybook"},import_react54.default.createElement(GithubIcon,null),"GitHub")),import_react54.default.createElement(Button,{asChild:!0},import_react54.default.createElement("a",{href:"https://storybook.js.org/docs"},import_react54.default.createElement(DocumentIcon,{style:{display:"inline",marginRight:5}}),"Documentation"))),import_react54.default.createElement("div",null,"Open source software maintained by"," ",import_react54.default.createElement(StyledLink,{href:"https://www.chromatic.com/"},"Chromatic")," and the"," ",import_react54.default.createElement(StyledLink,{href:"https://github.com/storybookjs/storybook/graphs/contributors"},"Storybook Community"))));var NotificationClearer=class extends import_react55.Component{componentDidMount(){let{api,notificationId}=this.props;api.clearNotification(notificationId)}render(){let{children}=this.props;return children}},AboutPage=()=>{let api=useStorybookApi(),state=useStorybookState(),onNavigateToWhatsNew=(0,import_react55.useCallback)(()=>{api.changeSettingsTab("whats-new")},[api]);return import_react55.default.createElement(NotificationClearer,{api,notificationId:"update"},import_react55.default.createElement(AboutScreen,{onNavigateToWhatsNew:state.whatsNewData?.status==="SUCCESS"?onNavigateToWhatsNew:void 0}))};var import_react58=__toESM(require_react());var import_react57=__toESM(require_react());var import_react56=__toESM(require_react());var Footer2=newStyled.div(({theme})=>({display:"flex",paddingTop:20,marginTop:20,borderTop:`1px solid ${theme.appBorderColor}`,fontWeight:theme.typography.weight.bold,"& > * + *":{marginLeft:20}})),SettingsFooter=props=>import_react56.default.createElement(Footer2,{...props},import_react56.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org",cancel:!1,target:"_blank"},"Docs"),import_react56.default.createElement(Link22,{secondary:!0,href:"https://github.com/storybookjs/storybook",cancel:!1,target:"_blank"},"GitHub"),import_react56.default.createElement(Link22,{secondary:!0,href:"https://storybook.js.org/community#support",cancel:!1,target:"_blank"},"Support")),SettingsFooter_default=SettingsFooter;var Header2=newStyled.header(({theme})=>({marginBottom:20,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,alignItems:"center",display:"flex"})),HeaderItem=newStyled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),GridHeaderRow=newStyled.div({alignSelf:"flex-end",display:"grid",margin:"10px 0",gridTemplateColumns:"1fr 1fr 12px","& > *:last-of-type":{gridColumn:"2 / 2",justifySelf:"flex-end",gridRow:"1"}}),Row=newStyled.div(({theme})=>({padding:"6px 0",borderTop:`1px solid ${theme.appBorderColor}`,display:"grid",gridTemplateColumns:"1fr 1fr 0px"})),GridWrapper=newStyled.div({display:"grid",gridTemplateColumns:"1fr",gridAutoRows:"minmax(auto, auto)",marginBottom:20}),Description=newStyled.div({alignSelf:"center"}),TextInput=newStyled(Form.Input)(({valid,theme})=>valid==="error"?{animation:`${theme.animation.jiggle} 700ms ease-out`}:{},{display:"flex",width:80,flexDirection:"column",justifySelf:"flex-end",paddingLeft:4,paddingRight:4,textAlign:"center"}),Fade=keyframes`
|